echarts树状图节点选中样式
时间: 2023-07-08 19:48:42 浏览: 109
Echarts 实现树状图的展示与编辑示例
5星 · 资源好评率100%
要设置echarts树状图节点选中样式,可以使用下面的代码:
```javascript
series: [{
type: 'tree',
data: data,
symbol: 'emptyCircle',
symbolSize: 7,
label: {
normal: {
position: 'left',
verticalAlign: 'middle',
align: 'right'
}
},
leaves: {
label: {
normal: {
position: 'right',
verticalAlign: 'middle',
align: 'left'
}
}
},
emphasis: {
itemStyle: {
color: 'red', // 设置选中节点的颜色
borderColor: '#fff', // 设置选中节点的边框颜色
borderWidth: 2 // 设置选中节点的边框宽度
}
},
expandAndCollapse: true,
animationDuration: 550,
animationDurationUpdate: 750
}]
```
在上面的代码中,我们使用`emphasis`属性来设置选中节点的样式,其中`itemStyle`用于设置节点的样式,包括颜色、边框颜色和边框宽度。
阅读全文