javascript - Apex 图表自定义工具提示 - 如何获取类别名称和颜色？

Question

我想在 Apex 图表中创建自定义工具提示。以下是官方文档中的建议:

tooltip: {
  custom: function({series, seriesIndex, dataPointIndex, w}) {
    return '<div class="arrow_box">' +
      '<span>' + series[seriesIndex][dataPointIndex] + '</span>' +
      '</div>'
  }
}

上面的工具提示将只显示值。但是，我还需要有关相应类别名称的信息(如果可能，还需要图表颜色):

https://codepen.io/apexcharts/pen/xYqyYm

我打赌这个信息在 w.globals 的某个地方，但我没能在那里找到它(特别是考虑到它是一个递归对象，当你尝试时它会返回 [Object Object]从控制台复制它)。

Answer 1

我想你正在寻找的是

w.globals.labels[dataPointIndex]

对于类别，也许

w.globals.colors

指图表的颜色。您可以使用

列出 globals 对象的键

Object.keys(w.globals) 

而对应的g值与

Object.values(w.globals).map(val => val ? val.toString() : null)