ApexCharts 自定义标记颜色答案

【问题标题】：ApexCharts custom markers colorApexCharts 自定义标记颜色
【发布时间】：2022-03-03 06:05:17
【问题描述】：

我在我的 vue 项目中使用 apexCharts。 charts

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

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];
        }
      }
    ],

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

【问题讨论】：

注意：请注意，如果您打算为其提供函数，则颜色数组中的项目数应等于系列数。 - 来自文档。看起来您只将一个值传递给颜色。还有什么错误吗？
我尝试了您的解决方案，但没有成功。我有三个系列。所以我添加了两个未定义的函数。
是否有任何控制台错误？如果您记录图表对象并查看colors 属性，您会看到什么？
控制台没有错误。
您可能必须使用带有标记的离散选项 - apexcharts.com/docs/options/markers

标签： javascript vue.js web apexcharts

【解决方案1】：

在图表选项中。

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

【讨论】：