score:2
this is the existing issue in highcharts issue tracker
part of the issue is that shared tooltip shouldn't work on scatter series at all, because they are not sorted and laid out in increasing x order. this should be noted in the docs(link).
score:1
add this line of code:
highcharts.seriestypes.scatter.prototype.nosharedtooltip = false;
it disables hicharts default setting which disables scatter plots from being included in shared/split tooltips. this way you do not have to use spline like others suggest, which cant lead to problems such as tooltip following the spline line.
score:2
according highcharts api http://api.highcharts.com/highcharts#tooltip.shared tooltip shared works only for ordered data and not for pie, scatter, flags etc.
score:4
you could try this http://jsfiddle.net/8qt0d4h0/
the new highcharts can not shared tooltip in pie/scatter/flag, so you could handle the scatter as spline , and set the linewidth equal and set states hover equal 0 too.
$(function () {
$('#container').highcharts({
xaxis: {
categories: ['jan', 'feb', 'mar', 'apr', 'may', 'jun', 'jul',
'aug', 'sep', 'oct', 'nov', 'dec']
},
tooltip: {
shared: true
},
series: [{
data: [29.9, 71.5, 106.4, 129.2, 144.0, 176.0, 135.6, 148.5, 216.4, 194.1, 95.6, 54.4],
type: 'spline',
"linewidth": 0,
"marker": {
"enabled": "true",
"states": {
"hover": {
"enabled": "true"
}
},
"radius": 5
},
"states": {
"hover": {
"linewidthplus": 0
}
},
}, {
data: [216.4, 194.1, 95.6, 54.4, 29.9, 71.5, 106.4, 129.2, 144.0, 176.0, 135.6, 148.5]
},{
data: [210.4, 190.1, 90.6, 50.4, 20.9, 70.5, 105.4, 120.2, 140.0, 170.0, 130.6, 140.5]
}]
});
});
Source: stackoverflow.com
Related Query
- Highcharts shared tooltip for line series and scatter plot not working
- Highstock shared tooltip multiple series - show data for line when not on point
- Data and tooltip not working for graph using highcharts
- highcharts: shared tooltip not working for series with diffrent intervals
- Highcharts shared tooltip between charts with multiple series and shared tooltip
- Tooltip in chart with line- and scatter plot in highcharts 3.0.7
- Highcharts scatter plot - make tooltip not follow pointer
- Highcharts - Aligning dateTime series for shared tooltip
- Tooltip Options not working for Highcharts Treemap
- highcharts: tooltip shows for spline but not scatter plot
- How to hide series name from tooltip in Highcharts scatter plots for linear regression
- highcharts tooltip not working properly for hacked gantt chart
- How to add a vertical plot line in multiple line series and show the tooltip on Plot line in highchart
- Highcharts use legend symbol and legend parms, not scatter marker symbols - in scatter plot
- Highcharts Highstock How to Plot OHLC and Line Charts from One Set of Embedded CSV Data Using Series Map Tools?
- Highcharts - tooltip headerformat for 2 decimal places not working
- DateFormat in Tooltip for Scatter Plot does not change
- highcharts Line color in the chart, in the legend and in the tooltip do not match
- Highcharts Single line series with single data not showing plot
- Plot Bar chart and Line series chart on separate x-axis in Highcharts out of common dataset
- Highcharts (grouped_category styling) and tooltip formatter not working
- Highcharts tooltip is not working for large data
- Display tooltip for invisible series in Highcharts
- Highcharts - How to hide series name and Y value in tooltip
- Highcharts shared tooltip requires different valueSuffix and varying decimals
- Add a gap between the second and third series in a Highcharts column plot with four series displayed
- Highchart/stock tooltip formatter for both series and flags
- Highcharts - How to remove connecting line between fixed tooltip and point
- Highcharts - best way to handle and display zero (or negative) values in a line chart series with logarithmic Y axis
- highcharts redraw and reflow not working
More Query from same tag
- Highcharts 'this' returning the same object twice
- Accessing an element of an array according to a variable for a HighCharts object
- How can I deal with Highcharts inline styles to prevent Content-Security-Policy violations?
- How to show data between two date range in spline chart of Highcharts?
- How can I get around "mixed active content" highcharts exporting error?
- Problems using provider in conjunction with a controller for Highcharts graphs in angularjs
- R - leaflet - highcharter tooltip
- How can I change the colors of my highcharts piechart?
- Highstock title and subtitle overlap
- Network chart nodes relation nodes merging -> highcharts
- Highcharts/highstock set yAxis Min and Max with Scroll
- Modify length of Highcharts sankey-diagram connection line
- Highcharts export chart new window/tab
- Area range legend icon does not match marker
- Force-directed graph in Highcharts has lost its lines
- Tickinterval of week,month,year in highcharts area spline chart
- Column chart not showing series properly in Highcharts
- How to add background color on highchart based on flag?
- highcharts: bar/column chart with drilldown
- HIghcharts Aggregated Spline Marker Color
- passing $_POST["City"] mysql using highcharts
- How to make an irregularly scaled x-Axis and plot to both sides of it using Highcharts/Highstock
- Columns HighChart remove spacing for empty data series
- Add Title To Each Bubble in Packed Bubble Highcharts
- How to add click event on django-chatit chart
- Need to make each bar as series in highcharts
- Multiple Series in HighStock navigator Angular
- Using Highcharts.js to create a punch card style graph
- How can I put the Highchart to the html page
- Load highcharts data with laravel and ajax