Change color of dataLables in ApexChart in React.js

Question

ApexChart

The text on the stack bar chart is coming in white color, I want to change it into a different one and I cant find the exact property for this.

Answer 1

Try this to have the labels be red for example:

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