echart markpoint用法

ECharts 的 markPoint 用于标记线图、散点图、饼图等图表中的关键点，以突出重要数据。具体用法如下：

1. 在 ECharts 的配置项 option 中，找到对应的系列(series)对象。 2. 在系列对象中添加 markPoint 属性，即 markPoint: {}。

3. 在 markPoint 中添加 data 属性，用于配置需要标记的数据点。 数据点可以是一个对象数组，每个对象包含以下属性： - name：标记点的名称。

- value：标记点的值，可以是单个数值或者数组，根据不同的图表类型有不同的含义。

- symbol：标记点的图形样式，如圆圈、矩形等，默认为\"pin\"。

- symbolSize：标记点的图形大小，默认为10。

- symbolOffset：标记点的图形相对于数据点的偏移，默认为[0, 0]。

- label：标记点的标签样式，可以配置显示内容、字体大小、位置等。

- itemStyle：标记点的样式，可以配置颜色、边框等。 - ...

4. 在 markPoint 对象中可以添加其他属性，用于配置标记点的样式、标签样式等。

以下是一个示例：

```javascript option = {

series: [{ type: 'line',

data: [10, 20, 30, 40, 50, 60], markPoint: { data: [

{ name: '最大值', value: 60, symbol: 'circle', symbolSize: 20 },

{ name: '最小值', value: 10, symbol: 'rect', symbolSize: 15 },

{ name: '平均值', value: [30, 45], symbol: 'pin', symbolSize: 10, symbolOffset: [0, -10] } ] } }] }; ```

以上代码中，我们创建了一个折线图(series.type: 'line')，数据为 [10, 20, 30, 40, 50, 60]。设置了三个标记点，分别标记了最大值、最小值和平均值。最大值用圆圈样式，大小为20，最小值用矩形样式，大小为15，平均值用气泡样式，大小为10，并且偏移了10个像素向上显示。