柱状图中的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官网