echarts地图闪烁点大小设置

版权声明:本文为博主原创文章,未经博主允许不得转载。 https://blog.csdn.net/wojiushiwo945you/article/details/81205177

背景

echarts地图的散列点,需要每个区域的闪烁点的大小各不相同,主要通过属性symbolSize进行设置,如果这个值设置为一个数值,那么所有闪缩点大小就都一样,如何根据区域的值设置为不一样的呢?

echarts配置项

官网查找echarts的symbolSize配置项说明,我们知道可以自定义该配置项。
这里写图片描述

解决办法

为symbolSize提供一个自定义的回调函数,但是这个函数该怎么写呢?按照官网的说明,就是可以接受两个参数value和params,对于地图渲染的时候会将一个地图区域的数据作为value传入该回调函数中,它是一个数组,value[0]是经度,value[1]是维度,value[2]是对应的值。示例代码:

symbolSize: function (val,params) {
  return val[2] * 40;
}

echarts图表的回调函数都是插件自动调用并传递参数的,参数个数可以查看官方文档。值得注意的是:这里的symbolSize的回调函数只能是匿名函数,而不能是一个全局的函数。

简单应用,记录一下。

猜你喜欢

转载自blog.csdn.net/wojiushiwo945you/article/details/81205177
今日推荐