echart折线图最高点最低点选中怎么配置option
时间: 2023-11-22 21:07:02 浏览: 36
要在 ECharts 中配置折线图的最高点和最低点选中,您可以使用以下配置选项:
```js
option = {
...
tooltip: {
trigger: 'axis',
axisPointer: {
type: 'cross'
},
formatter: function(params) {
var result = '';
params.forEach(function(item) {
result += item.seriesName + ': ' + item.value + '<br/>';
});
return result;
},
},
toolbox: {
feature: {
dataZoom: {
yAxisIndex: 'none'
},
restore: {},
saveAsImage: {}
}
},
dataZoom: [
{
type: 'slider',
show: true,
xAxisIndex: [0],
start: 0,
end: 100
},
{
type: 'slider',
show: true,
yAxisIndex: [0],
left: '93%',
start: 0,
end: 100
},
{
type: 'inside',
xAxisIndex: [0],
start: 0,
end: 100
},
{
type: 'inside',
yAxisIndex: [0],
start: 0,
end: 100
}
],
series: [
{
name: 'Series Name',
type: 'line',
data: [10, 20, 30, 40, 50, 60, 70, 80, 90],
markPoint: {
data: [
{ type: 'max', name: 'Maximum' },
{ type: 'min', name: 'Minimum' }
]
},
markLine: {
data: [
{ type: 'average', name: 'Average' }
]
}
}
]
};
```
在此示例中,`markPoint` 和 `markLine` 配置用于标记最高点和最低点以及平均值。`dataZoom` 配置用于缩放和平移视图。`tooltip` 和 `toolbox` 配置用于显示和操作图表数据。您可以根据需要调整这些设置以满足您的需求。