echarts 树图线颜色
时间: 2023-07-05 13:35:52 浏览: 135
基于ECharts V4.2的树图可视化设计与实现
您可以通过设置`color`属性来为树图中的线条设置颜色。例如:
```javascript
option = {
series: [
{
type: 'tree',
data: [...],
// 设置线条颜色
lineStyle: {
color: '#ccc'
}
}
]
};
```
您还可以根据数据的不同属性值为线条设置不同的颜色,例如:
```javascript
option = {
series: [
{
type: 'tree',
data: [...],
// 根据数据的 depth 属性值为线条设置不同颜色
lineStyle: {
color: function(params) {
var depth = params.data.depth;
return depth === 0 ? '#ccc' : depth === 1 ? '#999' : '#666';
}
}
}
]
};
```
以上代码中,根据数据的 `depth` 属性值为线条设置不同的颜色,深度为 0 的线条颜色为 `#ccc`,深度为 1 的线条颜色为 `#999`,深度大于 1 的线条颜色为 `#666`。
阅读全文