score:17
Accepted answer
You can attach the additional data with each point in the series.data
as follows
series: [{
name: 'Series 1',
data: [{
y: 2,
players: ['a', 'b']},
{
y: 3,
players: ['a', 'b', 'c']},
{
y: 2,
players: ['x', 'y']},
{
y: 4,
players: ['a', 'b', 'c', 'd']}
]
}]
Now in the tooltip.formatter
you can consume the additional data as follows
formatter: function() {
var result = '<b>' + Highcharts.dateFormat('%A, %b %e, %Y', this.x) + '</b>';
$.each(this.points, function(i, datum) {
result += '<br />' + datum.y + ' players online';
$.each(datum.point.players, function() {
result += '<br/>' + this;
});
});
return result;
}
Source: stackoverflow.com
Related Query
- Adding new data to highchart tooltip
- Adding new HighChart Series
- Adding a custom tooltip to a bubble chart / highchart
- Adding data to a highchart chart using an array with IDs
- how to pass datalabels along with data to show it in tooltip in highchart
- adding more data in highchart
- Add new data to a Highchart pie chart dynamically
- Highchart not adding new series or removing old series
- Highcharts dynamic-update example - adding 1 new value every second - without historic data
- Custom tooltip data for specific points on highchart
- Angular: HighChart TreeMap is not updating with the new data
- Highchart column animation when adding new column
- Javascript - Highchart - tooltip position of data points and flags
- adding Xaxis data in each series highchart
- Autoscroll highchart on new data only if user sees last data
- Highcharts adding new data points in VueJS / Vuex
- Highchart / Highstock shows unformated tooltip lable when data grouping enabled but not used
- Highchart multiply data in tooltip
- Rails, Highchart maps - adding custom data
- highcharts: when adding new data series add new Y axis only if the title is different from existing Y axis
- In HighChart (Scattar ) while adding dynamic data, existing data geting removed randomly
- new to highchart and stuck with type datetime , data not plot
- How to render Gantt Highchart from data source
- How to show dependencies' data in a tooltip in highchart gantt?
- HighCharts - When I download csv, can I switch data source to new one?
- Adding a string to highcharts tooltip based on a separate data series
- Adding a suffix in the tooltip of a heatmap using highchart
- Highchart step line chart tooltip show old data when there is no data
- Highchart tooltip with json data
- Highchart columnrange, color code lines based on data
More Query from same tag
- Irregular time data in highcharts
- Highcharts/Highstocks: Chart disappears when value is 0
- Highcharts 7 - Center an Annotation
- How to set y axis labels if it appears as [1,2.12,1.2,5 ] , they should be [1.00,2.12,1.20,5.00]
- JavaScript select first n booleans
- Problems rendering an ISO Serialized DateTime JSON into a Highcharts time-series?
- charts cause memory leak
- Gap Occurring between tooltip and the graph in Combined Column and Scatter Graph
- How to remove extra one legend from High Charts- Bar chart (multiple & stacked)
- Adapt Height of the Chart (Highcharts)
- I have enabled scrollbar in high chart.. But its not working
- Last y-axis label not displaying on highcharts spiderweb
- Highcharter bar colors issue
- Highcharts : point.key is too long and make chart small
- highcharts-vue gives error about the highcharts HTML element
- Undefined property in array of arrays
- How to draw disconnected straight lines over a graph?
- Highcharts Theming: How to set gradient colors for certain chart types only?
- Combine two data fields in highcharts
- HighCharts how to place dates in the Y-Axis (vertical axis)
- highcharts column stacking Y axis sync - value seem to be represented as an increase on that of previous column
- How can I get access to a Highcharts chart through a DOM-Container?
- Add Text on the Sectors of jQuery PieChart (HighCharts)
- Highcharts context menu hidden behind series
- Highchart tooltip & events from external function
- How to update option of specific point?
- Highcharts - Multiple master charts in master detail charts
- Explanation of why I need to wrap a highcharts jquery event in an angular $timeout to access properties
- Highchart: stacked grouped column
- Highcharts - different fill colors between x coordinates over hover