JavaScript
var width = 700,
height = 300,
radius = 100,
padding = 20;
var ru_RU = {
"decimal": ",",
"thousands": "\xa0",
"grouping": [3],
"currency": ["", " руб."],
"dateTime": "%A, %e %B %Y г. %X",
"date": "%d.%m.%Y",
"time": "%H:%M:%S",
"periods": ["AM", "PM"],
"days": ["воскресенье", "понедельник", "вторник", "среда", "четверг", "пятница", "суббота"],
"shortDays": ["вс", "пн", "вт", "ср", "чт", "пт", "сб"],
"months": ["Январь", "Февраль", "Март", "Апрель", "Май", "Июнь", "Июль", "Август", "Сентябрь", "Октябрь", "Ноябрь", "Декабрь"],
"shortMonths": ["Jan", "Feb", "Mar", "Apr", "May", "Jun", "Jul", "Aug", "Sep", "Oct", "Nov", "Dec"]
}
d3.locale(ru_RU);
var data = '[{"date":"2014-Jun-18","amount":"5"},{"date":"2014-Jul-18","amount":"30"},{"date":"2014-Aug-18","amount":"138"},{"date":"2014-Sep-18","amount":"110"},{"date":"2014-Oct-18","amount":"217"},{"date":"2014-Nov-18","amount":"342"}] ';
amountOfContentJSON = data;
root1 = JSON.parse(amountOfContentJSON);
var margin = {
top: 20,
right: 20,
bottom: 30,
left: 50
};
var parseDate = d3.time.format("%Y-%b-%d").parse;
root1.forEach(function (d) {
d.date = parseDate(d.date);
d.amount = +d.amount;
});
var x = d3.time.scale()
.domain([new Date(root1[0].date), d3.time.day.offset(new Date(root1[root1.length - 1].date), 1)])
.range([0, width]);
var y = d3.scale.linear()
.domain([0, d3.max(root1, function (d) {
return d.amount;
})])
.range([height, 0]);
var xAxis = d3.svg.axis()
.scale(x)
.orient("bottom")
.ticks(5)
.tickPadding(8);
var yAxis = d3.svg.axis()
.scale(y)
.orient("left");
var line = d3.svg.line()
.x(function (d) {
return x(d.date);
})
.y(function (d) {
return y(d.amount);
});
var svg = d3.select("#amount").append("svg")
.attr("width", width + margin.left + margin.right)
...