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
- Highchart polar chart with scatter in specific directions
- Angularjs - highchairs in directive
- Highcharts - how to remove "Open in Highcharts Cloud" from the export menu
- How to get region/province code from IP address
- Pull HighCharts data labels to the right
- how to aggregate data from mongodb collection to highstock series data format
- Problems with Highcharts exporting server: Encoding and quality
- tickInterval & categories. Only first category shows
- Highcharts: how to add custom SVG icon on custom stock-tool button?
- Highcharts set the default y column values
- Highcharts - how can I change font size?
- How to mark a specific zone in highcharts
- Highcharts heatmap borders
- Highstock Not showing max data value without Zoom
- Horizontal Scrollbar for highcharts, NOT Highstock
- Highstock line chart series processedYData is wrong
- Show PlotLine value on yAxis Highcharts
- modify Xaxis in highcharts
- Combining Highcharts Gauge with Area Chart
- Highcharts adding labels/columns with no data
- Highchart Annotation Connector
- How To generate json format from model in codeigniter to Highchart
- Highstocks individual pane shadow
- Flot - images in axis labels?
- Update Of Chart Series Colors Fails When Drilled Into Chart
- Dynamically Adding A Chart into A Combo Highcharts?
- How to set the graph line chart dynamically?
- Turning off point markers does not appear to work for Highcharts-ng
- HTML5/High Charts - Truncate xAxis Labels
- Formatting datetime in Highcharter tooltip