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!

相关文章
|
4月前
|
JSON JavaScript 定位技术
vue中使用echarts实现省市地图绘制,根据数据显示省市天气图标及温度信息
vue中使用echarts实现省市地图绘制,根据数据显示省市天气图标及温度信息
517 1
|
5月前
|
JavaScript 定位技术
echarts地图数据信息流向图效果
本文介绍了如何使用 ECharts 创建一个地图数据信息流向图效果,包括设置地理坐标、线条动画和流向图的实现方法,并通过 Vue.js 封装了一个可重用的 ECharts 地图组件。
264 23
echarts地图数据信息流向图效果
|
4月前
|
资源调度 JavaScript API
vue-element-admin 综合开发五:引入 echarts,封装echarts 组件
这篇文章介绍了如何在vue-element-admin项目中引入并封装ECharts组件,以及如何实现折线图、柱状图和饼图的展示。
266 4
vue-element-admin 综合开发五:引入 echarts,封装echarts 组件
|
4月前
|
小程序 前端开发 JavaScript
微信小程序图表制作利器:ECharts组件的使用与技巧
微信小程序图表制作利器:ECharts组件的使用与技巧
164 1
|
5月前
Echarts visualMap属性记录
这篇文章是关于ECharts中visualMap属性的详细记录。文中首先定义了visualMap的作用,即进行数据到视觉元素的映射。接着,通过一系列详细的配置参数,如类型、显示控制、数据范围、样式和格式化工具等,介绍了如何配置连续型和分段型visualMap组件。最后,作者通过具体代码示例,说明了如何将这些配置应用于实际的ECharts图表中,以实现数据的视觉编码效果。
259 0
Echarts visualMap属性记录
|
4月前
|
JSON JavaScript 前端开发
vue中使用echarts实现省市地图绘制,根据数据在地图上显示柱状图信息,增加涟漪特效动画效果
vue中使用echarts实现省市地图绘制,根据数据在地图上显示柱状图信息,增加涟漪特效动画效果
1112 0
|
6月前
|
数据可视化 前端开发 JavaScript
Echarts英雄联盟可视化大屏(记得收藏)
Echarts英雄联盟可视化大屏(记得收藏)
|
6月前
|
数据可视化 前端开发 JavaScript
Echarts+JS实现农业指挥舱可视化大屏!!附源码!!
Echarts+JS实现农业指挥舱可视化大屏!!附源码!!
|
6月前
|
数据可视化 前端开发 JavaScript
【Echarts大屏】智慧医疗可视化大屏(新手必用)
【Echarts大屏】智慧医疗可视化大屏(新手必用)
|
6月前
|
数据可视化 前端开发 JavaScript
Echarts+JS实现数据分析可视化大屏!!附源码!!
Echarts+JS实现数据分析可视化大屏!!附源码!!