Apexcharts.js: Can categories be displayed via dataLabels?

[diomed]

I see that series can, but how would I display categories in bar as well?

[junedchhipa]

@diomed I failed to understand what you mean. Can you please elaborate?
Are you looking for something like this?

[diomed]

yes

[junedchhipa]

I will put the above example in website demo pages soon.

For now, you can try the following code to achieve the same result

{ 
  plotOptions: {
    bar: {
      horizontal: true,
      dataLabels: {
          position: 'bottom'
      },
    }
  },
  dataLabels: {
    enabled: true,
    textAnchor: 'start',
    style: {
        colors: ['#fff']
    },
    formatter: function(val, opt) {
        return opt.globals.labels[opt.dataPointIndex] + ":  " + val
    },
    offsetX: 0,
  },
  yaxis: {
    labels: {
      show: false
    }
  }
}

[junedchhipa]

Added example on website https://apexcharts.com/javascript-chart-demos/bar-charts/custom-datalabels/

[diomed]

thank you for your help 👍