Echarts参数属性学习:地图可视化视觉映射组件visualMap数组最大值max的获取方式

简介: Echarts参数属性学习:地图可视化视觉映射组件visualMap数组最大值max的获取方式

一、创建随机数JS代码

 function rondomNum(){
            return parseFloat(Math.random()*1000).toFixed(0);
        }

二、地图县市名称及值

        var cityData = [
            {name: '阿克苏市', value: rondomNum()},
            {name: '温宿县', value: rondomNum()},
            {name: '库车县', value: rondomNum()},
            {name: '沙雅县', value: rondomNum()},
            {name: '新和县', value: rondomNum()},
            {name: '拜城县', value: rondomNum()},
            {name: '乌什县', value: rondomNum()},
            {name: '阿瓦提县', value: rondomNum()},
            {name: '柯坪县', value: rondomNum()},
            {name: '安康市', value: rondomNum()}
        ];

三、比较数组参数,选取最大值;

        var cityMax = cityData[0].value;
        for (var i = 0; i < cityData.length - 1; i++) {
            cityMax = cityMax < cityData[i + 1].value ? cityData[i + 1].value : cityMax
        }


visualMap中,max=cityMax即可.

Done!

相关文章
|
1天前
|
JSON 数据可视化 JavaScript
Echarts地图实现:山东省会员活跃度
使用ECharts展示山东会员活跃度,通过散点图和地图结合,颜色对比强烈,背景深蓝(#020933)、点色明亮黄(#F4E925)。核心代码示例展示了散点、地图及特效散点系列配置。[点击下载](https://download.csdn.net/download/No_Name_Cao_Ni_Mei/89493130)代码和数据。
4 0
Echarts地图实现:山东省会员活跃度
|
2天前
|
JSON JavaScript 前端开发
Echarts地图实现:杭州市困难人数分布
使用ECharts实现杭州困难人数分布地图,结合地区与散点图,动态展示数据变化。支持进入下级区域并返回。预览包含动画效果。关键代码涉及地图初始化、数据加载及事件处理。需`hangzhou-map.json`数据文件。完整代码和资源见链接。
10 0
Echarts地图实现:杭州市困难人数分布
|
5天前
|
JSON JavaScript 定位技术
Echarts自定义地图显示区域,可以显示街道,小区,学校等区域
Echarts自定义地图显示区域,可以显示街道,小区,学校等区域
|
5天前
|
JSON JavaScript 定位技术
Echarts 绘制地图(中国、省市、区县),保姆级教程!
Echarts 绘制地图(中国、省市、区县),保姆级教程!
|
1月前
|
定位技术
echarts 地图点位
在使用ECharts的点击事件绑定中,观察到每次点击会递增一次后台请求:首次点击请求1次,第二次点击请求2次,第三次点击请求3次,以此类推。为解决这个问题,尝试在事件绑定前使用`myChart.off(&#39;click&#39;)`移除原有监听器,然后添加新的点击事件处理函数。
25 0
|
1月前
|
数据采集 JSON 数据可视化
python_selenuim获取csdn新星赛道选手所在城市用echarts地图显示
python_selenuim获取csdn新星赛道选手所在城市用echarts地图显示
16 1
|
1月前
|
定位技术
使用Echarts实现地图展示
使用Echarts实现地图展示
|
1月前
|
JSON JavaScript 定位技术
Vue中使用echarts@4.x中国地图及AMap相关API的使用
Vue中使用echarts@4.x中国地图及AMap相关API的使用
232 0
Vue中使用echarts@4.x中国地图及AMap相关API的使用
|
1月前
|
JSON 程序员 定位技术
使用echarts+echarts-gl绘制3d地图,实现地图轮播效果
记录一下大屏开发中使用到的echarts-gl 大屏的页面根据需求前前后后改了几个版本了,地图的样式也改了又改 这里记录一下,因为echarts属性用到的比较多也比较杂,防止以后需要用到忘记了
|
1月前
|
前端开发 JavaScript
React中封装echarts图表组件以及自适应窗口变化
React中封装echarts图表组件以及自适应窗口变化
89 1

热门文章

最新文章