如何更改堆积区域图表中的x轴标签NVD3.js?

时间:2015-12-20 01:54:30

标签: html d3.js label axis nvd3.js

我正在使用here的堆积面积图。我想根据数据更改x轴标签。所以这是现有的图表:

enter image description here

以下是现有代码:

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];
}

我想在数据中更改日期范围的标签。所以我用自己的数据替换现有数据。这是我的数据:

enter image description here

我的问题是如何根据数据更改x轴标签?我的数据如何? 谢谢你的任何评论!

0 个答案:

没有答案