除了系列数据之外,如何在高图中的柱形图鼠标悬停上显示自定义数据?

时间:2013-11-26 06:20:07

标签: highcharts

我使用下方的高图来显示每月的平均销售额,

http://www.highcharts.com/demo/combo-dual-axes

如何在柱形图鼠标悬停时显示10个最畅销产品的列表?

这就是我的系列,

系列:[{“name”:“Buys”,“type”:“column”,“color”:“#4572A7”,“yAxis”:1,“data”:[0,0,0,126,410605 ,0,0,0,0,0,0,103412]}]

另外

如果数据数据类似于数据,如何在气泡图的情况下添加其他数据:[[12,43,13],[74,23,44]]。数据值的关键是什么?有'x','y'和'z'?还是'尺寸'?

2 个答案:

答案 0 :(得分:2)

传递数据如下

    series:[{
     data: [{
      x: timestamp,
      y: value,
      passCount: someVlaue,
      totalCount: someValue
     }]
    }]

并从工具提示

访问它
tooltip:{
 formatter: function() {
  this.point.options.passCount
  this.point.options.total
 }
}

以下是一个示例:http://jsfiddle.net/Mn6sB/9

答案 1 :(得分:0)

检查tooltip配置。文档中有一个示例(pointFormat)。

您还可以使用函数完全控制要在工具提示中呈现的内容。该文件为here,带有样本。