从highmaps中的线性colorAxis中删除“G”

时间:2015-02-05 23:57:41

标签: highmaps

有谁知道如何删除" G"在我的颜色Axis数字标签?我尝试了很多东西,包括试图覆盖/禁用" numericSymbols"在highmaps.js src文件中没有运气。也尝试了对数,但符号也变得怪异。似乎应该是一个简单的解决方案。谢谢你的帮助。

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/

1 个答案:

答案 0 :(得分:0)

G是千兆的缩写,表示十亿分之一。

您可以为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']
    }
});

如果您希望价值范围发生变化,您必须为每个字母找到合适的字母。