2016 - 2024

感恩一路有你

echarts数据可视化 Echarts3的饼图自定义标注怎么设置?

浏览量:2614 时间:2021-03-15 09:20:41 作者:admin

Echarts3的饼图自定义标注怎么设置?

Markpoint:{

symbol:“circle”,

label:{

normal:{

show:true,

}]},

itemstyle:{},

data:[{

name:“某个屏幕坐标”,

x:10,

y:10

},

},

}

在ecarts中,symbol样式具有内置的“circle”、“rect”、“roundrect”、“triangle”、“diamond”、“pin”,“箭头”几个,如果这些不符合需要,我们必须定制我们需要的样式。

echart symbol属性有哪些?

ecarts映射的散列点需要在每个区域具有不同大小的闪烁点。它主要由属性symbolsize设置。如果将此值设置为某个值,则所有闪烁点的大小都相同。如何根据面积大小设置不同的尺寸?

Ecarts配置项

在官方网站上找到Ecarts symbolsize配置项的说明。我们知道可以自定义此配置项。

解决方案

为symbolsize提供自定义回调函数,但如何编写此函数?根据官方网站,您可以接受两个参数value和params。渲染地图时,将地图区域的数据作为值传递到回调函数中。它是一个数组,值[0]是经度,值[1]是维度,值[2]是对应的值。示例代码:

symbolsize:function(Val,params){

return Val[2]*40

}

1

2

3

1

2

3

图表的回调函数由插件和传递参数自动调用。参数的数量可以在官方文件中查看。值得注意的是,这里symbolsize的回调函数只能是匿名的,不能是全局的。

简单的应用、记录。

echarts数据可视化 echarts symbol 图片 圆形 echarts symbol

版权声明:本文内容由互联网用户自发贡献,本站不承担相关法律责任.如有侵权/违法内容,本站将立刻删除。