Javascript 高度图表-对角线X/Y轴

有没有办法在海图上显示1:1的对角线？我正在寻找一条X和Y值始终匹配的线

我知道如何使用渲染器在Highcharts中渲染线条，但是，我不想要一条独立的线条，而是一条对图表大小/缩放做出反应的线条。带有[（0,0），（1,1）]的序列实际上不是一个选项（它会影响缩放）

除x轴和y轴外，其他类似的轴可能因缩放而改变其值

---

您可以通过检测轴上的

setextrems（）

事件来执行此操作，并启动一个函数以获取轴的极端值并绘制一条线。 （或者，在本例中，我使用了

afterSetExtremes（）

函数）

在我的例子中，我使用了一个直线序列。我假设您可以调整它以使用渲染器，因为您已经使用渲染器最初绘制了线

function redrawLine(chart) {
    var xExt = chart.xAxis[0].getExtremes();
    var yExt = chart.yAxis[0].getExtremes();

    chart.series[1].setData([
        {'x':xExt.min,'y':yExt.min},
        {'x':xExt.max,'y':yExt.max}
    ]);
}

例如：

---

当然，如果您的目的是比较观察值和预测值，那么在放大时重新绘制直线会产生反效果和误导性-直线不应根据缩放级别移动-它应始终保持不变。

您仍然可以使用渲染器或一系列，但是你必须创建逻辑来在zoom上重新绘制它-highcharts中没有内置任何东西可以做到这一点（AFAIK）