javascript - ApexCharts 自定义标记颜色

Question

我在我的 vue 项目中使用 apexCharts。 图表

当线条超过黄线（警告）时，我希望标记颜色变为黄色。当线超过红线（坏）时，标记颜色变为红色。否则标记的颜色将变为绿色。

colors: [
      function({ value, seriesIndex, w }) {
        if (value <= this.STATUS_GOOD) {
          return MEASUREMENT_COLORS[0];
        } else if (value > this.STATUS_BAD) {
          return MEASUREMENT_COLORS[1];
        } else {
          return MEASUREMENT_COLORS[2];
        }
      }
    ],

我认为可以编写一个颜色函数来控制颜色。但我失败了。有没有办法自定义标记颜色？非常感谢！

标签： javascriptvue.jswebapexcharts

Answer 1

在图表选项中。

标记：{颜色：'红色'，}，