nvd3一些xAxis刻度丢失

时间:2018-07-19 09:04:48

标签: javascript nvd3.js

我有一个nvd3折线图,需要在x轴上显示一个月中的每个日期。对于当月(7月),我已生成31 x,y对。但是,该图表省略了其中一些数据点。实际上,大多数数据点的y坐标都设置为null(因为并非所有日期都有数据,但是我仍然需要显示每个日期)。

这是现在的样子:

enter image description here

如您所见,缺少一些日期:07/08 / 2018、07 / 15 / 2018、07 / 22 / 2018、07 / 30/2018和07/31/2018。

这是我的代码:

chart.xAxis.ticks(weightData.length); // this is 31
chart.xAxis.rotateLabels(-35);
chart.xAxis.showMaxMin(false); // if this is true, even less data is displayed

有没有一种方法可以强制图表在x轴上显示所有数据?

1 个答案:

答案 0 :(得分:0)

我在这里找到了答案:

NVD3 Line Chart X Axis Ticks Are Missing

重点是使用tickValues()而不是ticks()作为链接中帖子中的答案。