echarts堆叠柱状图颜色
时间: 2023-10-18 19:31:14 浏览: 61
在echarts堆叠柱状图中,可以通过添加color属性来自定义每个柱子的颜色。在代码中,可以为每个系列(series)设置itemStyle属性,然后在itemStyle中设置normal属性,再在normal属性中设置color属性来指定柱子的颜色。例如:
```javascript
series: [
{
name: '扶贫局通知',
type: 'bar',
data: [11, 33, 45],
itemStyle: {
normal: {
color: '#ab78ba' // 设置柱体颜色
}
}
},
{
name: '云平台通知',
type: 'bar',
data: [11, 28, 45],
itemStyle: {
normal: {
color: '#72b201' // 设置柱体颜色
}
}
},
{
name: '其他',
type: 'bar',
data: [22, 33, 66],
itemStyle: {
normal: {
color: '#08a9f2' // 设置柱体颜色
}
}
}
]
```
在上述代码中,分别为每个柱子设置了不同的颜色。你可以根据自己的需求,自定义每个柱子的颜色。<span class="em">1</span><span class="em">2</span><span class="em">3</span>
#### 引用[.reference_title]
- *1* [为echarts的叠加柱状图设置颜色](https://blog.csdn.net/Take_Dream_as_Horse/article/details/53928518)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_1"}}] [.reference_item style="max-width: 50%"]
- *2* *3* [echarts同一根柱子不同颜色(堆叠)](https://blog.csdn.net/qq_45281478/article/details/130272166)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_1"}}] [.reference_item style="max-width: 50%"]
[ .reference_list ]