Echarts 饼图数据项样式调试:itemStyle 属性详解
在 Echarts 中,饼图的数据项样式可以通过设置 series 中的 itemStyle 属性来调试。以下是 itemStyle 可调试的属性:
'color': 数据项颜色'borderColor': 边框颜色'borderWidth': 边框宽度'borderType': 边框类型'shadowBlur': 阴影模糊度'shadowColor': 阴影颜色'shadowOffsetX': 阴影水平方向偏移量'shadowOffsetY': 阴影垂直方向偏移量'opacity': 透明度
例如,以下是一个饼图数据项样式调试的示例代码:
series: [
{
name: '访问来源',
type: 'pie',
radius: '50%',
data: [
{value: 335, name: '直接访问'},
{value: 310, name: '邮件营销'},
{value: 234, name: '联盟广告'},
{value: 135, name: '视频广告'},
{value: 1548, name: '搜索引擎'}
],
itemStyle: {
color: '#c23531', // 设置数据项颜色
borderColor: '#fff', // 设置边框颜色
borderWidth: 2, // 设置边框宽度
borderType: 'solid', // 设置边框类型
shadowBlur: 10, // 设置阴影模糊度
shadowColor: 'rgba(0, 0, 0, 0.5)', // 设置阴影颜色
shadowOffsetX: 0, // 设置阴影水平方向偏移量
shadowOffsetY: 0, // 设置阴影垂直方向偏移量
opacity: 1 // 设置透明度
}
}
]
原文地址: https://www.cveoy.top/t/topic/mFhh 著作权归作者所有。请勿转载和采集!