dygraphs：如何将主y轴移动到右侧

Question

这是我正在寻找的图表range-selector dygraph 但不是主左侧的y轴我想要它在右侧。在dygraphs中有可能吗？谢谢你的帮助。

Answer 1

您可以通过将所有系列移动到辅助y轴（始终在右侧渲染）然后隐藏主y轴来完成此操作。

示例at this fiddle：

g = new Dygraph(document.getElementById("graph"), data,
               {
                 series: {
                     A: { axis: 'y2' },
                     B: { axis: 'y2' },
                     ...
                 },
                 axes: {
                     y: {
                         drawGrid: false,
                         independentTicks: false
                     },
                     y2: {
                         drawGrid: true,
                         independentTicks: true
                     }
                 }
             });

你仍然会得到一个主要的y轴，你目前必须通过CSS隐藏它（至少在解决this issue之前）：

.dygraph-axis-label-y1 { display: none; }

Answer 2

很糟糕，但确实有效：

[].slice.call(document.querySelectorAll(".dygraph-axis-label-y")).forEach(function(e) {
  e.parentElement.style.left="800px";
});

生成图表后运行代码。根据需要调整样式指令。我发现将textAlign设置为左侧也很有帮助。