在十进制之后给出javascript编号固定宽度,同时保留一个数字

时间:2016-03-10 13:28:17

标签: javascript highcharts

我希望javascript编号始终为4的长度 因此10应显示为10.0
并且9应显示为9.00
它不能是string类型,因为我将其输入highcharts gauge,它必须是数字而不是字符串。
问题是,宽度总是在变化...所以我希望宽度保持不变,同时保持一个数字 在PHP中这不是问题...

这是否可以在javascript中使用?
一个数字应该只显示小数位?比如1.00

1 个答案:

答案 0 :(得分:2)

正如 jlbriggs 已经解释过的那样 - 作为点值传递的数字将具有最短的精度。您可以关注的是dataLabel的显示方式(黑色箭头下的数字) - 您可以使用dataLabels.formatformatter控制显示的内容。

示例:http://jsfiddle.net/3ufygd53/

    series: [{
        name: 'Speed',
        data: [5],
        tooltip: {
            valueSuffix: ' km/h'
        },
        dataLabels: {
            formatter: function() {
            var number = this.y,
                    prec = 2;
            while(number > 10) {
                number /= 10;
                prec--;
            }
            return this.y.toFixed(prec);
          }
        }
    }]

如果您需要更改工具提示或轴标签的显示 - 它将进行类似的更改 - 在Highcharts API参考中查找正确的formatter