'Change the font-size of just one x-axis labels in ApexCharts?

I want to change the font size of just one of the x-axis labels, depending on what day it is (x-axis are days of the week).

ApexCharts allows you to customize the color of each data label, but not the font-size it seems.

Here is my code:

xaxis: {
categories: ['Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat', 'Sun'],
    position: 'bottom',
        labels: {
    show: true,
        style: {
        colors: ['#53599A', '#53599A', '#53599A', '#53599A', '#53599A', '#53599A', '#53599A'],
        fontSize: '12px',
        fontFamily: 'IBM Plex Sans, sans-serif',
        cssClass: 'apexcharts-xaxis-label'
    }
}

},



Solution 1:[1]

Try Labels inside yaxis or xaxis object you will found the answer, how to change the font size in apexcharts chart

yaxis: {
    labels: {
      style: {
        fontSize: '8px',
        fontWeight: 500,
      },
    }
  },

Or

xaxis: {
    type: 'category',
    categories: ['a','b','c'],
    labels: {
      style: {
        fontSize: '8px',
        fontWeight: 500,
      },
    }
  },

Sources

This article follows the attribution requirements of Stack Overflow and is licensed under CC BY-SA 3.0.

Source: Stack Overflow

Solution Source
Solution 1 vijay kumbhar