使用if else条件的Javascript工具提示

时间:2015-01-21 10:43:15

标签: jquery highcharts

我在javascript中有一个工具提示,其定义如下:

   tooltip: {
                headerFormat: '<span style="font-size:10px">{point.key}</span><table>',
                pointFormat: '<tr><td style="color:{series.color};padding:0">{series.name}: </td>' +
                    '<td style="padding:0"><b>{point.y:f} </b></td></tr>',
                footerFormat: '</table>',
                shared: true,
                useHTML: true
            },

我有兴趣修改工具提示的pointFormat字段。

它有一个单元格,其定义如下:

point.y:f

我查看了定义它的相关javascript文件,发现'f'是一个变量。

我想在该变量上应用“if else”条件。 像

if(f==-1)
{
    display: 'NA';//display NA in that cell
}
else
    display: f;

有可能这样做吗? 提前谢谢。

1 个答案:

答案 0 :(得分:3)

你可以参考下面这个小提琴。我希望它能解决你的问题。您可以使用条件点,但需要将其定义为格式化程序,如下所示

tooltip:{
                formatter:function(){

                    if(this.point.y == 0)
                        return 'ON'
                    else
                        return 'OFF'

                }
            },

JS Fiddle