在Dygraph上以特定间隔缩放Y轴值

时间:2020-04-07 19:48:19

标签: javascript dygraphs

我一直在尝试在y轴上创建具有特定间隔的Dygraph(用于JavaScript),但无法这样做。

我已经尝试过pixelsPerLabel,但是它并没有放弃0.25的像素值。可以设置y轴的间隔吗?

这是我的工作示例:

Click this link for image

我想要y轴值为0.25,

1 个答案:

答案 0 :(得分:0)

您需要编写一个自定义函数来生成轴刻度,称为ticker。创建DyGraph时,这在轴选项中定义:

var g = new DyGraph(
  document.getElementById("graph"),
  graphData,
  {
    axes: {
      y: {
        ticker: function(min, max, pixels) {
          ticks = [];
          for (var i = min; i <= max; i = i + 0.25) {
            ticks.push({v: i});
            ticks.push({label_v: i, label: i});
          }
          return ticks;
        }
      }
    }
  }

这是一个非常简单的示例,仅使用一个简单的for循环-显然,您可以对其进行调整以执行所需的任何奇特的事情,但这将使您每0.25个单位跳动一次。