Apex 图表 - 无法隐藏数据标签和设置颜色值

Question

我按照 Apex Charts 的基本文档创建了一个饼图，但我似乎无法隐藏饼图上的数据标签（也无法设置颜色）。

代码沙箱 - https://codesandbox.io/s/apx-pie-simple-forked-qlgxz

颜色文档 - https://apexcharts.com/docs/options/colors/

数据标签文档 - https://apexcharts.com/docs/options/datalabels/

如有任何帮助，我们将不胜感激。

Answer 1

经进一步调查，我遇到的问题似乎是由于图表中的响应断点所致，我必须分别在每个断点处设置这些颜色。我还没有找到更好的解决方案。

      responsive: [
    {
      breakpoint: 768,
      options: {
        chart: {
          height: 130,
        },
        dataLabels: {
          enabled: false,
        },
        legend: {
          position: "left",
          labels: {
            colors: "#FFFFFF",
            useSeriesColors: false,
          },
        },
      },
    },
    {
      breakpoint: 5000,
      options: {
        colors: ["Red, Green", "Blue"],
        dataLabels: {
          enabled: false,
        },
        legend: {
          labels: {
            colors: "#FFFFFF",
            useSeriesColors: false,
          },
        },
      },
    },
  ],

Apex 图表 - 无法隐藏数据标签和设置颜色值

Apex Charts - Unable to hide data labels and set colours values

angular

apexcharts