markers

[TOC]
- ## markers
  ![](/uploads/images/20221223/6afbf5cca1698e5d5a0528d0f6a62c1f.png)
  - ### size: Number
    标记点的大小。
	> 在多系列图表中，您可以提供一组数字以在不同系列上显示不同大小的标记
	
	```javascript
markers: {
		size: [4, 7]
}
```
    ![](/uploads/images/20221223/b431978fff3f702856207d94c4c50ee6.png)
  - ### colors: Color || Array of Colors
    设置标记点的填充颜色。
  - ### strokeColors: String || Array of Strings
    标记的描边颜色。接受多系列图表中的单一颜色或颜色数组。
  - ### strokeWidth: Number || Array of Numbers
    标记的笔划大小。
  - ### strokeOpacity: Number || Array of Numbers
    标记周围边框的不透明度。
  - ### strokeDashArray: Number || Array of Numbers
    标记周围边框中的破折号。数字越大，边框中的破折号之间的空间就越大。
  - ### fillOpacity: Number || Array of Numbers
    标记填充颜色的不透明度。
  - ### discrete: Array
    允许您针对单个数据点并以不同方式设置特定标记的样式
	```javascript
markers: {
		discrete: [{
			seriesIndex: 0,
			dataPointIndex: 7,
			fillColor: '#e3e3e3',
			strokeColor: '#fff',
			size: 5,
			shape: "circle" // "circle" | "square" | "rect"
		}, {
			seriesIndex: 2,
			dataPointIndex: 11,
			fillColor: '#f7f4f3',
			strokeColor: '#eee',
			size: 4,
			shape: "circle" // "circle" | "square" | "rect"
		}]
}
```
  - ### radius: Number
    标记的半径（适用于方形）
  - ### shape: String
    标记的形状。

可用的形状选项
    - circle
    - square
  - ### offsetX: Number
    设置标记的左偏移量
  - ### offsetY: Number
    设置标记的顶部偏移量
  - ### onClick: Function
    单击标记时，将调用 markers.onClick。
	```javascript
markers: {
	onClick: function(e) {
		// do something on marker click
	}
}
```
    > 注意：此事件不适用于共享且不相交的工具提示。您必须将工具提示修改为以下代码才能捕获事件。
	
	```javascript
tooltip: {
		shared: false,
		intersect: true
}
```
  - ### onDblClick: Function
    双击标记时，将调用 markers.onDblClick。
	```javascript
markers: {
	onDblClick: function(e) {
		// do something on marker double click
	}
}
```
    > 注意：此事件不适用于共享且不相交的工具提示。您必须将工具提示修改为以下代码才能捕获事件。
	
	```javascript
tooltip: {
		shared: false,
		intersect: true
}
```
  - ### showNullDataPoints: Boolean
    是否在折线图/面积图中显示空值标记。如果禁用，折线图/面积图中存在的任何空值都将不可见。
  - ### hover
    - #### size: Number
      标记处于活动状态时的固定大小
    - #### sizeOffset: Number
      与固定大小不同，此选项采用原始 markers.size 并根据它增加/减少值。
	  因此，如果 `markers.size: 6`，`markers.hover.sizeOffset: 3` 将在悬停时使标记的大小为 `9`。

```javascript
markers: {
    size: 0,
    colors: undefined,
    strokeColors: '#fff',
    strokeWidth: 2,
    strokeOpacity: 0.9,
    strokeDashArray: 0,
    fillOpacity: 1,
    discrete: [],
    shape: "circle",
    radius: 2,
    offsetX: 0,
    offsetY: 0,
    onClick: undefined,
    onDblClick: undefined,
    showNullDataPoints: true,
    hover: {
      size: undefined,
      sizeOffset: 3
    }
}
```