在 React.js 的 ApexChart 中更改 dataLables 的颜色

Question

ApexChart

堆栈条形图上的文本是白色的，我想将其更改为不同的文本，但找不到确切的属性。

Answer 1

试试这个让标签变成红色，例如：

dataLabels: {
      enabled: true,
      enabledOnSeries: undefined,
      formatter: function (val, opts) {
        return val;
      },
      style: {
        fontSize: "14px",
        fontFamily: "Helvetica, Arial, sans-serif",
        fontWeight: "bold",
        colors: ["#FF0000"]
      }
    },

Answer 2

使用 dataLabels 和图表颜色选项扩展您的选项。

    let options = {
      *dataLabels: {
        style: {
          colors: ['#F44336', '#E91E63', '#9C27B0']
        }
      },*
      chart: {
        type: 'bar',
        heigth: '200px',
        *color: '#ff0000'*
      },
....