我一直在D3 J中开发年份(x轴)与收入(y轴)的面积图.数据如下:
localData=[
{"Revenue":"4.5","Year":"2011"},
{"Revenue":"5.5","Year":"2010"},
{"Revenue":"7.0","Year":"2012"},
{"Revenue":"6.5","Year":"2013"}
]
Run Code Online (Sandbox Code Playgroud)
我想要x轴的年份和y轴的收入作为面积图.目前我正在使用x轴的时间刻度,但我不知道如何使用它,因为我没有日期格式我只有几年代表.
我的当前代码是:
var margin = { top: 20, right: 20, bottom: 30, left: 50 },
width = 500 - margin.left - margin.right,
height = 300 - margin.top - margin.bottom;
var parseDate = d3.time.format("%Y").parse;
var x = d3.time.scale()
.range([0, width]);
var y = d3.scale.linear()
.range([height, 0]);
var xAxis = d3.svg.axis()
.scale(x)
.orient("bottom");
var yAxis = d3.svg.axis()
.scale(y)
.orient("left");
var area = d3.svg.area()
.x(function (d) { return x(d.Year); })
.y0(height)
.y1(function (d) { return …Run Code Online (Sandbox Code Playgroud)