Accepted answer

a simple workaround is to change the scatter plot to a line plot and set linewidth = 0 and enable marker for the line plot. this way it will look like the scatter plot in the example, but support tooltip.shared.

edit: note that the actual property is camelcase: linewidth: 0


in my case, i was looking for something like the error bar chart, but with a few changes:

  • share the same yaxis (both column and error are about the same nature)
  • no errorbar margin for the columns (but need to keep them for the dots)
  • use of scatter instead of spline (since the y's aren't connected through time)

so, from the highcharts' error bar fiddle, i came up with the same broken tooltip fiddle for my case.

digging at the problem, i found that as per highcharts' shared tooltips documentation:

tooltip texts for series types with ordered data (not pie, scatter, flags etc) will be shown in a single bubble.

so, it really don't make sense to expect a shared tooltip for the scatter option.

as a solution, i came up with the very same op's solution.

set the type as spline (even it doesn't make much sense at first) and remove the line by setting linewidth: 0 to appear like a scatter plot, so it is simulated something like an ordered scatter plot chart, as shown in this working fiddle.

Related Query

More Query from same tag