score:14
Accepted answer
use thousand separator in lang
$(function () {
Highcharts.setOptions({
lang: {
decimalPoint: '.',
thousandsSep: ','
}
});
and in tooltip- formatter use like
tooltip: {
pointFormat: '<b>{point.x} :</b>' + 'Count: <b>{point.y:,.0f}</b>',
shared: true,
useHTML: true
}
score:2
Use Highcharts.numberFormat()
in point.x or point.y
example:
tooltip: {
enabled: true,
split: true,
shared: true,
formatter: function () {
// The first returned item is the header, subsequent items are the points
return [Highcharts.dateFormat("%Y-%m-%d %H:%M:%S", this.x)].concat(
this.points
? this.points.map(function (point) {
return (
point.series.name +
": " +
// numberFormat(data, decimal)
Highcharts.numberFormat(point.y, 2)
);
})
: []
);
},
},
score:5
Just following Nishith Kant Chaturvedi's answer, and since there is no jsfiddle example available, here you can see how to implement that answer.
Highcharts.setOptions({
lang: {
decimalPoint: '.',
thousandsSep: ','
}
});
Highcharts.chart('container', {
chart: {
type: 'column'
},
title: {
text: ''
},
xAxis: {
categories: ['Salary']
},
yAxis: {
title: {
text: ''
},
stackLabels: {
enabled: true,
format: '{total:,.2f} $us'
},
labels: {
format: "{value:,.2f} $us",
}
},
legend: {
backgroundColor: (Highcharts.theme && Highcharts.theme.background2) || 'white',
borderColor: '#CCC',
borderWidth: 1,
},
tooltip: {
headerFormat: '<b>{point.x}</b><br/>',
pointFormat: '{series.name}: {point.y}<br/>Total: {point.stackTotal}'
},
plotOptions: {
column: {
stacking: 'normal',
dataLabels: {
format: '{point.y:,.2f} $us',
enabled: true,
color: (Highcharts.theme && Highcharts.theme.dataLabelsColor) || 'white',
}
}
},
series: [{
type: 'column',
name: 'Tomas',
data: [60000]
}, {
type: 'column',
name: 'Amy',
data: [18000]
}, {
type: 'column',
name: 'Jenny',
data: [85000]
}]
});
Source: stackoverflow.com
Related Query
- Adding thousands separator for custom formatted highcharts tooltip
- Dynamically Take input from text-areas in a jquery ui custom pop up box for Tooltip in highcharts
- adding a custom variable as a tooltip in highcharts scatter chart
- Custom color & tooltip for a single bar in Highcharts histogram
- Display tooltip for invisible series in Highcharts
- Highcharts y axis thousands separator
- Highcharts - How to set custom colors for the series
- Tooltip on custom button in Highcharts
- highcharts customize tooltip for a single point
- Highcharts Custom tooltips for multiple series
- Tooltip text alignment in Highcharts for 'direction: rtl'
- create a sticky tooltip for a point or a permanent label using HighCharts
- Highcharts shared tooltip for line series and scatter plot not working
- Using PhantomJS to create HighCharts grahps server side for use in PDF creation (PHP) - results in exit code 11 from PHPs exec();
- Highcharts custom renderer chart and tooltip
- Adding a custom tooltip to a bubble chart / highchart
- Highcharts : Shared Tooltip for non-matching x values
- Highcharts JS- add third variable to tooltip for two series
- Highcharts - how to set custom content in point tooltip (popup) on 3D scatter chart or how to customize point tooltip information?
- Custom Marker (Rectangle with rounded corner) for highcharts scatter graph
- How to add thousands separator in highcharts tool tip text box
- highcharts show additional custom data in tooltip
- Highcharts Tooltip formatting for shared Tooltips
- Highcharts 5 tooltip colour with custom css class
- Highcharts angular.js custom tooltip
- Center tooltip for highcharts area chart
- How to edit tooltip in Highcharts C# code
- highcharts dataLabels support RTL with enable hover it for show tooltip
- Highcharts - Aligning dateTime series for shared tooltip
- Changing tooltip shape for a series in Highcharts
More Query from same tag
- Highchart annotation click event doesn't work
- High Charts not working
- Highcharts DataGrouping with Null values
- How to import JSON data to Chart Array in web2py (Python)
- Highchart draw rows at bottom of the chart align with axis
- Returning MySQL table values from PHP script to Javascript function - Live Graphing
- React highchart, trying to change length size of a line specifically on the bottom of chart
- Need an OrgChart using Highcharts
- Highcharts - Sankey chart not displaying all the data when series font increased
- With mouse click zoom chart as popup fullscreen (highcharts)?
- Highcharts legend alignments
- Highcharts strange grouping behaviour
- Highchart in new window
- Highcharts: set 'select' state on a point and maintain it after mouseover?
- how to display two charts on one page using angular2
- Highcharts chart title and subtitle overlapping on Iphone 5
- How to update data table on data change highcharts
- How do you increase the height of the x-axis labels area on a highchart.js chart?
- How to manipulate data objects and arrays using Laravel Map function?
- highcharts render black on ajax refresh
- High chart with diffrent series data
- Basic Javascript: How can I link my HTML and Javascript on a Highcharts example?
- Calculating a min y axis value in highcharts
- How to make a multi pane on highstock (highcharts) which contain a stacked area graph?
- Highstock / Highcharts - Flag linecolor masking line below it
- HighCharts scraper
- How can I highlight USA using Highcharts without highlighting Alaska?
- Angular 4 cannot used data from http post response to highchart
- HighCharts - Pie Semi Circle (Arrow in Chart)
- highcharts tick position incorrect when categories specified