echarts折线图条数不固定
时间: 2023-10-04 15:03:31 浏览: 192
是的,echarts折线图的条数是不固定的,可以根据需要动态添加或删除。可以通过echarts提供的API来实现。具体步骤如下:
1. 获取echarts实例:
```javascript
var myChart = echarts.init(document.getElementById('main'));
```
2. 定义一个数组来存储折线图的数据:
```javascript
var dataArr = [
[10, 20, 30, 40, 50],
[20, 30, 40, 50, 60],
[30, 40, 50, 60, 70]
];
```
3. 将数据设置到option中:
```javascript
option = {
xAxis: {
type: 'category',
data: ['Mon', 'Tue', 'Wed', 'Thu', 'Fri']
},
yAxis: {
type: 'value'
},
series: []
};
```
4. 动态添加折线图:
```javascript
for(var i=0; i<dataArr.length; i++){
option.series.push({
data: dataArr[i],
type: 'line'
});
}
myChart.setOption(option);
```
5. 动态删除折线图:
```javascript
option.series.splice(index, 1);
myChart.setOption(option);
```
其中,index表示要删除的折线图的索引号。
阅读全文