高图:点上的注释/详细信息

R3tep

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

我使用HighCharts版本3.0.9。

实际上,我在点上使用click事件来显示html中的弹出窗口详细信息。但我想知道HighCharts是否有本机解决方案。

喜欢 :

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

当然可以。您有两种选择:

  • 自己写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

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

高图-母版详细信息-多种颜色的母版

来自分类Dev

MKA注释的详细信息ViewController

来自分类Dev

共享点详细信息页面

来自分类Dev

获取详细信息或检索已删除的注释文档

来自分类Dev

计算特定详细数据集上的详细信息

来自分类Dev

冻结图是否显示模型的详细信息?

来自分类Dev

获取FB点赞者的详细信息

来自分类Dev

esxi详细信息

来自分类Dev

如何在Windows上获取文件的详细信息

来自分类Dev

Kendo网格-如何获取RowSelected上的行详细信息?

来自分类Dev

在注册Firebase上保存用户的其他详细信息

来自分类Dev

从网页上的锚标签访问详细信息

来自分类Dev

如何在Chrome上查看SSL证书的详细信息?

来自分类Dev

Kendo网格详细信息在行上展开

来自分类Dev

如何在Windows上获取文件的详细信息

来自分类Dev

替换Unmarshal上已删除的名称空间详细信息

来自分类Dev

Ifconfig在Kali Linux上未提供任何详细信息

来自分类Dev

如何查看智能卡上的证书详细信息

来自分类Dev

仅从网页上抓取特定详细信息

来自分类Dev

表单上的多个详细信息部分

来自分类Dev

登录后在aspx上显示用户的详细信息

来自分类Dev

Android:在TextView上显示详细信息单击

来自分类Dev

如何在RHEL机器上查找网卡详细信息

来自分类Dev

在 WooCommerce 上获取 Paypal 付款详细信息

来自分类Dev

LDA VolumeViz详细信息

来自分类Dev

角度,项目详细信息

来自分类Dev

获取意图详细信息

来自分类Dev

Hibernate:GenericGenerator详细信息

来自分类Dev

Cassandra节点详细信息