Highcharts格式数字错误地显示标签和轴

如何解决Highcharts格式数字错误地显示标签和轴

我正在将yAxis值格式化为“百万”（如果值超过1000万）和“数千”（如果值超过1000）。此解决方案对我有用：

    function formatNumbers(){
    if (this.value >= 1000000 ) return Highcharts.numberFormat(this.value/1000000,0) + "M"
    else if (this.value >= 1000 ) return Highcharts.numberFormat(this.value/1000,0) + "T"
    return Highcharts.numberFormat(this.value,0);
    } 

当数据徘徊在100 miljon时，我遇到了问题。一个刻度线显示两次，因此y刻度不是线性的。 JsFiddle链接：https://jsfiddle.net/avxwkhr8/ 可视化效果显示如下：

非常感谢您的帮助

解决方法

我找到了适合我的解决方案：

function formatNumbers(){
                if (this.value <= -1000 && this.value > -1000000 ) return Highcharts.numberFormat(this.value/1000,0) + "K"
                else if (this.value <= -1000000 ) return Highcharts.numberFormat(this.value/1000000,0) + "M"
                return abbrNum(this.value,1); // Need to call the function for each value shown by the chart
            }


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;

}