javascript - 给一个javascript数字小数点后固定宽度,同时保留一个数字

标签 javascript highcharts

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

这在 javascript 中可能吗?
数字应该只显示小数位吗?就像1.00

最佳答案

正如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 引用中查找适当的格式化程序

关于javascript - 给一个javascript数字小数点后固定宽度,同时保留一个数字,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/35917895/

相关文章:

javascript - 如果从 qresources 加载 html 文件,QWebView 不会加载任何外部资源

c# - 如何在按下按钮时关闭弹出窗口并在打开弹出窗口的窗口上启动回发?

Javascript 复杂图

javascript - HighStock 根据复选框隐藏特定系列和轴

javascript - 在图表上显示系列堆栈标签

javascript - SSRS 从标准的内置界面自动导出为 PDF

javascript - 在制作Phonegap应用程序时,我应该如何添加列表项并将其保存到本地存储?

javascript - 如何防止 Highcharts 中的列重叠

javascript - 错误 : Template parse errors: Can't bind to 'options' since it isn't a known property of 'chart'

javascript - 如何通过代码反转Highcharts中的图表?