可以通过设置title的textStyle属性中的textAlign属性来实现饼图title居中对齐。

示例代码如下:

option = {
    title: {
        text: '饼图标题',
        textStyle: {
            fontSize: 18,
            fontWeight: 'bold',
            textAlign: 'center' // 设置居中对齐
        },
        left: 'center' // 设置标题位置居中
    },
    series: [
        {
            name: '访问来源',
            type: 'pie',
            radius: '55%',
            data: [
                {value: 335, name: '直接访问'},
                {value: 310, name: '邮件营销'},
                {value: 234, name: '联盟广告'},
                {value: 135, name: '视频广告'},
                {value: 1548, name: '搜索引擎'}
            ],
            emphasis: {
                itemStyle: {
                    shadowBlur: 10,
                    shadowOffsetX: 0,
                    shadowColor: 'rgba(0, 0, 0, 0.5)'
                }
            }
        }
    ]
};

其中,textStyle中的textAlign属性设置为'center',表示居中对齐;title的位置通过设置left属性为'center',也设置为居中。这样就可以实现饼图title的居中对齐。

echart 饼图title,设置居中对齐

原文地址: https://www.cveoy.top/t/topic/qri 著作权归作者所有。请勿转载和采集!

免费AI点我,无需注册和登录