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

标签 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

最佳答案

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

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;
        }
      }
    }

关于javascript - 如何使用 Highcharts 在 x 轴类别标签下方显示工具提示数据,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/40600899/

相关文章:

javascript - 复制到 Dreamweaver 时 JSFiddle 字符计数不起作用

javascript - 原型(prototype) + Scriptaculous : Migration Questions

javascript - 如何在 JS/HTML 中的 ondblclick 之前阻止 onclick 触发

python - 使用 python 函数中的数据填充 Highchart

r - Shiny 中的 Highcharts 事件量表

javascript - 如何在 Highcharts 中用虚线连接空值

javascript - 清空 Vuex 对象时,如何避免 Vue 项目出现未定义错误?

javascript - Mustache 模板将表达式与某个字符串串联

javascript - 从 Rails View 填充 HighChart 数据

用 selenium 测试 Highcharts