我想用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": []}]
创建的图形如下图所示:
如图所示,垂直线(刻度线)和在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);