echarts 柱状图 线
时间: 2023-10-27 22:08:23 浏览: 83
echarts柱状图
您可以使用 echarts 中的组合图来实现柱状图和线图的组合。具体实现方法是在 option 中设置两个 series,一个是柱状图,一个是线图,并设置它们共享同一个 x 轴。
示例代码如下:
```
option = {
xAxis: {
type: 'category',
data: ['Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat', 'Sun']
},
yAxis: [
{
type: 'value',
name: '柱状图',
axisLabel: {
formatter: '{value} ml'
}
},
{
type: 'value',
name: '线图',
axisLabel: {
formatter: '{value} °C'
}
}
],
series: [
{
name: '柱状图',
type: 'bar',
data: [120, 200, 150, 80, 70, 110, 130]
},
{
name: '线图',
type: 'line',
yAxisIndex: 1,
data: [23, 25, 22, 18, 16, 20, 22]
}
]
};
```
阅读全文