angular - ApexCharts 中的多线图例

Question

正如我在多个地方读到的那样，在 ApexChart 图例的格式化程序函数中返回一个数组应该将数组中的每个项目包装在一个 tspan 中，但是当我自己测试这个时，我似乎无法让它工作，图例呈现为一个跨度。

我的格式化程序如下所示：

  legend: {
    formatter: (label, opts) => {
      return [label, ":", opts.w.globals.series[opts.seriesIndex]];
    }
  }

我在这里缺少什么吗？或者有没有其他方法可以实现多线图例，使其不与图表重叠？

上面的 codepen 使用的是 vanilla ApexCharts 库，我的项目使用的是 Angular 库，不要认为看到它们的行为方式会有太大变化。

标签： angularapexcharts