1

我使用了 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 版本，但什么也没有。

4

2 回答 2

1

您的 HTML 不完整：

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

应该 ：

'<div style="direction:rtl;">' +
于 2014-02-07T10:23:29.820 回答
0

你必须这样设置方向：

tooltip: {
 useHTML: true,
 formatter: function() {
 return '<div lang="fa" dir="rtl"> ' +
 this.x + ' : ' + this.y +
 '</div>';
  }
},
于 2015-05-02T11:24:56.727 回答