highcharts tooltip usehtml不起作用

时间:2012-07-11 07:35:30

标签: tooltip highcharts

我使用过highcharts并使用“usehtml = true”以便以3行显示文本并为其中一行着色。

工具提示的代码是

tooltip:
{
    useHTML: true,
    formatter: function()
    {
        var color = "";
        if (this.point.config[2]>0) color = "green";
        else if (this.point.config[2]<0) color = "red";
        return '<div style="direction:rtl;"' +
            '<p>שעה:' + Highcharts.dateFormat('%H:%M:%S', this.x) +'</p> <p>indice:'+ this.y + '</p><p> change:</p>' 
            + "<p class='"+color+"'>" + this.point.config[2] + "</p>"+'</div>';
    }
},

你可以在这里查看 http://s-maof.com/PRO/index3.php?fkapp=2(将鼠标放在那里的6个盒子中的一个)。

具有讽刺意味的是,它在IE8中运行(我认为也是9)但在FF和Chrome中没有(搞笑..)

就是这样,有什么建议吗?

编辑:

我发现highcharts 2.1.4不支持useHTML属性, 所以我升到2.2.5, 你可以在这里查看 http://s-maof.com/PRO/index4.php?fkapp=2

但是现在根本没有显示图表,也尝试升级我的jquery版本,什么都没有。

1 个答案:

答案 0 :(得分:1)

您的HTML不完整:

'<div style="direction:rtl;"' +

应该是:

'<div style="direction:rtl;">' +