我目前正在使用 NVD3 制作一些折线图。我想知道是否可以使 y 轴刻度始终从 0 开始。目前它总是从最低的 y 值开始。我曾尝试使用 tickValues 但我不想更改其他值。我还尝试添加一个值为 0 的数据点,但这似乎是一种解决方法,它会影响图表的外观。有任何想法吗?
问问题
21221 次
4 回答
30
大多数图表都有一个 forceX 和 forceY 函数,它们采用一组值。你可以像这样使用它:
var chart = nv.models.lineChart();
chart.forceX([0, 10])
chart.forceY([-1, 1])
这将确保在您的 xAxis 上始终显示至少 0 和 10,但如果您直接操作域,则不会限制域。也就是说,如果您执行以下操作:
chart.yAxis.scale().domain([0, maxValue]);
并且您的数据具有不会显示在图表上的负 X 值,因为它们会落在指定域之外,但如果您使用 forceX,它们会。
于 2013-06-13T02:18:24.830 回答
10
您不需要添加“虚拟”数据点,您只需要调整比例的输入域,例如
chart.yAxis.scale().domain([0, maxValue]);
于 2013-06-12T14:12:25.713 回答
2
我发现这个测试页面在计算 nvd3 图表上的属性时非常有用(即使你不使用角度 btw 也适用)
https://krispo.github.io/angular-nvd3/#/lineChart
- 点击“扩展”
- 点击
+
旁边的符号forceY
- 输入一个类似的值
-5
,然后添加它以立即查看效果(示例图已经显示为零)。
于 2016-12-21T21:38:26.350 回答
2
您只能通过 chart.forceX(0) 设置最小值
于 2019-03-29T11:53:06.810 回答