HighCharts - 以简短格式表示$的数字格式

Question

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

如果我没有在y轴标签上设置任何标签格式，则会显示此内容。

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

如果我想在价值前放一个$，我会使用：

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

然后标签现在将显示$ 200,000,000。

如何使用带有美元符号（如$ 2亿美元）的短格式显示格式？ 感谢。

Answer 1

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

在这种情况下，您可以使用

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

Answer 2

根据this stackoverflow post，您可以使用以下命令调用原始格式化程序：

<?php if( get_field('landing_hero_image') ): ?>
    <div class="landing-hero" style="background-image: url(<?php the_field('landing_hero_image'); ?>);">
    </div> 
<?php endif; ?>

Answer 3

在调用图表之前输入此代码

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