在使用 ECharts 柱状图时，有时需要特别标注最大值、最小值，也可能加入平均线以区分数据是否高于或低于平均。本文将记录这些配置项的使用方法。首先，让我们看下对应的效果图。
通过 ECharts 的 `series` 属性中的 `markPoint`，可以配置最大值和最小值。设置 `markPoint` 时，需要定义数据点的索引或具体值，以及选择表示最大值或最小值的标记类型。例如：
javascript
series: [{
type: 'bar',
data: [50, 70, 80, 60, 90],
markPoint: {
data: [
{ name: '最大值', value: 90, indicator: 'max' },
{ name: '最小值', value: 50, indicator: 'min' }
]
}
}]
在配置平均线时，使用 `markLine` 属性。`markLine` 可以定义一条或多条线，并配置线的类型（如水平线或趋势线），以及所基于的平均值类型（例如，平均、最大、最小等）。示例代码如下：
javascript
series: [{
type: 'bar',
data: [50, 70, 80, 60, 90],
markLine: {
data: [
{ type: 'average' } // 基于平均值的线
]
}
}]
更多关于配置细节，建议查阅 ECharts 官方文档获取更全面的信息和示例。通过这些配置，可以更直观地在柱状图上展示最大值、最小值以及平均值，从而更清晰地分析数据。
本文如未解决您的问题请添加抖音号：51dongshi（抖音搜索懂视），直接咨询即可。
热心网友
回答时间：2025-03-15 13:25
