【问题标题】:HighCharts - number format with $ in its short formHighCharts - 简写为 $ 的数字格式
【发布时间】:2014-03-05 16:59:11
【问题描述】:

我正在使用 dotnet.highcharts 生成图表。

如果我没有在 y 轴标签上设置任何标签格式,这就是显示的内容。

这很好。 所以 200M = 200,000,000 看起来这是自动完成的。

如果我想在值前面加上 $ 并使用:

function() { return '$' + Highcharts.numberFormat(this.value, 0) ; }

那么标签现在将显示 $200,000,000。

我将如何获得格式以使用带有美元符号的短格式(如 $200M)来显示它? 谢谢。

【问题讨论】:

    标签: highcharts dotnethighcharts


    【解决方案1】:

    不幸的是,在这种情况下,您必须采用预先格式化的标签,或者自己在格式化程序中重建您想要的缩写级别。

    在这种情况下,你可以像

     yAxis: {
            labels: {
                formatter: function() {
                    return '$'+this.value / 1000000 + 'M';
                }
            }
        },
    

    【讨论】:

    • 我希望我不需要这样做。那好吧。感谢您的帮助。
    【解决方案2】:

    根据this stackoverflow post,可以调用原格式化程序:

    this.axis.defaultLabelFormatter.call(this);
    

    【讨论】:

    • 这是正确答案。虽然它应该在格式化程序函数中调用。
    【解决方案3】:

    在调用图表之前放置这段代码

    Highcharts.setOptions({
        lang: {
            thousandsSep: ','
        }
    });
    

    【讨论】:

      猜你喜欢
      • 1970-01-01
      • 2014-02-26
      • 2017-12-17
      • 1970-01-01
      • 1970-01-01
      • 2013-02-02
      • 2012-03-01
      • 2015-05-26
      • 1970-01-01
      相关资源
      最近更新 更多