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!

相关文章
|
2月前
|
资源调度 JavaScript API
vue-element-admin 综合开发五:引入 echarts,封装echarts 组件
这篇文章介绍了如何在vue-element-admin项目中引入并封装ECharts组件,以及如何实现折线图、柱状图和饼图的展示。
85 4
vue-element-admin 综合开发五:引入 echarts,封装echarts 组件
|
2月前
|
小程序 前端开发 JavaScript
微信小程序图表制作利器:ECharts组件的使用与技巧
微信小程序图表制作利器:ECharts组件的使用与技巧
65 1
|
3月前
Echarts visualMap属性记录
这篇文章是关于ECharts中visualMap属性的详细记录。文中首先定义了visualMap的作用,即进行数据到视觉元素的映射。接着,通过一系列详细的配置参数,如类型、显示控制、数据范围、样式和格式化工具等,介绍了如何配置连续型和分段型visualMap组件。最后,作者通过具体代码示例,说明了如何将这些配置应用于实际的ECharts图表中,以实现数据的视觉编码效果。
64 0
Echarts visualMap属性记录
|
7月前
|
数据可视化 前端开发 定位技术
echarts 关于折线统计图常用的属性设置--超详细(附加源码)
echarts 关于折线统计图常用的属性设置--超详细(附加源码)
140 0
|
7月前
|
前端开发 JavaScript
React中封装echarts图表组件以及自适应窗口变化
React中封装echarts图表组件以及自适应窗口变化
208 1
|
JSON 数据格式
Echarts分段折线图图例样式visualMap颜色修改
Echarts分段折线图图例样式visualMap颜色修改
212 1
|
7月前
|
API Windows
解决echarts.apache.org官网不能访问的问题(主要是用于查看配置项API参数细节说明)
解决echarts.apache.org官网不能访问的问题(主要是用于查看配置项API参数细节说明)
Echarts tooltip配置项的属性 图表悬浮框
Echarts tooltip配置项的属性 图表悬浮框
|
定位技术
【ECharts学习】—实现中国地图
【ECharts学习】—实现中国地图
【ECharts学习】—实现我的第一个图表
【ECharts学习】—实现我的第一个图表

热门文章

最新文章

相关实验场景

更多