nvd3,x轴刻度未正确显示

时间:2018-10-02 16:39:36

标签: javascript nvd3.js lineplusbarchart

我想用nvd3(linePlusBarChart)创建一个图形,其中包含从Web服务接收的数据。 收到的数据是

[{"key": "Line #1", "values": [[1528664400.0, 1.2087382397], [1528750800.0, -0.1787053166], [1528837200.0, -1.2137769235], [1528923600.0, 0.1837440003]]}, {"key": "Line #2", "values": []}, {"key": "Bar", "bar": "true", "values": []}]

创建的图形如下图所示:

enter image description here

如图所示,垂直线(刻度线)和在x轴上显示的数据未根据数据正确放置。有办法改变吗?

用于创建图表的代码是:

chart = nv.models.linePlusBarChart()
                    .focusEnable(false)
                    .margin({ top: 80, right: 80, bottom: 30, left: 80 })
                    .color(["rgb(226, 144, 36)", "rgb(218,60,61)", "rgb(58, 112, 150)"]);

                chart.xAxis.tickFormat(function (d) {
                    return d3.time.format('%d/%m/%Y')(new Date(d * 1000))
                }).showMaxMin(true);

0 个答案:

没有答案