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!

相关文章
|
JSON JavaScript 定位技术
vue中使用echarts实现省市地图绘制,根据数据显示省市天气图标及温度信息
vue中使用echarts实现省市地图绘制,根据数据显示省市天气图标及温度信息
1902 1
|
JavaScript 定位技术
echarts地图数据信息流向图效果
本文介绍了如何使用 ECharts 创建一个地图数据信息流向图效果,包括设置地理坐标、线条动画和流向图的实现方法,并通过 Vue.js 封装了一个可重用的 ECharts 地图组件。
1118 24
echarts地图数据信息流向图效果
|
JSON JavaScript 定位技术
Echarts 绘制地图(中国、省市、区县),保姆级教程!
Echarts 绘制地图(中国、省市、区县),保姆级教程!
27303 154
|
资源调度 JavaScript API
vue-element-admin 综合开发五:引入 echarts,封装echarts 组件
这篇文章介绍了如何在vue-element-admin项目中引入并封装ECharts组件,以及如何实现折线图、柱状图和饼图的展示。
1767 4
vue-element-admin 综合开发五:引入 echarts,封装echarts 组件
|
小程序 前端开发 JavaScript
微信小程序图表制作利器:ECharts组件的使用与技巧
微信小程序图表制作利器:ECharts组件的使用与技巧
1800 1
Echarts visualMap属性记录
这篇文章是关于ECharts中visualMap属性的详细记录。文中首先定义了visualMap的作用,即进行数据到视觉元素的映射。接着,通过一系列详细的配置参数,如类型、显示控制、数据范围、样式和格式化工具等,介绍了如何配置连续型和分段型visualMap组件。最后,作者通过具体代码示例,说明了如何将这些配置应用于实际的ECharts图表中,以实现数据的视觉编码效果。
1909 0
Echarts visualMap属性记录
|
JSON JavaScript 前端开发
vue中使用echarts实现省市地图绘制,根据数据在地图上显示柱状图信息,增加涟漪特效动画效果
vue中使用echarts实现省市地图绘制,根据数据在地图上显示柱状图信息,增加涟漪特效动画效果
5015 0
|
JSON 数据可视化 JavaScript
Echarts地图实现:山东省会员活跃度
使用ECharts展示山东会员活跃度,通过散点图和地图结合,颜色对比强烈,背景深蓝(#020933)、点色明亮黄(#F4E925)。核心代码示例展示了散点、地图及特效散点系列配置。[点击下载](https://download.csdn.net/download/No_Name_Cao_Ni_Mei/89493130)代码和数据。
552 0
Echarts地图实现:山东省会员活跃度
|
JSON JavaScript 前端开发
Echarts地图实现:杭州市困难人数分布
使用ECharts实现杭州困难人数分布地图,结合地区与散点图,动态展示数据变化。支持进入下级区域并返回。预览包含动画效果。关键代码涉及地图初始化、数据加载及事件处理。需`hangzhou-map.json`数据文件。完整代码和资源见链接。
475 0
Echarts地图实现:杭州市困难人数分布
|
定位技术
echarts 地图点位
在使用ECharts的点击事件绑定中,观察到每次点击会递增一次后台请求:首次点击请求1次,第二次点击请求2次,第三次点击请求3次,以此类推。为解决这个问题,尝试在事件绑定前使用`myChart.off(&#39;click&#39;)`移除原有监听器,然后添加新的点击事件处理函数。
384 0

热门文章

最新文章