如何在 Apexchart 中自定义工具提示的标题和正文？

如何解决如何在 Apexchart 中自定义工具提示的标题和正文？

我正在从 Apexchart 设计散点图以突出显示两个变量之间的关系。我想自定义图表工具提示，并为每对 x、y 观测值设置标题。

这是我当前在 JSX 中的设置（我已将标题分配给一个“z”变量，但我不确定它是否正确）：

this.state = {
        series: [{
            data: 
            [{
                x: 1,y: 2.14,z: 'title1'
            },{
                x: 1.2,y: 2.19,z: 'title2'
            },{
                x: 1.8,y: 2.43,z: 'title3'
            }]
          },],options: {
            chart: {
                height: 350,type: 'scatter',},tooltip: {
                z: {
                    formatter: undefined,title: 'Title: '
                }
              }
          }
    };

结果如下：

相反，我希望在标题/灰色部分使用不同的“标题”，并在工具提示正文中使用两个 x,y 变量。

如何自定义图表选项以按预期呈现工具提示？

感谢您的时间

解决方法

试试这个：

tooltip: {
        enabled: true,custom({series,seriesIndex,dataPointIndex,w}) {
          return (
            '<div style="width: 100px; height: 50px;">' +
            "<span>" +
            series[seriesIndex][dataPointIndex] +
            "</span>" +
            "</div>"
          );
        }
      },

so u can make the style as u wish ;)