江苏省地图，根据数值大小显示地图颜色，添加visualMap配置

仅做个人收藏记录。

$.ajax({type: 'get',url: '../data/320000.json',dataType: 'json',success: function (geoJson) {echarts.registerMap('jiangsusheng', geoJson);var chart = echarts.init(document.getElementById('overallChart2'));chart.setOption({tooltip: {trigger: "item",show: false},tooltip: {trigger: 'item',formatter: '{b}： {c}'},visualMap: {min: 800,max: 50000,text: ['高', '低'],realtime: false,calculable: true,inRange: {color: ['#8dc1f1', '#0e31a4']},textStyle: {color: '#fff'},left: 40,bottom: 40},geo: [// 叠地图{map: 'jiangsusheng',top: '9%',left: '9%',aspectScale: 0.9,zlevel: 4,itemStyle: {color: '#2760c3', // 背景borderWidth: '1', // 边框宽度borderColor: '#2760c3', // 边框颜色shadowColor: '#2760c3',},emphasis: {disabled: true}}],series: [{name: '',type: 'map',zlevel: 6,aspectScale: 0.9,top: '7%',selectedMode: false,itemStyle: {normal: {borderWidth: 1,borderColor: '#37ebfd',shadowColor: '#64b2df',shadowBlur: 8,// shadowOffsetX: -3,// shadowOffsetY: -3,areaColor: {type: "radial",x: 0.5,y: 0.5,r: 0.8,colorStops: [{offset: 0,color: "rgba(255, 0, 0, 0.5)", // 0% 处的颜色}],globalCoord: false, // 缺省为 false},}},label: {show: true,color: '#fff',itemStyle: {color: '#fff'}},map: 'jiangsusheng',data: [{ name: '南京市', value: 20057.34 },{ name: '无锡市', value: 15477.48 },{ name: '徐州市', value: 31686.1 },{ name: '常州市', value: 6992.6 },{ name: '苏州市', value: 44045.49 },{ name: '南通市', value: 40689.64 },{ name: '连云港市', value: 37659.78 },{ name: '淮安市', value: 45180.97 },{ name: '盐城市', value: 55204.26 },{ name: '扬州市', value: 21900.9 },{ name: '镇江市', value: 4918.26 },{ name: '泰州市', value: 5881.84 },{ name: '宿迁市', value: 4178.01 }],emphasis: {disabled: false,itemStyle: {areaColor: '#102a7d',},label: {show: true,color: '#fff',itemStyle: {color: '#2a4a69'},}}}]});}});

江苏省地图，根据数值大小显示地图颜色，添加visualMap配置相关推荐

Bing必应地图中国API一显示地图 (转) 做人要厚道
Bing必应地图中国API一显示地图 2011-05-24 14:27:31| 分类: Bing&Google|字号订阅微软必应地图中国地图API发布已经有10天了,考虑到网上现有的SD ...
解决百度地图API无法正常显示地图
一.问题描述引用了百度地图api,但是无法显示地图,报错截图如下: 二.解决方法需要去百度地图api-控制台中,把对应ak的Referer白名单设置为通用(*)
html 地图自动适应,Html显示地图
Html可以通过JS来实现第三方地图的显示,如: 高德: 效果如下:浏览器小区域和全屏展示效果效果代码如下:把key换成自己申请的key值高德配置(开发者平台-->控制台) 效果效果 ...
Cocos creator 导入 tiled map地图资源，cocos 显示地图错乱偏移
1)Tiled map 中显示 (举例子随便画了一个) 2)Cocos creator显示的地图(严重错乱偏移) 3)修改过程 ①第一步: ②修改Trim type=none ③保存(正常显示了)
关于Android集成高德地图的那些事儿...显示地图
记得在2016年的时候, 有个项目需要在地图上添加Marker 并且连点成线记录坐标和地理围栏, 当时也是第一次做,确实有点懵, 不过时间久了, 也还挺简单的 ; 最近项目中又用到了地图 , 借 ...
11.如何在非固定大小的地图图片上正确渲染ROS小车的位置和运行轨迹
最近需要实现一个功能:在使用cartographer建图时,需要实时显示AGV的位置,并且由用户控制是否显示AGV的运动轨迹基本思路就是:获取里程计坐标系和车体坐标系的坐标变换,然后通过该坐标变换计 ...
炸弹人游戏开发系列（3）：显示地图
前言上文我们进行了初步的高层设计,现在我们将实现图片预加载和显示地图的功能需求.我采用TDD开发,大家可以看到在实现的过程中我们会修改设计,修改设计后又会修改对应的实现代码,这是一个不断迭代的过程. ...
python echarts 地图_python调用pyecharts不显示地图解决办法
一.基本步骤 (仅看此基本步骤就能解决问题---如果看这个还不能解决,放弃吧,何必为难自己!!!) 当你用到pyecharts的Map等地图包的时候就需要手动安装下面的包,可以全部下,也可以挑自己需要 ...
Matlab可视化四维数据（用颜色表示柱坐标上某点的数值大小）
Matlab新手,只是粗略看过一遍b站的教程.在使用Matlab的过程中,深感函数使用.编程思维等的困难.感觉还是要加强编程思维的训练比较好. 书归正传,这是我第一次运用Matlab绘制三维图.需要将 ...

江苏省地图，根据数值大小显示地图颜色，添加visualMap配置

江苏省地图，根据数值大小显示地图颜色，添加visualMap配置相关推荐

最新文章

热门文章