我使用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]);
本文收集自互联网,转载请注明来源。
如有侵权,请联系[email protected] 删除。
我来说两句