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

Kais Dkhili

我使用nvd3.js在仪表板上显示折线图。问题是导致图表占据较小的位置,例如,并不是所有标签都显示出来:例如,我希望在一周中的所有天都在x轴上显示,但是在我的图表中仅星期一,星期三和星期五显示。当图形占据页面的所有宽度时,会显示所有日子,但是我在仪表板中使用了图形,并且占据了很小的位置..我尝试使用

 chart.xAxis     //Chart x-axis settings

                  .axisLabelDistance(0)

但没有结果。有帮助吗?

雷纳托·乌奇(RenatoUtsch)

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

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

上面的这些数字代表星期几,而将其替换为星期几中使用的实际值。

如果那不能完全解决问题,您也可以在图表上强制使用它们:

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

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

NVD3折线图显示X轴

来自分类Dev

在rChart NVD3(nPlot)中向折线图添加垂直折线

来自分类Dev

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

来自分类Dev

nvd3折线图,x轴上有字符串值

来自分类Dev

NVD3折线图-具有独立事件的叠加点

来自分类Dev

nvd3折线图,x轴上有字符串值

来自分类Dev

使用ajax传递数据时,NVD3折线图不显示-data.map不是函数

来自分类Dev

使用ajax传递数据时,NVD3折线图不显示-data.map不是函数

来自分类Dev

如何在Angular NVD3折线图中的工具提示系列中添加更多属性

来自分类Dev

NVD3-更改折线图上的X标签轴

来自分类Dev

NVD3.js-多折线图多个x轴

来自分类Dev

带有ng-repeat的Angular-nvD3(krispo)单折线图

来自分类Dev

更改Angular-NVD3中的折线图区域颜色

来自分类Dev

更改Angular-NVD3中的折线图区域颜色

来自分类Dev

nvd3:在折线图后面设置背景填充

来自分类Dev

NVD3.js折线图无法将y轴缩放为最大值和最小值

来自分类Dev

D3JS折线图在折线之间的过渡

来自分类Dev

D3.JS:多系列折线图,显示所有日期的工具提示吗?

来自分类Dev

C3-折线图。没有显示行

来自分类Dev

带有负数的d3.js折线图

来自分类Dev

带有负数的d3.js折线图

来自分类Dev

无法在 D3.js 中创建折线图

来自分类Dev

D3,NVD3折线图隐藏选项

来自分类Dev

使用d3.js构建折线图

来自分类Dev

D3js折线图mouseOver

来自分类Dev

C3 JS折线图获取日期错误

来自分类Dev

D3.js折线图工具提示问题

来自分类Dev

如何通过d3.js绘制折线图?

来自分类Dev

d3.js折线图而不是面积