highmaps - 从高图中的线性颜色轴中删除“G”

Question

有谁知道如何删除我的颜色轴数字标签上的“G”？我尝试了很多事情，包括尝试覆盖/禁用 highmaps.js src 文件中的“numericSymbols”，但没有运气。也尝试了对数，但符号也变得很奇怪。似乎它应该是一个简单的修复。谢谢你的帮助。

legend: {
          title: {
            text: '$ value in billions'}
          ,

          numericSymbols: {enabled: false},

          layout: 'horizontal',

          //labels: {enabled: false},
          align: 'center',
          verticalAlign: 'bottom',
          float: 'center'
         // valueSuffix: 'B',
          //margin: 50
        }
        ,
        mapNavigation: {
          enabled: true,
          buttonOptions: {
            verticalAlign: 'bottom',
            align: 'left'
          }
        }
        ,
        colorAxis: {
          min: 0,
          minColor: '#ffffff',
          maxColor: '#0c234b',
            labels: {enabled: false}

        },

http://jsfiddle.net/drupalStarlord/ne3a2d99/1/

Answer 1

G 是 giga 的缩写，表示十亿倍。

您可以为colorAxis标签创建自定义格式化程序，例如（JSFiddle）：

colorAxis: {
    labels: {
        formatter: function() {
            return this.value/1000000000 + "B";
        }
    }
}

如果值突然在更小或更大的范围内，这将不适应，除非您在代码中添加更多深度。

或者您可以更改默认numericSymbols指标前缀，例如 ( JSFiddle )：

Highcharts.setOptions({
    lang: {
        numericSymbols: ['.', '..', 'B', '....', '.....', '......']
        // Default is:  ['k', 'M', 'G', 'T', 'P', 'E']
    }
});

如果您希望值范围有所不同，则必须在此处为每个字母找到合适的字母。