CODEWITHSUNDEEP
javascripthighcharts
mattjvincent
mattjvincent

Reputation: 888

Highstock/Highchart scatter points in combined graph

I am trying to plot a combination chart of a scatter and columnrange.

I am having issues with the scatter plot not showing correctly. The points seem to "stop" at a certain point after zooming in and scrolling.

https://codepen.io/moosejaw/pen/QavGgR?editors=0011

It must be related to the boost module?

I've tried enabling and disabling it.

boost: {
    // enabled: false // works
    enabled: true  // doesn't work
}

I know the boost module can handle the number of points, but I am confused on why their is a scrolling / placement issue.

Thanks for your time.

Upvotes: 6

Views: 370

Answers (1)

Kamil Kulig
Kamil Kulig

Reputation: 5826

This issue happens only when the chart is inverted.

It's a bug reported on github: https://github.com/highcharts/highcharts/issues/4608

The workaround here is to create inverted chart manually (which can be done via chart options and preprocessing the data):

  • Swap x and y values for all points
  • Set reversed to true for the y axis (when chart is inverted it's set by default: https://api.highcharts.com/highcharts/chart.inverted)
  • Swap formatting and zoom options for axes
  • Handle the format of tooltip (tooltip.formatter may be useful)

Upvotes: 2

Related Questions