CODEWITHSUNDEEP
javascriptchartshighchartsextend
Mike91
Mike91

Reputation: 540

Extending highcharts line series to end of chart

I have a Highcharts line chart with multiple series. The X axis is a datetime axis. One series is a step line and the max data point for this can finish before the other series on the x axis, e.g. 5 days before the end.

Is there an easy way of extending this line to the end of the chart automatically without filling in the extra data points before the data is passed to Highcharts? The line should just carry on to the end of the chart at the same y coordinate as the last plotted point.

I have already tried setting minPadding and maxPadding to 0 along with start/endOnTick to false, but this had no effect.

Thanks!

Upvotes: 0

Views: 2787

Answers (1)

jlbriggs
jlbriggs

Reputation: 17791

See answer here:

continue the line drawing on dotnet highchart

The basic idea is to

1) retrieve the final y value of your data

2) retrieve the final x value that you want it to extend until

3) add a new point to the data with those x and y values.

Upvotes: 1

Related Questions