score:4
more easy, use total property of point:
tooltip: {
formatter: function() {
var s = '<b>'+ this.x +'</b>';
$.each(this.points, function(i, point) {
s += '<br/>'+ point.series.name +': '+ point.y;
});
s += '<br/>total: '+ this.points[0].total
return s;
},
shared: true
},
check this reference
score:5
use the footerformat
property (since version 2.2) with {point.total}
to easily show the total without having to re-define the complete formatter
function:
tooltip: {
footerformat: 'sum: <b>{point.total}</b>',
shared: true,
},
score:11
excatly, see example: http://jsfiddle.net/65bpvudh/7/
tooltip: {
formatter: function() {
var s = '<b>'+ this.x +'</b>',
sum = 0;
$.each(this.points, function(i, point) {
s += '<br/>'+ point.series.name +': '+
point.y +'m';
sum += point.y;
});
s += '<br/>sum: '+sum
return s;
},
shared: true
},
Source: stackoverflow.com
Related Query
- highchart total in tooltip
- Display tooltip on mouseover in the Highchart Stack Column Total
- How to display highchart series line marker symbol from tooltip formatter?
- HighChart Shared Tooltip Number Formatting
- adapting text to highchart tooltip max width
- Adding new data to highchart tooltip
- Scatter tooltip of highchart is not being displaying
- Border Styles for the Highchart tooltip
- Commas in tooltip of Highchart
- Adding a custom tooltip to a bubble chart / highchart
- Highchart - tooltip for legends
- HighChart Tooltip Position can be changed?
- Highchart tooltip position to be fixed
- Tooltip covering bar in highchart
- Dynamically update tooltip date format highchart
- Display percentage on tooltip highchart Angular 2
- Highchart tooltip show nearest point
- Highchart / Highstock stack column chart show one series's tooltip at a time
- How to change Highchart tooltip font family
- how to pass datalabels along with data to show it in tooltip in highchart
- Highchart : Json Array For ToolTip
- Tooltip is not hidden after formatting in highchart
- Tooltip doesn't display on highchart graph
- How to edit tooltip in Highcharts C# code
- How to change tooltip of a column chart programmatically in highchart
- How to do In highchart tooltip display the first 100 characters and then say "See more .."?
- highchart stacked column total data per categories
- how to use highcharts tooltip formatter in python code
- Highchart tooltip & events from external function
- Highchart tooltip PointOptionsObject interface implementation
More Query from same tag
- HighCharts - different tooltip in "arearange" and "spline"?
- Highchart: Stacked Column replacement for setExtremes(min, max)
- How to change color of lable (name) in a highcharts series?
- Highcharts: adding extra data to drilldown
- HighCharts basic bar chart provide the xAxis categories with Series
- Highcharts datalabels getting scrambled on drilldown
- Highcharts smooth transition on data update using Angular and ng-highcharts
- how to put some data option key url on Highchart?
- Disable Plotpoint legend on hover in Highcharts
- Codeigniter highcharttable count how many data in a month
- How to find the width of x-axis plotband widths dynamically in react-jsx-highstock (Highcharts)?
- Highcharts - In area chart how to use gradient color for multiple series?
- Highcharts (javascript) strange artifact (bug?) with simple graphic
- highcharts - do not show zeroes in labels and format
- Get X Axis value on bar Highchart click event
- Highlight option in stacked barchart in highcharts
- Highcharts - How to sort data by name?
- angular2-highcharts Highcharts exporting module
- Highcharts - Customizing legend for treemap
- Highstock doesn't support custom (3 days) tickInterval with formatting
- Uncaught TypeError: Cannot read property 'chart' of undefined in highcharts
- Highcharts modulo alternateGridColor
- Display Percentage Values on (highcharts) bubble chart
- Highcharts - applying background image to container div
- Looking for customized Scatter plot Graph in High chart
- Change the font size and orientation of Highcharts Gantt X-axis labels
- Angular 7 - Highcharts title not changing
- Highcharts pie chart loses color on refresh
- highcharts round decimals for gauge labels
- Getting numbers on Y-axis to show up as percentages with code from a Highcharts code generator tool?