页面树结构

版本比较

标识

  • 该行被添加。
  • 该行被删除。
  • 格式已经改变。

(此文档仅供参考)

问题描述:

需要设置饼图里面的扇形边框,但是不想影响图例的样式,可以怎么处理?

原效果:

Image Modified

设置属性-边框样式后效果:图例和扇形都有边框了

Image Modified

解决方案:

可以使用扩展属性实现:


option = {
"legend": {
"itemStyle": {
"borderWidth": 0, // 图例边框宽度
"borderColor": 'green', // 图例边框颜色
// 注意这里独立设置图例的itemStyle影响图例项样式的属性,与饼图本身的区分开
}
},
"series": [{
"itemStyle": {
"borderWidth": 1, // 扇形边框宽度
"borderColor": 'red', // 扇形边框颜色
}
}]
}

...