Highcharts:工具提示pointFormat十进制到百分比

时间:2014-07-09 18:02:41

标签: javascript highcharts

我必须使用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

感谢任何帮助。

2 个答案:

答案 0 :(得分:1)

以下是 DEMO 您必须使用tooltip.formatter这样的选项(将截断的值返回到小数点后两位):

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>';
                }
            },

答案 1 :(得分:0)

进一步研究后,没有办法使用&#39; pointFormat&#39;和倍数(转换为百分比)。

解决方案:不要使用0.035,请使用3.50。如果这样做,Highcharts将正确格式化Axis。

编辑: Rahul Gupta在下面发布了一个使用Formatter的方法,如果这是你想要做的。