{ "id": { "desc": "

组件 ID。默认不指定。指定则可用于在 option 或者 API 中引用组件。

\n" }, "name": { "desc": "

系列名称,用于tooltip的显示,legend 的图例筛选,在 setOption 更新数据和配置项时用于指定对应的系列。

\n" }, "coordinateSystem": { "desc": "

该系列使用的坐标系,可选:

\n\n\n" }, "xAxisIndex": { "desc": "

使用的 x 轴的 index,在单个图表实例中存在多个 x 轴的时候有用。

\n" }, "yAxisIndex": { "desc": "

使用的 y 轴的 index,在单个图表实例中存在多个 y轴的时候有用。

\n" }, "polarIndex": { "desc": "

使用的极坐标系的 index,在单个图表实例中存在多个极坐标系的时候有用。

\n" }, "symbol": { "desc": "\n\n

标记的图形。

\n

ECharts 提供的标记类型包括 \n'circle', 'rect', 'roundRect', 'triangle', 'diamond', 'pin', 'arrow', 'none'

\n

可以通过 'image://url' 设置为图片,其中 URL 为图片的链接,或者 dataURI

\n

URL 为图片链接例如:

\n
'image://http://xxx.xxx.xxx/a/b.png'\n

URL 为 dataURI 例如:

\n
'image://data:image/gif;base64,R0lGODlhEAAQAMQAAORHHOVSKudfOulrSOp3WOyDZu6QdvCchPGolfO0o/XBs/fNwfjZ0frl3/zy7////wAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACH5BAkAABAALAAAAAAQABAAAAVVICSOZGlCQAosJ6mu7fiyZeKqNKToQGDsM8hBADgUXoGAiqhSvp5QAnQKGIgUhwFUYLCVDFCrKUE1lBavAViFIDlTImbKC5Gm2hB0SlBCBMQiB0UjIQA7'\n

可以通过 'path://' 将图标设置为任意的矢量路径。这种方式相比于使用图片的方式,不用担心因为缩放而产生锯齿或模糊,而且可以设置为任意颜色。路径图形会自适应调整为合适的大小。路径的格式参见 SVG PathData。可以从 Adobe Illustrator 等工具编辑导出。

\n

例如:

\n
'path://M30.9,53.2C16.8,53.2,5.3,41.7,5.3,27.6S16.8,2,30.9,2C45,2,56.4,13.5,56.4,27.6S45,53.2,30.9,53.2z M30.9,3.5C17.6,3.5,6.8,14.4,6.8,27.6c0,13.3,10.8,24.1,24.101,24.1C44.2,51.7,55,40.9,55,27.6C54.9,14.4,44.1,3.5,30.9,3.5z M36.9,35.8c0,0.601-0.4,1-0.9,1h-1.3c-0.5,0-0.9-0.399-0.9-1V19.5c0-0.6,0.4-1,0.9-1H36c0.5,0,0.9,0.4,0.9,1V35.8z M27.8,35.8 c0,0.601-0.4,1-0.9,1h-1.3c-0.5,0-0.9-0.399-0.9-1V19.5c0-0.6,0.4-1,0.9-1H27c0.5,0,0.9,0.4,0.9,1L27.8,35.8L27.8,35.8z'\n

如果需要每个数据的图形不一样,可以设置为如下格式的回调函数:

\n
(value: Array|number, params: Object) => string\n
\n

其中第一个参数 valuedata 中的数据值。第二个参数params 是其它的数据项参数。

\n", "uiControl": { "type": "icon", "default": "circle" } }, "symbolSize": { "desc": "\n\n

标记的大小,可以设置成诸如 10 这样单一的数字,也可以用数组分开表示宽和高,例如 [20, 10] 表示标记宽为20,高为10

\n

如果需要每个数据的图形大小不一样,可以设置为如下格式的回调函数:

\n
(value: Array|number, params: Object) => number|Array\n
\n

其中第一个参数 valuedata 中的数据值。第二个参数params 是其它的数据项参数。

\n", "uiControl": { "type": "number", "min": "0" } }, "symbolRotate": { "desc": "\n\n

标记的旋转角度(而非弧度)。正值表示逆时针旋转。注意在 markLine 中当 symbol'arrow' 时会忽略 symbolRotate 强制设置为切线的角度。

\n

如果需要每个数据的旋转角度不一样,可以设置为如下格式的回调函数:

\n
(value: Array|number, params: Object) => number\n
\n

其中第一个参数 valuedata 中的数据值。第二个参数params 是其它的数据项参数。

\n
\n

从 4.8.0 开始支持回调函数。

\n
\n", "uiControl": { "type": "angle", "min": "-180", "max": "180", "step": "1" } }, "symbolKeepAspect": { "desc": "\n\n

如果 symbolpath:// 的形式,是否在缩放时保持该图形的长宽比。

\n", "uiControl": { "type": "boolean", "clean": "true" } }, "symbolOffset": { "desc": "\n\n

标记相对于原本位置的偏移。默认情况下,标记会居中置放在数据对应的位置,但是如果 symbol 是自定义的矢量路径或者图片,就有可能不希望 symbol 居中。这时候可以使用该配置项配置 symbol 相对于原本居中的偏移,可以是绝对的像素值,也可以是相对的百分比。

\n

例如 [0, '50%'] 就是把自己向上移动了一半的位置,在 symbol 图形是气泡的时候可以让图形下端的箭头对准数据点。

\n", "uiControl": { "type": "vector", "separate": "true", "dims": "x,y" } }, "showSymbol": { "desc": "\n\n

是否显示 symbol, 如果 false 则只有在 tooltip hover 的时候显示。

\n", "uiControl": { "type": "boolean", "default": "true" } }, "showAllSymbol": { "desc": "\n\n

只在主轴为类目轴(axis.type'category')时有效。\n可选值:

\n\n", "uiControl": { "type": "boolean" } }, "hoverAnimation": { "desc": "\n\n

是否开启 hover 在拐点标志上的提示动画效果。

\n", "uiControl": { "type": "boolean", "default": "true" } }, "legendHoverLink": { "desc": "\n\n

是否启用图例 hover 时的联动高亮。

\n", "uiControl": { "type": "boolean", "default": "true" } }, "stack": { "desc": "

数据堆叠,同个类目轴上系列配置相同的stack值后,后一个系列的值会在前一个系列的值上相加。

\n

下面示例可以通过右上角 toolbox 中的堆叠切换看效果:

\n