echarts+series+折线
时间: 2023-10-28 10:07:08 浏览: 92
您好,echarts 是一个非常强大的可视化库,可以用来绘制各种图表,包括折线图。在 echarts 中,折线图是通过 series 中的 type 属性设置为 'line' 来实现的。同时,需要设置好 x 轴和 y 轴的数据以及样式等属性。
以下是一个简单的 echarts 折线图示例代码:
```javascript
var myChart = echarts.init(document.getElementById('main'));
var option = {
xAxis: {
type: 'category',
data: ['周一', '周二', '周三', '周四', '周五', '周六', '周日']
},
yAxis: {
type: 'value'
},
series: [{
data: [120, 200, 150, 80, 70, 110, 130],
type: 'line'
}]
};
myChart.setOption(option);
```
以上代码中,xAxis 中的 type 属性设置为 'category' 表示 x 轴数据为类目型数据,data 属性设置为一个包含七个元素的数组,表示 x 轴上的七个刻度分别为周一到周日。yAxis 中的 type 属性设置为 'value' 表示 y 轴数据为数值型数据。series 中的 data 属性设置为一个包含七个元素的数组,表示每个刻度对应的 y 轴数值。type 属性设置为 'line' 表示这是一个折线图。
阅读全文