在线图nvd3.js中显示所有标签？

Question

我使用nvd3.js在仪表板中显示折线图。问题是导致图形占据一个小的位置，并非所有标签都显示为例如：我希望一周中的所有日期都显示在xaxis中，但在我的图表中只显示星期一，星期三和星期五。当图表占据页面的所有宽度时，所有日子都会显示，但我在仪表板中使用图表，它需要一个小地方..我试图使用

 chart.xAxis     //Chart x-axis settings

                  .axisLabelDistance(0)

但没有结果。 任何帮助??

Answer 1

要显示折线图中的所有标签，您必须将xAxis的刻度值设置为与forceX数字相同：

chart.xAxis.tickValues([1, 2, 3, 4, 5, 6, 7]);

以上这些数字代表一周中的几天，用一周中所用的实际值替换它们。

如果这不能完全解决问题，您也可以在图表上强制它们：

chart.forceX([1, 2, 3, 4, 5, 6, 7]);