如何将注释文本添加到Highcharts图表?

时间:2012-05-22 17:55:47

标签: javascript html css highcharts

我们想在使用Highcharts.js创建的图表中添加一些文本注释。

理想情况下,当您将鼠标悬停在图表标题上或图表标题旁边的问号时,我们希望在弹出窗口中显示注释。

例如:

<b>Chart Title</b>
<sup>
<a href="#" class="chart-tooltip" title="New Members" data-content="annotation text goes here" data-placement="bottom">?</a></sup>

但是,当我将上面的html作为Highcharts图表标题文本属性传递时,Highcharts不能正确显示它,它实际上显示了html文本。

是否可以使用Highcharts界面进行此操作?如果是这样,怎么样?

任何其他建议将不胜感激。

感谢。

1 个答案:

答案 0 :(得分:6)

以下作品:

title: {
    useHTML: true,
    text: 'This is <b>bold</b>'
}

useHtml属性似乎不在我可以看到的文档中,但它似乎对我有用,它也适用于labels