echart图表markPoint的使用
warning:
这篇文章距离上次修改已过192天,其中的内容可能已经有所变动。
markPoint
是 ECharts 中用于在图表上标记特定数据点的一个选项。你可以用它来标记最大值、最小值、特定的 average 值等。
以下是一个简单的 ECharts 折线图配置,其中使用了 markPoint
来标记数据点:
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',
markPoint: {
data: [
{type: 'max', name: '最大值'},
{type: 'min', name: '最小值'},
{type: 'average', name: '平均值'}
]
}
}]
};
在这个例子中,markPoint
被用于 series
数组中的每个系列。data
属性包含了要标记的点的类型,这里标记了最大值(max
)、最小值(min
)和平均值(average
)。你也可以自定义标记的数据点,例如特定的数值或者是通过函数计算得到的值。
评论已关闭