score:2
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
score:1
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 ofspline
(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.
Source: stackoverflow.com
Related Query
- Tooltip in chart with line- and scatter plot in highcharts 3.0.7
- Highcharts shared tooltip for line series and scatter plot not working
- Find and fill intersection of line chart with plot line in highcharts
- Highcharts - best way to handle and display zero (or negative) values in a line chart series with logarithmic Y axis
- Highcharts - Scatter chart with a line connecting the dots in the series
- Highcharts connecting scatter chart and pie chart with single legend
- Highcharts scatter plot with variable line width
- (Horizontal) bar and line chart with Highcharts
- Can't disconnect line chart with [null,null] and irregular intervals in Highcharts
- Highcharts - connect points with a line in scatter plot on hover
- Server-side c# and client side javascript with json loading Highcharts gantt chart Task Progress Indicator, need to change Tooltip and Label name
- Highcharts to display area range and line chart with data from a CSV file
- how to make chart real time with 2 line and get data from php with highcharts
- Rsquare best fit line in actual and precited scatter plot with d3.js/chart.js/highcharts
- using a few data columns to plot chart and some to show on tooltip highcharts
- Plot Bar chart and Line series chart on separate x-axis in Highcharts out of common dataset
- Plot line is hiding behind trend in highcharts and movement of plotline is become very hindrance when loaded with very large data sets
- Highcharts scatter chart with a name per point
- Highcharts / jQuery - destroy and rebuild chart with original options
- Highcharts Pie Chart ignores percentageDecimals tooltip setting and has floating point inaccuracy issue
- Add a gap between the second and third series in a Highcharts column plot with four series displayed
- Highcharts - How to remove connecting line between fixed tooltip and point
- Highcharts scatter plot with lots of data points running really slow
- Highcharts blank chart with x and y axis
- Add dynamic data to line chart from mysql database with highcharts
- Creating a line graph with highcharts and data in an external csv
- Highcharts custom renderer chart and tooltip
- Highcharts 3.0, area chart with stacked and unstacked series - how to fix?
- Programmatically draw rect and line in Highcharts with zoom
- Highcharts - Global configuration with common code and unique data & Headings
More Query from same tag
- How to extend yAxis grid Line to full plot area in Highcharts?
- Highcharts - add minor ticks on zoom?
- Updating Points
- Highcharts: show data labels as relative value (percentage) on hover
- Highchart: Only show one series at a time
- Can't update highcharts data on button - var visibility or events handle issue
- When adding point on dynamically created Multiple Highchart Graphs on a single page, the plot line draws to the start point instead of last point?
- Add Categories and Series dynamically from JSON in HighCharts
- Angular 7 High Charts Stock Chart Datetime X Axis tooltip formatting independently of other tooltips
- Using PHP for Highchart Heatmap
- Memory leak in setInterval() method
- Highcharts multiple series in drill down
- Highstock chart not loading with sample data
- Highcharts chart with 'datetime' xAxis - use categories on drilldown
- How do you save a Highcharter chart as a gif in R?
- Creating a 1D chart using Highcharts
- Enabling markers for hover doesn't appear to work
- Highmaps drilldown : hide label tooltip of level 2
- Non-fixed svg height? My pie charts have different size even though svg width and pie size are identical. Svg height is fixed, how do i unfix it?
- Highcharts line chart with multi colored areas
- How to draw points with highcharts-react?
- Generate HighChart Colors Before Drawing Chart?
- Highcharts Legend Selection double fires in Android WebView
- Passing JSON in variable to HighCharts
- Generate/export table+graph in highcharts in PDF format
- Highcharts: Selecting single series from plot with multiple series
- highcharts how to make x and y axis starting on the same zero using categories on yAxis
- How to get the period value from SMA technical indicators in highcharts?
- Highcharts Legend error: "typeError: a.legendItem.bBox is undefined"
- Highcharts - How do I track/follow a live updated chart without using a navigator?