PHP前端开发

ECharts 折线图中如何定义多种 MarkPoint?

百变鹏仔 3周前 (11-26) #echarts
文章标签 折线

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'          }        }      ]    }  }]};