如何使用Highcharts在x轴类别标签下显示工具提示数据

时间:2016-11-15 02:07:21

标签: javascript highcharts

我正在尝试使用Highcharts在我的x轴类别标签下方显示工具提示值,但不起作用。我发现下面的链接但不起作用。

  

How to show tooltip data below each column in Highchart?

我现在拥有的是:

xAxis: {
            categories: ['7789 - 70', '7877 - 12', '7876 - 12', '7876 - 7', '7877 - 7', '7876 - 20', '7876 - 28', '7875 - 12', '7876 - 129', '7877 - 129'],
            labels: {
                formatter: function () {
                    return this.value+'<br>'+'{series.name}';
                }
            }
        }

enter image description here

工作fiddle

1 个答案:

答案 0 :(得分:1)

这是一个黑客,但你可以试试,会尝试找到更好的解决方案并发布

xAxis: {
      categories: ['7789 - 70', '7877 - 12', '7876 - 12', '7876 - 7', '7877 - 7'],
      labels: {
        formatter: function() {
          console.log(this.chart.series);
          return this.chart.series[0].name;
        }
      }
    }