echart 最小值_echart曲线图标识最大值、最小值、平均值
时间: 2023-07-04 12:07:05 浏览: 168
要在 ECharts 曲线图中标识最大值、最小值、平均值,可以使用 ECharts 中的 markLine 和 markPoint 组件。
markLine 组件可以标识出曲线上的最大值和最小值,而 markPoint 组件可以标识出曲线上的平均值。
以下是一个示例代码,展示如何使用 markLine 和 markPoint 组件来标识最大值、最小值、平均值:
```javascript
option = {
xAxis: {
type: 'category',
data: ['Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat', 'Sun']
},
yAxis: {
type: 'value'
},
series: [{
data: [820, 932, 901, 934, 1290, 1330, 1320],
type: 'line',
markLine: {
data: [{
type: 'max',
name: '最大值'
}, {
type: 'min',
name: '最小值'
}]
},
markPoint: {
data: [{
type: 'average',
name: '平均值'
}]
}
}]
};
```
在上面的代码中,我们使用了 markLine 组件来标识最大值和最小值,其中 type 设置为 'max' 和 'min',分别表示最大值和最小值。同时,我们还可以设置 name 属性来显示标识的名称。
而使用 markPoint 组件来标识平均值,则是设置 type 为 'average',表示标识平均值。同样,我们也可以设置 name 属性来显示标识的名称。
最后,将这个配置项设置给 ECharts 实例的 option 属性即可展示出带有最大值、最小值、平均值标识的曲线图。
阅读全文