我正在使用here的堆积面积图。我想根据数据更改x轴标签。所以这是现有的图表:
以下是现有代码:
d3.json('data5.json', function(data){
nv.addGraph(function() {
chart = nv.models.stackedAreaChart()
.useInteractiveGuideline(true)
.x(function(d) { return d[0] })
.y(function(d) { return d[1] })
.controlLabels({stacked: "Stacked"})
.duration(300);
chart.xAxis.tickFormat(function(d) { return d3.time.format('%x')(new Date(d)) });
chart.yAxis.tickFormat(d3.format(',.4f'));
chart.legend.vers('furious');
d3.select('#chart1')
.datum(data)
.transition().duration(1000)
.call(chart)
.each('start', function() {
setTimeout(function() {
d3.selectAll('#chart1 *').each(function() {
if(this.__transition__)
this.__transition__.duration = 1;
})
}, 0)
});
nv.utils.windowResize(chart.update);
return chart;
});
})
他们正在使用.json中的数据:
{
"key" : "North America" ,
"values" : [ [ 1025409600000 , 23.041422681023] , [ 1028088000000 , 19.854291255832],
[ 1030766400000 , 21.02286281168],
[ 1033358400000 , 22.093608385173],
[ 1036040400000 , 25.108079299458];
}
我想在数据中更改日期范围的标签。所以我用自己的数据替换现有数据。这是我的数据:
我的问题是如何根据数据更改x轴标签?我的数据如何? 谢谢你的任何评论!