【问题标题】:Tooltip help in HighCharts Column chartHighCharts 柱形图中的工具提示帮助
【发布时间】:2014-09-26 14:54:56
【问题描述】:

我正在使用 highcharts 尝试创建一个具有自定义工具提示的柱形图。我希望​​这个工具能够显示列的 y 值以及该位置的其他一些数据。就像是 : 22,000 净额 22,001 铬 22,002 博士 我的积分系列设置如下:

 series: [
      {
        name: 'Amount',
        data: [22000, 21000, 19000,4000,27000,1000],
        Credit:[22001, 21001, 19001,4001,27001,1001],
        Debit:  [22002, 21002, 19002,4002,27002,1002]
      }

我正在使用如下工具提示格式化函数:

  tooltip: {formatter: function(){
        return 'the value here is ' + this.y + this.point.Credit

但我的信用值不确定。 任何建议将不胜感激。谢谢

我有一个 jsfiddle 在:

http://jsfiddle.net/bryands1/5uowfx7v/9/

【问题讨论】:

    标签: javascript highcharts


    【解决方案1】:

    您可以在工具提示格式化程序功能中访问它:

    this.series.options.Credit
    

    所以你的代码是

     tooltip: {
          formatter: function(){
             return 'the value here is ' + this.y + ' ' + this.series.options.Credit[0]
          }
     }
    

    【讨论】:

    • 感谢您的回答。当我将此代码放入 jsfiddle 时,我根本没有得到任何工具提示。我错过了什么吗?
    • 您是否在控制台中收到任何错误?你有它的现场演示吗?
    【解决方案2】:

    要访问这种系列数据,请使用如下路径:

    this.series.options.Credit[this.point.index]
    

    您的数据示例:http://jsfiddle.net/5uowfx7v/32/

    【讨论】:

      猜你喜欢
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      相关资源
      最近更新 更多