score:6
The problem occurs because you have shared: true
on one chart, while having it default (false) on the other. This is a problem because the tooltip.refresh
method will take different paths and use the input differently based the chart having shared set to true or false.
You can find this branching in the source code on line 8806, for the tooltip.refresh
method:
// shared tooltip, array is sent over
if (shared && !(point.series && point.series.noSharedTooltip)) {
....
}
// single point tooltip
else {
....
}
You can handle this by doing a branching inside your syncTooltip
method to handle the different cases like this (example JFiddle):
function syncTooltip(container, p) {
var i = 0;
for (; i < charts.length; i++) {
if (container.id != charts[i].container.id) {
if(charts[i].tooltip.shared) {
charts[i].tooltip.refresh([charts[i].series[0].data[p]]);
}
else {
charts[i].tooltip.refresh(charts[i].series[0].data[p]);
}
}
}
}
This way you can freely set shared to true or false on both charts.
Unfortunately your plotOptions.series.point.events.mouseOver
-event doesn't capture points that are "selected" through the shared: true
functionality, so you will have to find an alternate event to properly capture this situation.
Source: stackoverflow.com
Related Query
- Highcharts shared tooltip between charts with multiple series and shared tooltip
- Highcharts synchronize tooltip on multiple charts with multiple series
- Add a gap between the second and third series in a Highcharts column plot with four series displayed
- Highcharts with JSON data and multiple series
- Highcharts shared tooltip for line series and scatter plot not working
- Change chart type and redraw with multiple series in Highcharts
- Highcharts show the same yAxis start and end value with multiple data series
- Charts using Highcharts with multiple series from JSON
- Strange behavior with highcharts when using "column" type and multiple datetime series
- Multiple data series and multiple data tooltip with HighMaps
- Highcharts drilldown to pie chart - Clicking on axis label with multiple series causes pie charts to overlap
- How to have multiple highcharts with different series data in vuejs without repeating code
- HighCharts / HighStock newly added series have problem with shared tooltips and mouse hover effect
- Highcharts shared tooltip making a percentage difference between series
- Highcharts hover delay and not rendering with multiple series
- Issue with tooltip on Highcharts with multiple series added dynamically
- Highcharts data series issue with ajax/json and PHP
- Highcharts - How to hide series name and Y value in tooltip
- Highcharts shared tooltip requires different valueSuffix and varying decimals
- 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
- Adding a series dynamically with HighCharts Stock Charts
- Using HighCharts and DotNet.HighCharts to "Play" Multiple Series
- remove tooltip space between border and content highcharts
- Highcharts: update series on multiple charts with same data
- Highcharts 3.0, area chart with stacked and unstacked series - how to fix?
- Highcharts - Global configuration with common code and unique data & Headings
- Multiple Series Timeline with HighCharts
- Highcharts not displaying series data for graph with multiple Y-axes
- Click events on highcharts with multiple series
More Query from same tag
- Pie chart properties
- How to configure date format in Highcharts?
- How to break highchart bars for extreme values
- Make Highcharts border color match background color on column chart
- Highcharts - Skip date in series
- Highcharts xAxis
- Highcharts formats differently in Safari vs Chrome
- How to set category type with Highcharts and chartkick?
- Javascript setInterval/setTimeout not working when browser tab not focused
- Highcharts - Bar chart show full label on Y Axis
- Highcharts - Pinch zoom does not work on chart with multiple y axes
- How to set aria attributes to highcharts tooltips
- Dynamic button background change
- Highcharts, series with data of different size
- Mouse out event on highcharts
- Plot aspect ratio
- Line chart connectnulls but not all nulls
- Highcharts - Exporting with credits in IE 7/8
- Plotting Irregular DateTime Data with a predefined X Axis
- Highcharts: Render the bar chart from the bottom
- Two columns with two legend items in highchars.js
- Highcharts responsive ignored on first render
- Highcharts disable click on column
- Highcharts ajax load
- Content besides tooltip are visible
- Alignment multiple DotNet.HighCharts
- TypeError: $(...).highcharts is not a function - Existing solutions not working - problems with Yeoman generator
- Make Highcharts pick a smart y-axis min
- Highcharts dual y-axis on the left (column chart)
- Highcharts export chart exportSettings with svg file