하이 차트 - 대각선 X/Y 축

Question

하이 차트에 1 : 1 대각선을 표시 할 수있는 방법이 있습니까? X와 Y 값이 항상 일치하는 선을 찾고 있습니다.

나는 그러나, 나는 확대/차트 크기 조정에 반응 독립적 인 라인하지만 하나를 싶지 않아, 렌더러를 사용하여 Highcharts에 선을 렌더링하는 방법을 알고있다. [(0,0), (1,1)]이있는 시리즈는 실제로 옵션이 아닙니다 (확대/축소에 영향을줍니다). x와 y 축 제외하고는이 같은

뭔가 인해 확대에 자신의 가치를 다를 수 있습니다.

Answer 1

당신은 당신이 축에 setExtremes() 이벤트를 감지하여 그것을 할, 그리고 축 극단을 얻고 선을 그리는 기능을 발사 할 수 있습니다. (또는이 경우에는 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} 
    ]); 
} 

예 : 당신의 의도가 - 다시 그리기 당신이 확대 라인을 한 후, 예측 값으로 관찰 된 값을 비교하는 경우 물론

• http://jsfiddle.net/jlbriggs/feLdzpux/

는, 카운터 생산성 오해의 소지가 있습니다 - 선은 줌 레벨을 기준으로 움직여서는 안됩니다. 항상 일정해야합니다.