在哪里可以找到默认工具提示的 Apexcharts html？

Question

我想编写一个自定义工具提示功能，它看起来与多折线图的默认功能完全一样。我唯一想改变的是使用不同的动态标签而不是系列名称。我在哪里可以找到 html 以便我可以根据我的自定义函数调整它？

我能找到的唯一代码是这个非常短的片段，它只解释了参数的用法：

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

Answer 1

工具提示是动态创建的，参见https://github.com/apexcharts/apexcharts.js/blob/e0f5e122416537a3c5becd58d6f0e1eac162f7e8/src/modules/tooltip/Tooltip.js#L65。

您可以在 https://github.com/apexcharts/apexcharts.js/blob/e51733a8c037f73733bb2b49d6b8dc3e9081fe5b/dist/apexcharts.css#L39 找到相关的 CSS 规则。

Answer 2

我在自定义函数中使用自己的代码创建了相同的工具提示。 w.globals.tooltip.

处有更多数据

                custom: function ({ series, seriesIndex, dataPointIndex, w }) {
                let title = w.globals.tooltip.tooltipTitle.outerHTML;
                let items = "";
                w.globals.tooltip.ttItems.forEach(x => {
                    items = items + x.outerHTML

                })
                return title + items;
            }

在哪里可以找到默认工具提示的 Apexcharts html？

Where can I find the Apexcharts html of default tooltips?

apexcharts