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
- How to pass a JavaScript variable to JQuery
- highcharts configuration
- Using a plot line comparator in Highcharts
- Highcharts: Marker radius does not seem to work
- Highchart World map with pie
- Angular : loop over object data loaded from a webservice
- Highcharts 3.0, area chart with stacked and unstacked series - how to fix?
- tick interval is not working while applying tick interval its showing x and y both values
- Creating Treemap with distinct colors using hctreemap2 in R
- How to Increase minimum point value and the color of series in advanced accessible charts in Highcharts by making it traverse
- Is it possible to Customize highcharts drillup button
- HIghcharts and dynamic json
- HighCharts: Compare the series data with each other and show percentage
- Can I use iron-localstorage and iron-ajax with highcharts
- How to programatically (Python) scrape streaming live stock chart ticker data and its indicators
- Reduce space between column in Highcharts
- Highcharts change look of tooltip
- Highcharts in a modal window on click
- highcharts via json how to get the xAxis?
- Selecting a single HighCharts container causes other containers to change position
- series declared dynamically Highcharts
- single array timestamp as xAxis for multiple series
- Highcharts Legend: Overlapping Chart on Small Screens
- Highcharts passing variable to tooltip
- To move 3d chart Highcharts via mobile?
- How to drag select multiple columns on highstock chart and have it reflect on the navigator?
- Highchart pie graph not displaying in r
- Highchart multiple-color line series dynamically
- rHighchart in R Shiny
- High Charts - HTML in label