我使用Highcharts生成折线图。带数字格式的高图(单位)
,我有与numberFormat
一个问题:
var test = 15975000;
numberFormat(test, 0,',','.');
结果是:15.975.000
但我想变换1000
到1k
,100000
到100k
,1000000
到1m
这样。 我该如何处理这个问题?
我使用Highcharts生成折线图。带数字格式的高图(单位)
,我有与numberFormat
一个问题:
var test = 15975000;
numberFormat(test, 0,',','.');
结果是:15.975.000
但我想变换1000
到1k
,100000
到100k
,1000000
到1m
这样。 我该如何处理这个问题?
formatter: function() {
result = this.value;
if (this.value > 1000000) { result = Math.floor(this.value/1000000) + "M" }
else if (this.value > 1000) { result = Math.floor(this.value/1000) + "k" }
return result;
}
参见:How to format numbers similar to Stack Overflow reputation format
NUMBERFORMAT可在Highcharts对象。
Highcharts.numberFormat(test, 0,',','.');
yAxis: {
labels: {
formatter: function() {
return Highcharts.numberFormat(this.value,0);
}
}
},
您需要做的仅仅是:
labels: {
formatter: function() {
return abbrNum(this.value,2); // Need to call the function for each value shown by the chart
}
},
这里是用来转换数据的功能要在JavaScript的插入:
function abbrNum(number, decPlaces) {
// 2 decimal places => 100, 3 => 1000, etc
decPlaces = Math.pow(10,decPlaces);
// Enumerate number abbreviations
var abbrev = [ "k", "m", "b", "t" ];
// Go through the array backwards, so we do the largest first
for (var i=abbrev.length-1; i>=0; i--) {
// Convert array index to "1000", "1000000", etc
var size = Math.pow(10,(i+1)*3);
// If the number is bigger or equal do the abbreviation
if(size <= number) {
// Here, we multiply by decPlaces, round, and then divide by decPlaces.
// This gives us nice rounding to a particular decimal place.
number = Math.round(number*decPlaces/size)/decPlaces;
// Handle special case where we round up to the next abbreviation
if((number == 1000) && (i < abbrev.length - 1)) {
number = 1;
i++;
}
// Add the letter for the abbreviation
number += abbrev[i];
// We are done... stop
break;
}
}
return number;
}
希望这个作品=)
这不能解决单位?! – Philip
你的意思是? –
“但是我想要1000到1k,100000到100k,1000000到1m像这样,我该如何处理这个问题?”我看不到这解决了这个问题? – Philip