dygraphs - 如何在dygraphs中设置特定的y轴标签点？

Question

Dygraphs 通常会根据轴的大小、标签的大小等自动选择 Y(和 X-)轴标记点。在某些情况下，它会选择导致不太清楚的标记点。例如，在 Y 轴值从 0 到 10 的图表上，它标记为 0、4 和 8(至少对于特定尺寸的图表)；我希望它在 0、5 和 10 处进行标记。是否可以向 Dygraphs 提供选项或功能来指定我想要标记和勾选的点？

Answer 1

您可以通过编写自己的 y 轴自动收报功能来实现此目的:
http://dygraphs.com/options.html#ticker

这是非常高级的定制，所以要小心并阅读 dygraph-tickers.js 中的文档。下面是一些粗略的代码:

<script type="text/javascript">
  g = new Dygraph(div, data, {
    axes: {
      y: {
        ticker: function(min, max, pixels, opts, dygraph, vals) {
          return [{v:0, label:"0"}, {v:5, label:"5"}, {v:10, label:"10"}];
        }
      }
    }
  });
</script>

这种方法的一个缺点是，即使用户在 y 轴上平移/缩放，这些也是您将获得的唯一 y 轴刻度线。根据您的应用程序，这可能好也可能不好。