Javascript 动态图：具有两个y轴的一个系列

我想做的是绘制一个单一系列，其中两个y轴锁定在相同的数据上-例如，°F和°C温度或英尺和米等，可以从任一轴读取，但只绘制一组点

我尝试过的事情：

1创建两个系列，第二个系列具有转换值，并在另一个系列的顶部绘制。在这种情况下，恒定转换值为1.51：

日期，单位1，单位2 2012-03-19,1.598333,3.108333 2012-03-20,1.542083,3.052083 2012-03-21,1.483333,2.993333

一般工作；然而，动态图可以独立地动态缩放两个y轴，使其美观，因此这两个系列并不总是直接在彼此的顶部绘制

2将第二个系列的可见性设置为FALSE：

系列：{'converted_unit2'：{axis:'y2'}， 可见性：[对，错]

不起作用：动态图默认将不可见序列的次y轴缩放为0到1

3好的，使它们都可见，但将第二个系列设置为透明：

系列：{'converted_unit2'：{axis:'y2'}， 颜色：['000080'，'rgba0,0,0,0']

这几乎是可行的-但是它有一个副作用，即动态图例中第二个系列的标签现在是透明的。而且，由于轴仍然被独立地计算为漂亮的，因此它们没有完全对齐-次y轴可能与第一个y轴相差几个百分比

我还尝试将第二个系列的可见性设置为FALSE，并使用从yAxisRange获得的值手动设置第二个y-asix，效果很好，但第二个y轴对缩放图形没有正确响应

是否有一种方法可以轻松为锁定在一起的单个系列创建两个y轴

谢谢， -布莱恩

这里也有同样的问题

我们使用第二个系列中的单个数据点添加第二个从属轴，该系列允许两个轴的第二个轴和固定轴范围，即从第一个范围计算的第二个范围。第二种颜色被设置为透明，第二个标签被隐藏。。。工作正常，直到我们必须切换到动态缩放轴

动态图例中的第二个系列现在是透明的

嗯，你可以用css来改变这一点，因为这是一种内联样式，你必须使用！重要的是要覆盖它或删除内联样式或更改它

是的，第二个从属轴的选项将是伟大的

---

Jean

将第二个系列的笔划宽度设置为0：

series: {
    converted_unit2: {
        axis: 'y2',
        strokeWidth: 0
        },
    }

---

优秀的黑客可能还必须将pointSize和highlightCircleSize设置为0。此外，手动设置yRangePad可防止其中一个y轴碰到零下限时出现系列对齐问题。