避免使用 dygraphs javascript 在 y 轴上使用浮动数字标签，并将不同的网格线设置为辅助 y 轴

Question

我有一系列简单的整数值。所以y轴标签不需要浮点数。

我使用 axisLabelFormatter 将 y 转换为整数。但结果是，我在 y 轴上有重复的整数值。

如何获得在正确位置仅标有单个整数的 y 轴？

我也希望辅助 y 轴具有不同的网格

另请参阅 https://jsfiddle.net/eM2Mg/9559/ 中的示例。

Answer 1

我试过你的例子，修改它，我得到了这个结果

接下来我已经修改了你的代码

var graph2 = new Dygraph(document.getElementById("graph2"), data, {
   axes: {
      y2: {
        axisLabelFormatter: function(y) {
           return texts[y] || parseInt(y);
        },
      drawGrid: true,
      independentTicks: true,
      pixelsPerLabel: 100,
      gridLinePattern: [2,2]
    }
  },
  legend: "always",
  series: {
    "State": {
        axis: "y2",
        strokeWidth: 2,
        stepPlot: true,
    }
  },
  strokeWidth: 2,
  title: "my try to get what I want"
});

我已将选项 drawGrid 和 independentLabels 设置为 true。

有必要将 pixelsPerLabel 调整为您认为 auto、on、off 3 个值可以更好地显示的大小。以及网格 patterLine 以显示右侧 y 轴的不同网格。

如果您认为没有网格看起来更好，您也可以删除 drawGrid。

希望这能成为您的解决方案！问候！

避免使用 dygraphs javascript 在 y 轴上使用浮动数字标签，并将不同的网格线设置为辅助 y 轴

Avoid float number labels on y-axis with dygraphs javascript and set different grid lines to secondary y axis

javascript

charts

dygraphs