如何在 React 的 Apex 图表中定义自定义工具提示？

如何解决如何在 React 的 Apex 图表中定义自定义工具提示？

我正在使用 Apex 图表定义四线图。 我的数据系列：

series: [
            {
              name: "first",data: [28,29,33,36,32,33]
            },{
              name: "second",data: [12,11,14,18,17,13,13]
            },{
                name: "third",data: [48,16,62,3]
              },{
                name: "forth",data: [22,54,27,53,13]
              }
        ],

我希望我的工具提示输出如下：

first-label : {series.dataOfFirstLabel}

second-label : {series.dataOfSecondLabel}

third-label : {series.dataOfThirdLabel}

forth-label : {series.dataOfForthLabel}

如何定义我的自定义工具提示？ 谢谢。

解决方法

在图表选项中

enter code here
tooltip: {
  enabled: true,enabledOnSeries: true,shared: true,followCursor: true,intersect: false,inverseOrder: false,custom: undefined,fillSeriesColor: true,theme: false,style: {
    fontSize: "12px",fontFamily: undefined,},onDatasetHover: {
    highlightDataSeries: false,x: {
    show: true,format: "dd MMM",formatter: undefined,y: {
    show: false,title: {
      formatter: (seriesName) => seriesName,z: {
    formatter: undefined,title: "Size: ",marker: {
    show: false,items: {
    display: "flex",fixed: {
    enabled: false,position: "topRight",offsetX: 0,offsetY: 0,//sh

你可以添加这些属性 参考 - https://apexcharts.com/docs/options/tooltip/