HighCharts:点上的注释/细节

时间:2014-05-21 09:11:01

标签: highcharts

除了工具提示之外,我还需要知道是否可以在特定点上添加一些文本(注释/详细信息)。

我使用HighCharts版本3.0.9。

实际上我在点上使用点击事件来显示html中的弹出式详细信息。但我想知道是否存在使用HighCharts的原生解决方案。

喜欢:

[
 { 
   x: 11,
   y: 11,
   note: {
      text: "Some text",
   }
 },
 { 
   x: 16,
   y: 17
 }
]

1 个答案:

答案 0 :(得分:2)

当然,这是可能的。您有两种选择:

  • 编写您自己的tooltip.formatter,以获得该值
  • 使用tooltip.pointFormat为点创建模式

第二个例子(更简单):http://jsfiddle.net/mPb4A/

    tooltip: {
        pointFormat: '{series.name}: <b>{point.y}: {point.options.note.text}</b><br/>'
    },

只有第二个解决方案的限制是每个点都需要note属性,否则JS会在Cannot read property 'text' of undefined中出错。