Tuesday, January 9, 2018

Highstock/Highchart scatter points in combined graph

Leave a Comment

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.

1 Answers

Answers 1

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)
If You Enjoyed This, Take 5 Seconds To Share It

0 comments:

Post a Comment