score:2
Accepted answer
Refactoring your series data to an array of objects:
{
name: 'South Korea',
id: 6,
argumentField: 'total6',
valueField: 'perc6',
sizeField: 'older6',
tagField: 'tag6',
visible: false,
data: [
{x:160, y:801, z:1955, year:2000},
{x:433, y:1653, z:1910, year:2005},
{x:614, y:1432, z:1918, year:2014},
{x:724, y:372, z:1950, year:2004},
{x:434, y:936, z:1920, year:2003}
]
}
will make life much easier...
Then use a custom tooltip:
tooltip: {
formatter: function() {
var t = this.series.name;
t += '<br/> (' + this.x + ',' + this.y + ')';
t += '<br/> Year: ' + this.point.year + ',';
t += '<br/> Size: ' + this.point.z;
return t;
}
},
Updated fiddle here (note, I only modified the data for South Korea).
Source: stackoverflow.com
Related Articles
- Show customized Mouse over on a bubble chart in Highchart JS
- Is it possible to trigger tooltip in highchart of a line chart ONLY when the mouse hovers over the point?
- Highlight the corresponding y axis on mouse overr over the bar chart based on that axis in highchart
- HighChart - Stacked Bar chart - To show dash line over the bar chart to the specific portion in the bar
- HighChart - Stacked Bar chart - To show dash line over the bar chart but it is not visible on Left side of the bar
- Adding a custom tooltip to a bubble chart / highchart
- HighCharts - Show categories in x axis intead of the value of x in Bubble Chart
- Highchart / Highstock stack column chart show one series's tooltip at a time
- Show Indicator at last point on Highchart spline chart
- white border/line color set on hover for the bubbles in the bubble chart not being reset on mouse out from bubble
- Avoid overlapping in highchart bubble chart
- Highchart bubble chart shows empty chart
- How can I show only one x-axis in synchronous chart highchart
- Highchart show legend items on drilldown chart
- On Mouse over on the high chart data the tool tip value should be displayed next to legend label
- Is it possible to show the chart if the value of array bracket is null or empty in the HighChart
- how to make bubble chart in highchart selected a bubble on load
- how to show data label on mouse over in highcharts?
- highchart bubble chart dynamic- json format
- Highchart - show values on Chart
- x-axis, y-axis lines does not appear, when I include 3D chart library of HighChart in my code
- Ending Series points don't show up on highchart area type chart for large series data
- I want to show a 0% data without a column in stackbar chart in android using highchart
- How we can show Highchart column-placement chart for negative values?
- Highcharts show / highlight y-Axis on mouseover over chart line
- How To Show Tooltip In Sparkline Chart From Code
- highchart select an area to show some info by clicking and drag mouse but not release
- HighChart to show multiple chart after drill down?
- Highchart labels are selected if I hover over tool-tip, while dragging the chart
- Highchart Bubble Chart Shadow
- Highcharts bar chart with fixed bar widths and gaps
- highchart Dynamically updated data
- Highcharts X-Axis value on top of stacked column
- Highcharts How to add a link in PlotLines?
- multiple Drilldown in Highcharts using values from database in ruby on rails
- unable to get the charts in the PDF download
- Using highchart to get a series of a series in a column chart
- Data Conversion from SQL, C# with Linq to JSON for Highcharts Line chart
- How to create area range with line highchart
- Custom color & tooltip for a single bar in Highcharts histogram
- How disable the 'k' dislay in Highcharts ordinate?
- Highchart series mouseover
- highcharts, gauge chart, update on slider
- Highcharts 3D pie with custom colors
- highcharts display all dates for all points on x-axis
- Highchart strange behavior of Range selector text boxes.
- How can i load external json data in highcharts to show the bar chart
- Highcharts: Change Highlight Color of Column Chart
- No tooltip with IE10 document mode IE8 Standards
- custom ticks based on selected range from rangeSelector in Highstock