在highchart中格式化x轴标签

时间:2016-09-08 22:35:13

标签: highcharts format labels formatter

我只是想知道有人能告诉我如何在我的高保真上格式化我的x轴标签吗? 我设置了min:0和max:300,但我想修剪最小值和最大值的最后一位数。即280将成为28。

我认为可行的代码是:

        labels: {
            formatter: function () {
                 return this.value.substring(0, 3);
            }
        }

但这似乎会破坏高潮。任何想法?

1 个答案:

答案 0 :(得分:2)

this.value是一个数字,而不是字符串。您可以转换为字符串然后获取子字符串。

xAxis: {
    labels: {
        formatter: function () {
            return  this.value.toString().substring(0, 2);
        }
    }
}, 

但是,它不是一个非常强大的解决方案。如果您的号码增长到999以上,您仍然只能获得前2位数字。我觉得你最好还是这样:

xAxis: {
    labels: {
        formatter: function () {
           // return  this.value.toString().substring(0, 2);
           return Math.round(this.value/10);
        }
    }
},

另外,请注意,您必须对工具提示和点标签进行相同的转换。转换数据可能更有意义,而不是转换高层谈论数据的所有方式。

http://jsfiddle.net/3y8dnh5u/2/