Echarts加警示线加文字
时间: 2023-10-01 09:04:40 浏览: 63
echarts 图表加水平直线或者标准线.js
您可以使用ECharts的markLine组件来添加警示线,并使用markPoint组件来添加文字。以下是一个示例代码:
```javascript
option = {
xAxis: {
type: 'category',
data: ['A', 'B', 'C', 'D', 'E']
},
yAxis: {
type: 'value'
},
series: [{
data: [120, 200, 150, 80, 70],
type: 'bar',
markLine: {
data: [{
type: 'average',
name: '平均值'
}],
label: {
position: 'end',
formatter: '{b}: {c}'
}
},
markPoint: {
data: [{
type: 'max',
name: '最大值',
label: {
position: 'top',
formatter: '{c}'
}
}, {
type: 'min',
name: '最小值',
label: {
position: 'bottom',
formatter: '{c}'
}
}]
}
}]
};
```
在上面的示例中,我们使用了一个柱状图来展示数据,并在柱状图上方添加了平均值的警示线,并在警示线末尾添加了标签显示平均值。同时,我们还使用markPoint组件在最大值和最小值处添加了文字标记。
您可以根据自己的需求修改上述代码,调整警示线和文字的样式和位置。
阅读全文