首页 > 解决方案 > Apex 图表文本在 dataLabel 中对齐样式

问题描述

如何使图表中的值与右侧对齐?这是我的图表: 我的图表

我正在尝试将百分比分开到右侧,并且文本应保留在左侧,如下图所示: 我正在尝试制作的图表的布局

是否可以将css命令添加到格式化程序函数中,或者有其他方法可以将值保留在右侧?我的格式化程序函数如下所示:

  dataLabels: {
                        enabled: true,
                        textAnchor: 'start',
                        style: {
                            colors: ['#333333'],
                        },
                        formatter: function (val, opt) {                   
                            return opt.w.globals.labels[opt.dataPointIndex] + " "  + val + "%"
                        },
                        offsetX: 0,
                        dropShadow: {
                            enabled: false
                        }
                    }

标签: javascriptapexcharts

解决方案


推荐阅读