首页 > 解决方案 > nvd3 缺少一些 xAxis 刻度

问题描述

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

这是它现在的样子:

在此处输入图像描述

如您所见,缺少一些日期: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 轴上显示所有数据?

标签: javascriptnvd3.js

解决方案


我在这里找到了答案:

NVD3 折线图 X 轴刻度丢失

关键是使用tickValues()而不是ticks()链接中帖子上的答案。


推荐阅读