CODEWITHSUNDEEP
javascripthighcharts
Geek
Geek

Reputation: 1405

adding increase arrow in highcharts

enter image description here

I want to add a increase arrow on top of the first column of the highchart to the last column? How to I dynamically set the height of the arrow according to the height of first column?

Upvotes: 0

Views: 698

Answers (1)

Sebastian Bochan
Sebastian Bochan

Reputation: 37588

You need to use Renderer.path which allows to add custom shape.

r.path(['M', startX, startY, 'L', startX, startY - 20, endX - 20, startY - 20, endX - 20, startY - 40, endX, startY - 10, endX - 20, startY + 15,endX - 20, startY, 'Z'])
    .attr({
        zIndex:9999,
        fill:'red',
        stroke: 'green',
        'stroke-width': 2
    })
    .add()

http://jsfiddle.net/qx4snpvb/

Upvotes: 1

Related Questions