ApexChart柱状图中如何旋转DataLabel文本？

你当前代码的问题在于把rotate属性放在了dataLabels的根层级，这不符合ApexCharts的配置规则，正确的做法是将旋转属性嵌套在style对象内。

调整后的正确配置代码如下：

dataLabels: {
    enabled: true,
    textAnchor: 'end',
    style: {
        fontSize: '13px',
        letterSpacing: '5px',
        colors: ['#fff'],
        rotate: -90 // 旋转属性需放在style对象中
    },
    formatter: function (val, opt) {
        return formatWithSuffix(val)
    },
    offsetX: 18,
    dropShadow: {
        enabled: true
    }
}

核心说明：

• ApexCharts规定数据标签的文本样式（含旋转）都由dataLabels.style对象控制，根层级的rotate属性不会生效
• 旋转角度支持正负数值：正值为顺时针旋转，负值为逆时针旋转，可根据需求调整具体角度值

内容的提问来源于stack exchange，提问作者Shoua Ul Qammar