基本配置:
1. type:系列类型,用于指定图表的展示方式,对于折线图和面积图,设为 'line'。
series: [{
type: 'line',
// 其他配置...
}]
2. name:系列名称,用于在图例中显示。
series: [{
type: 'line',
name: 'Series 1',
// 其他配置...
}]
3. data:系列的数据,可以是一个简单的数组,也可以是包含具体数据的对象数组。
series: [{
type: 'line',
data: [10, 20, 30, 40, 50],
// 其他配置...
}]
标注和标线:
4. markPoint:标注点的配置,用于在图表中标注关键点。
series: [{
type: 'line',
markPoint: {
data: [
{type: 'max', name: '最大值'},
{type: 'min', name: '最小值'}
]
},
// 其他配置...
}]
5. markLine:标线的配置,用于在图表中标注关键线段。
series: [{
type: 'line',
markLine: {
data: [
{type: 'average', name: '平均值'}
]
},
// 其他配置...
}]
区域填充(面积图独有):
6. areaStyle:面积图特有的配置,用于设置区域填充样式。
series: [{
type: 'line',
areaStyle: {
color: 'rgba(0, 128, 255, 0.3)' // 填充颜色
},
// 其他配置...
}]
线样式:
7. lineStyle:线的样式配置,用于设置折线的颜色、宽度等。
series: [{
type: 'line',
lineStyle: {
color: 'blue', // 线的颜色
width: 2 // 线的宽度
},
// 其他配置...
}]
符号样式:
8. symbol:标记点的图形,可以是 'circle'、'rect'、'triangle' 等。
series: [{
type: 'line',
symbol: 'circle', // 标记点的图形
// 其他配置...
}]
9. symbolSize:标记点的大小。
series: [{
type: 'line',
symbolSize: 8, // 标记点的大小
// 其他配置...
}]
以上是折线图和面积图的一些常用配置属性,具体的使用还取决于你的具体需求。你可以根据 ECharts 的文档进一步调整这些属性以满足你的图表展示需求。
转载请注明出处:http://www.zyzy.cn/article/detail/5397/ECharts