在折线图中显示所有标签 nvd3.js?
Show all labels in line graph nvd3.js?
我与 nvd3.js 一起在仪表板中显示折线图。问题是导致图表占用的空间很小,例如,并非所有标签都显示:我希望一周中的所有日子都显示在 x 轴中,但在我的图表中只显示星期一、星期三和星期五。当图表占据页面的所有宽度时,所有天都会显示,但我在仪表板中使用图表并且它占用的空间很小..我尝试使用
chart.xAxis //Chart x-axis settings
.axisLabelDistance(0)
但没有结果。
有帮助吗??
要在折线图中显示所有标签,您必须将 xAxis 的刻度值设置为与 forceX 数字相同:
chart.xAxis.tickValues([1, 2, 3, 4, 5, 6, 7]);
以上这些数字代表星期几,请将它们替换为用于星期几的实际值。
如果还是不能彻底解决问题,你也可以强制上图:
chart.forceX([1, 2, 3, 4, 5, 6, 7]);
我与 nvd3.js 一起在仪表板中显示折线图。问题是导致图表占用的空间很小,例如,并非所有标签都显示:我希望一周中的所有日子都显示在 x 轴中,但在我的图表中只显示星期一、星期三和星期五。当图表占据页面的所有宽度时,所有天都会显示,但我在仪表板中使用图表并且它占用的空间很小..我尝试使用
chart.xAxis //Chart x-axis settings
.axisLabelDistance(0)
但没有结果。 有帮助吗??
要在折线图中显示所有标签,您必须将 xAxis 的刻度值设置为与 forceX 数字相同:
chart.xAxis.tickValues([1, 2, 3, 4, 5, 6, 7]);
以上这些数字代表星期几,请将它们替换为用于星期几的实际值。
如果还是不能彻底解决问题,你也可以强制上图:
chart.forceX([1, 2, 3, 4, 5, 6, 7]);