echarts 折线图
时间: 2023-07-08 22:47:02 浏览: 117
Echarts实现的折线图
5星 · 资源好评率100%
Echarts 折线图是一种常用的可视化图表类型,它可以用来展示数据随时间或其他自变量的变化趋势。下面是一个简单的 Echarts 折线图的配置示例:
```javascript
option = {
title: {
text: '折线图示例'
},
tooltip: {
trigger: 'axis'
},
legend: {
data:['销量']
},
xAxis: {
type: 'category',
data: ['周一','周二','周三','周四','周五','周六','周日']
},
yAxis: {
type: 'value'
},
series: [{
name: '销量',
type: 'line',
data: [120, 200, 150, 80, 70, 110, 130]
}]
};
```
这个示例中,我们定义了一个简单的折线图,包括一个标题、一个提示框、一个图例、一个横轴和一个纵轴,以及一个数据系列。其中,横轴为类目型(category),纵轴为值型(value),数据系列为线型(line)。
你可以根据自己的需求,进一步定制化 Echarts 折线图的样式和交互行为,比如添加多个数据系列、设置不同的线条颜色和样式、调整坐标轴的范围等。
阅读全文