score:1
Accepted answer
Loop through all series within the chart and build the tooltip in a formatter callback from the points which have the same category as the hovered point.
formatter: function() {
var s = [];
// console.log(this.points);
$.each(this.points, function(i, point) {
var rangeValue;
var series = point.series.chart.series;
$.each(series, function(i, series) {
$.each(series.data, function(j, p) {
if (p.category === point.key) {
if (p.high && p.low) {
rangeValue = p.low + '~' + p.high;
} else {
rangeValue = p.y
}
s.push('<br/><span style="color:#D31B22;font-weight:bold;">' + series.name + ' : ' +
rangeValue + '<span>');
}
});
});
});
return s.join(' and ');
},
example: https://jsfiddle.net/ptezqnbf/2/
Source: stackoverflow.com
Related Query
- How can I reveal my chart tooltip programatically when the tooltip combines data from multiple series? (sync charts)
- Highstock: When legend under the chart has many items, the chart height is small. How can I fix the height?
- How can I disable the Highstocks range selector buttons when loading data asynchronously?
- How to show open, close, high and low in tooltip when the chart type is 'line' in highstocks?
- How can i load external json data in highcharts to show the bar chart
- How can I open a high chart in a modal window when the chart is clicked on?
- Highcharts: when having multiple columns for the same X axis value, how can I get 1 tooltip per column?
- How do I hide the code for the chart data in highcharts?
- How to use the tooltip formatter and still display chart color (like it does by default)?
- How can I use chart tooltip formatter in react-highcharts?
- Using Highcharts and displaying a message over or on the chart when there is no data
- Remove Tooltip in Synchronized Charts, When user leaves the chart area
- Highcharts, How can I change the datalable distance in a pie chart based on the value
- How can I extend the lines of this Highchart series to the edges of my chart area?
- How to extract the data from highstock chart
- Highcharts Bubble Chart - How to move an individual point's data label (dataLabel) to the front/top
- Highcharts stock chart - Technical Indicators - Stock price is missing in the tooltip when selecting the 'All' range
- How to show the json data in Pie chart HighChart?
- HighCharts: How to Determine on Click Event what Data Grouping the Chart is Currently In?
- How can i get the json data with the specific between Year?
- How do I prevent Highstock right range handle keep slipping off the max value when adding data
- highcharts- stacked bar, how can I make the chart cover the width 100%?
- Highcharts : How can i move the tooltip to external DIV?
- How to show Legends for all the series data in stacked column chart Highcharts?
- How to show plotlines on highstock when its set much higher than the data series?
- How I can customize the file name when exporting using the plug-in CSV in Highcharts?
- Compare two data points inside the tooltip in a Highcharts combination chart
- With HighCharts, how can I have the same tooltip formatter as my y axis
- Highcharts - how to do a responsive pie chart when the texts of the labels are long
- How to render a vertical line when the mouse cursor is on the chart using highcharts?
More Query from same tag
- Packed Bubble Chart with Gradient Legend in Highcharts
- R Highcharter - highlight same group in multiple stacked columns chart + order groups in columns
- How to do a data overlap independently column in Highcharts
- Highcharts annotations not working when using boost module
- Highcharts columnrange remove spacing from data in other categories
- Highcharts plotLines with multiple xAxis and yAxis
- How to use Highcharts React to create chart with multiple lines for same XAxis?
- How do I increase the clickable area of a point in Highcharts so that whenever the point is 'active' a click can be recorded?
- Highcharts Chart with Two Axis Not Scaling Correctly
- How to get text from html table in pie chart (highchart)?
- Not able to align highchart made using angular js
- How to change the series plot display inside the scrollbar of the RangeSelector in highcharts.js
- Highcharts master detail chart with irregular time intervals
- Highstock set XAxis extreme without data
- How to add trend line to high charts
- Highcharts thousandsSep is blank instead comma
- How can I style my highcharts solid gauge to have a background behind the percentage?
- Highlight a line with different color in Parallel coordinate chart with Highcharts
- How to relate the y-axis of different types of graphs?
- highcharts-export-server always produces blank PNG
- Can I enable scrollbar for datetime x axis in Highcharts columnrange chart
- Highcharts dataLabels not showing in all levels of drilldown
- Navigator in Highcharts
- Dynamically change hover enabled option
- Dispatch event `click` on plot options of pie highchart generate a redraw of chart.
- Implement slider in highcharts
- HighchartsJS getting data from URL and pass it to series data
- How do i redraw a pie Chart only once, instead of once for every datalabel it has?
- highcharts change smoothing setting on polar areaspline chart
- How to fill area between two serieses in Hightcharts?