循环这些数据绘制一个echarts柱状图和折线图的图例
时间: 2023-10-18 07:18:01 浏览: 142
Echarts 柱状图和折线图
5星 · 资源好评率100%
假设数据已经准备好,可以使用如下代码绘制一个echarts柱状图和折线图的图例:
```javascript
// 柱状图配置项
var barOption = {
title: {
text: '销售额柱状图'
},
tooltip: {},
xAxis: {
data: ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun']
},
yAxis: {},
series: [{
name: '销售额',
type: 'bar',
data: [1500, 2000, 1800, 2500, 2200, 2800]
}]
};
// 折线图配置项
var lineOption = {
title: {
text: '销售额折线图'
},
tooltip: {},
xAxis: {
data: ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun']
},
yAxis: {},
series: [{
name: '销售额',
type: 'line',
data: [1500, 2000, 1800, 2500, 2200, 2800]
}]
};
// 初始化echarts实例
var myChart = echarts.init(document.getElementById('chart'));
// 设置柱状图和折线图的配置项
myChart.setOption(barOption);
myChart.setOption(lineOption);
```
注意:该代码只是一个简单的示例,需要根据具体需求进行修改。同时要注意数据格式的正确性。
阅读全文