eCharts——柱状图中的markPoint

柱状图中的markPoint

series-bar.markPoint.symbol

标记的图形

Echarts提供的标记类型包括’circle’,‘rect’,‘roundRect’,‘triangel’,‘diamond’,‘pin’,‘arrow’,‘none’

可以通过’image://url’设置为图片，其中url为图片的链接，或者dataURI。

URL为图片链接例如：
‘image://http://xxx.xxx.xxx/a/b.png’

URL为dataURI例如：
‘image://data:image/gif;base64,R0lGODlhEAAQAMQAAORHHOVSKudfOulrSOp3WOyDZu6QdvCchPGolfO0o/XBs/fNwfjZ0frl3/zy7wAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACH5BAkAABAALAAAAAAQABAAAAVVICSOZGlCQAosJ6mu7fiyZeKqNKToQGDsM8hBADgUXoGAiqhSvp5QAnQKGIgUhwFUYLCVDFCrKUE1lBavAViFIDlTImbKC5Gm2hB0SlBCBMQiB0UjIQA7’

可以通过’path://'将图标设置为任意的矢量路径。这种方式相比于使用图片的方式，不用担心因为缩放而产生锯齿或模糊，而且可以设置为任意颜色。

series-bar.markPoint.symbolSize

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

series-bar.markPoint.label

标注的文本

series-bar.markPoint.itemStyle

标注的样式

series-bar.markPoint.data

标注的数据数组。每个数组项是一个对象，有下面几种方式指定 标注的位置。
1.通过x，y属性指定相对容器的屏幕坐标，单位像素，支持百分比。
2.用coord属性指定数据在相应坐标系上的坐标位置，单个维度支持设置’min’,‘max’,‘average’。
3.直接用type属性标注系列中的最大值，最小值。这时候可以使用valueIndex指定是在哪个维度上的最大值，最小值，平均值。或者可以使用valueDim指定在哪个维度上的最大值，最小值，平均值。

当多个属性同时存在时，优先级按上述的顺序。

series-bar.markPoint.symbolOffset

标记相对于原本位置的偏移。

附：更多关于markPoint的知识可以参考eCharts官网