echart折线图标识
时间: 2023-10-01 16:03:40 浏览: 77
Echarts实现的折线图
5星 · 资源好评率100%
ECharts 折线图标识可以通过 legend 属性来设置。在 legend 中,可以设置 data 属性来指定每个系列的名称。例如:
```
option = {
legend: {
data: ['销量']
},
xAxis: {
data: ['周一', '周二', '周三', '周四', '周五', '周六', '周日']
},
yAxis: {},
series: [{
name: '销量',
type: 'line',
data: [5, 20, 36, 10, 10, 20, 5]
}]
};
```
在这个例子中,legend 的 data 属性设置为 ['销量'],表示只有一个系列,名称为“销量”。如果有多个系列,可以在 data 中添加更多的系列名称,例如:`data: ['销量', '访问量']`。
在折线图中,每个数据点的颜色也可以用来区分不同的系列。如果需要修改颜色,可以在 series 中设置 itemStyle.normal.color 属性。例如:
```
series: [{
name: '销量',
type: 'line',
data: [5, 20, 36, 10, 10, 20, 5],
itemStyle: {
normal: {
color: 'blue'
}
}
}]
```
这个例子中,折线的颜色被设置成了蓝色。可以根据需要修改颜色。
阅读全文