javascript - NVD3/D3改变y轴最小值

Question

我目前正在使用 NVD3 制作一些折线图。我想知道是否可以使 y 轴刻度始终从 0 开始。目前它总是从最低的 y 值开始。我曾尝试使用 tickValues 但我不想更改其他值。我还尝试添加一个值为 0 的数据点，但这似乎是一种解决方法，它会影响图表的外观。有任何想法吗？

score 30 · Accepted Answer

大多数图表都有一个 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，它们会。

score 10 · Accepted Answer

您不需要添加“虚拟”数据点，您只需要调整比例的输入域，例如

chart.yAxis.scale().domain([0, maxValue]);

score 2 · Accepted Answer

我发现这个测试页面在计算 nvd3 图表上的属性时非常有用（即使你不使用角度 btw 也适用）

score 2 · Accepted Answer

2

您只能通过 chart.forceX(0) 设置最小值

于 2019-03-29T11:53:06.810 回答

4 回答 4