echart 饼图title,设置居中对齐
可以通过设置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的居中对齐。
原文地址: https://www.cveoy.top/t/topic/qri 著作权归作者所有。请勿转载和采集!