highcharts日常用法的總結之千分号处理總結

最新推荐文章于 2023-11-18 16:46:44 发布

原创

最新推荐文章于 2023-11-18 16:46:44 发布 · 569 阅读

0 ·

CC 4.0 BY-SA版权

本文总结了Highcharts在处理数据时的千分号显示方法。包括在pointFormat中使用{point.y:,.1f}实现一位小数的千分号格式化，以及通过Highcharts.numberFormat方法进行数据值的千分号转换。" 112030421,10535254,Django：自定义后台及模型字段显示与修改,"['Django', '后端开发', 'Python', '数据库']

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

1：千分号处理

Highcharts.setOptions({
	lang: {
		decimalPoint: ',',
		thousandsSep: ' '
	}
});
var chart = new Highcharts.Chart({
	chart: {
		renderTo: 'container'
	},
	xAxis: {
		categories: ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec']
	},
	tooltip: {
		pointFormat: "Value: {point.y:,.1f} mm"
	},
	series: [{
		data: [1029.9, 1071.5, 1106.4, 1129.2, 1144.0, 1176.0, 1135.6, 1148.5, 1216.4, 1194.1, 1095.6, 1054.4]
	}]
});

结果：

说明：pointFormat: "Value: {point.y:,.1f} mm"中的.1f的1是保留一位小数的意思

2：数据值的千分号处理

series: [{
		name: '东京',
		data: [10000, 10000, 10000],
		dataLabels: {
			enabled: true,
			style: {
				fontSize: '12px',
				color:'#000',
				fontFamily: 'Arial',
			},
			formatter: function () {
				return Highcharts.numberFormat(this.y, 0, '.', ',');