javascript - Highcharts : Tooltip pointFormat decimal to percent

Question

我必须使用 pointFormat 属性来格式化工具提示。这个问题是我想不出一种方法来使用 {point.y} (0.0324123) 并将其格式化为 precent (3.24)。

正如我上面所说，我必须在 tooltip.pointFormat 中执行此操作。我当前的代码如下所示

$highcharts[$key]['tooltip'] = [
    'pointFormat' => '<p style="margin:0;"><span style="color:{series.color};">{series.name}</span>: <b>{point.y:,.2f}%</b></p>'
];

有没有办法在 html/HighCharts 语法中执行 {point.y:,.2f} * 100？

感谢任何帮助。

Answer 1

这是 DEMO 您将不得不像这样使用 tooltip.formatter 选项(将返回 chop 到小数点后两位的值):

tooltip: {
                //valueSuffix: '°C',
                enabled: true,
                formatter:function(){
                  return '<span style="color:'+this.series.color+'">'+this.series.name+'</span>: <b>'+Highcharts.numberFormat((this.y*100),2,'.')+'%</b>';
                }
            },