可以使用 rich 属性中的 align 属性,将其设置为 'center' 即可实现居中对齐。

例如:

option = {
  title: {
    text: '饼图标题',
    left: 'center',
    top: 'middle',
    textStyle: {
      rich: {
        title: {
          fontSize: 18,
          fontWeight: 'bold',
          align: 'center'
        }
      }
    }
  },
  series: [
    {
      name: '访问来源',
      type: 'pie',
      radius: '55%',
      data: [
        {value: 335, name: '直接访问'},
        {value: 310, name: '邮件营销'},
        {value: 234, name: '联盟广告'},
        {value: 135, name: '视频广告'},
        {value: 1548, name: '搜索引擎'}
      ]
    }
  ]
};

在上面的例子中,我们将标题的 rich 属性中的 align 属性设置为 'center',即可实现标题居中对齐。

ECharts 饼图标题居中对齐:使用 rich 属性设置 align

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

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