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 Query
- 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
More Query from same tag
- Onclick of a org chart another org chart will open as a modal popup
- Highcharts - add border radius to boxplot chart
- Highcharts generate column chart from XML
- Open highcharts tooltip at a specific point - React typescript highcharts
- Angular.js, Highcharts, Phantomjs PDF printer - graphs not showing up
- HighCharts populate Pie Chart with data from SQL Database
- No tooltip with IE10 document mode IE8 Standards
- How can I stop HighCharts drawing an extra 'tick' outside the graph area?
- How to set Chart Size in Android Using MPAAndroid
- HighCharts - Disable Mouse Over when a Point is selected
- d3 and Highcharts diagram with parent and common node
- How to use a multi-layer map with countries and lakes with Highmaps?
- export multiple highcharts with text area for their highcharts to multiple PDF file
- Javascript Reduce Array of Date Value Arrays
- Drawing a line between 2 points in line chart using Highcharts?
- How to fix values from an array on the y-axis in Highcharts
- Highcharts: yAxis showing exponential values
- The resource can not be found .net mvc4
- Yii2 Highcharts syntax in function
- Snap the mouse to the X and Y axes
- How can you have more than 10 colors represented in the graph and legend in highcharts?
- Highchart: Spline with clickable Symbols
- Highcharts add a button after all the legends
- Highcharts bar zoom issue when using transparent series
- Highcharts - is it possible to apply opacity for a specific zone?
- spline chart highchart to fill the color in series
- highcharts column stacking Y axis sync - value seem to be represented as an increase on that of previous column
- highcharts range selector dosen't show plot
- Highcharts JS - share legend color between pie charts
- In high chart library how to load image from hard disk not from network?