Hi team,

I am in need to draw a diagonal line between point A and B. I could able to acheive this using SVG renderer.path() function. But I am really struck in placing the diagonal label to this diagonal line. Can you help me to acheive this functionality.

Please find the below logic what i have used to draw a diagonal line in highcharts.

this.chartData.ref.renderer.path([["M", aX, aY], ["L", bX, bY]])

.attr({

stroke: "#808080",

}).add());

P.S : aX,aY,bX.bY are the points which i have calculated based on the requirement.