ECharts 折线图中如何定义多种 MarkPoint?
echart折线图定义多种markpoint
在一个折线图中绘制MarkPoint可以用于突出显示特定数据点。MarkPoint可以有多种类型,每个类型都具有不同的含义。
如何定义多种MarkPoint?
可以通过markPoint.data自定义标记点。markPoint.data是一个数组,数组中的每个元素代表一个MarkPoint。每个MarkPoint元素是一个对象,可以设置以下属性:
示例代码:
option = { series: [{ type: 'line', data: [120, 132, 101, 134, 90, 230, 210], markPoint: { data: [ { name: '最大值', value: 230, symbol: 'circle', symbolSize: 15, label: { position: 'top', offset: [0, -20], formatter: '{b}{c}' }, itemStyle: { color: 'red' } }, { name: '最小值', value: 90, symbol: 'rect', symbolSize: 10, label: { position: 'bottom', offset: [0, 20], formatter: '{b}{c}' }, itemStyle: { color: 'green' } } ] } }]};