dygraphs Reverse y-axis 动态最大值（较低值）

Question

我想要的是： 带有反向 y-axis 的 dygraphs 图，如文档示例所示： https://github.com/danvk/dygraphs/blob/master/tests/reverse-y-axis.html 除了我希望 y-max 值（现在在底部）是动态的，以便它的值等于缩放中的最大数据值。

我已经尝试 将值范围设置为 valueRange: [ , 0] 代替 valueRange: [ 3000, 0]（这适用于 non-reversed y-axis).

但是在相反的 y-axis 例子中产生了这个：

固定反转的原文y-axisvalueRange: [ 3000, 0]是这样的：

我可以尝试 添加缩放侦听器，然后在每次缩放后将 valueRange: 设置为 [ max_value, 0 ] 其中 max_value 用于特定缩放。但我非常想要 simpler/cleaner 解决方案（如果存在的话）。

任何建议表示赞赏！谢谢！

Answer 1

为了决定是否翻转 y-axis，dygraphs 查看最小值 y-value 是否大于最大值 y-value。如果你不指定一个，它就不能那样做，所以那是行不通的。

可能最简单的解决方案是在数据加载后翻转 y-axis：

g = new Dygraph(div, data, options);

g.ready(() => {
  const [minY, maxY] = g.yAxisRange();
  // Change either of these to a hard-coded value as you wish:
  g.updateOptions({valueRange: [maxY, minY]});
});

完整示例 here.

dygraphs Reverse y-axis 动态最大值（较低值）

dygraphs Reverse y-axis with dynamic maximum (lower value)

javascript

dygraphs