echarts 合并柱状图
时间: 2023-11-14 22:09:44 浏览: 155
echarts柱状图
可以使用 echarts 的 series-bar 组件来实现合并柱状图。具体步骤如下:
1. 在 option 中设置 xAxis 和 yAxis,分别表示 x 轴和 y 轴的数据。
2. 在 series 中设置两个 bar 类型的数据,分别表示两组数据。
3. 在第二组数据中设置 stack 属性为 '总量',表示将两组数据合并在一起。
4. 在第二组数据中设置 label 属性,用于显示柱状图上的数值。
以下是一个简单的示例代码:
```javascript
option = {
xAxis: {
type: 'category',
data: ['A', 'B', 'C', 'D', 'E']
},
yAxis: {
type: 'value'
},
series: [
{
name: '数据1',
type: 'bar',
data: [10, 20, 30, 40, 50]
},
{
name: '数据2',
type: 'bar',
stack: '总量',
label: {
show: true,
position: 'inside'
},
data: [5, 10, 15, 20, 25]
}
]
};
```
阅读全文