Echars安徽地图

js代码

function initEchars(){var myChart3 = echarts.init(document.getElementById('table2left'));var option3 = {tooltip: {trigger: 'item',formatter: '{a}<br/>{b}:{c}'},dataRange: {show:false,min: 0.5,max: 17.1,x: 'left',y: 'bottom',text:['高','低'],           // 文本，默认为数值文本calculable : true,color: ['#EE4000','lightskyblue','#9F79EE','lightskyblue'],textStyle :{color: '#FFFFFF'} },series : [{name: '安徽',type: 'map',mapType: '安徽',hoverable: true,dataRangeHoverLink: true, zoom: 1.2,selectedMode : 'single', // 同时只能一块区域变色label:{                  //显示各地方名称normal:{show:true,textStyle:{color:'#101010',fontSize:12,// fontWeight:'bold',},
//                        formatter:function(d){return d.name + '\n' + d.value;}},emphasis:{show:true,textStyle:{color:'#101010',fontSize: 12,// fontWeight:'bold'}}},itemStyle:{normal:{borderColor: "white",borderWidth: 1,shadowColor: 'white',shadowBlur: 10},emphasis:{areaColor: '#B9D3EE'  //修改区域hover效果}},data: [{name: "宣城", value: "0.8"},{name: "芜湖", value: "6.6"},{name: "蚌埠", value: "1.7"} ,{name: "池州", value: "1.3"} ,{name: "滁州", value: "1.1"} ,{name: "安庆", value: "1.2"} ,{name: "马鞍山", value: "1.4"},{name: "淮南", value: "3.0"} ,{name: "亳州", value: "0.5"} ,{name: "六安", value: "2.5"} ,{name: "淮北", value: "1.0"},{name: "黄山", value: "1.1"},{name: "宿州", value: "1.0"},{name: "阜阳", value: "1.9"},{name: "合肥", value: "17.1"},{name: "铜陵", value: "1.2"},],}]};myChart3.setOption(option3);$(window).resize(function(){myChart3.resize();});myChart3.on('click', function (params) {var day=$('#time').val();console.log(params);});}

html引用

 <script src="../../echarts/echarts.min.js" type="text/javascript"></script>  <script src="../../echarts/anhui.js" type="text/javascript"></script>

Echars安徽地图相关推荐

echars省份地图（安徽地图地图加散点图）亮点展示
echars省份地图(安徽地图地图加散点图)亮点展示一:需求讲解: 使用echars制作省份地图,显示城市名称,定位标点:点击地图区域,地图标点高亮. 二:主要准备工作 (1):引入echars ( ...
echars 3D地图为区域自定义颜色
echars 3D地图为区域自定义颜色问题延伸解决问题问题根据项目需求,我们要将下面省级地图中的个别市进行高亮(不同颜色)展示延伸首先跟大家介绍这个地图的展示方式: 采用的是Vue框架中 ...
echars显示地图
功能比较简单,后台传数据给页面,页面将传过来的数据显示在地图上,效果图如下: 页面首先需要导入echars的相关插件和地图显示的相关插件. 页面如下: <!DOCTYPE html> &l ...
echarts 安徽地图
js代码 $(function(){// 路径配置 require.config({paths : { // echarts: 'http://echarts.baidu.com/build/dist ...
echars山东地图
实现在山东地图上使用经纬度标注水波纹点. 1.引入js <script type="text/javascript" src="<%=path%>/sk ...
vue + echars地图省市区 + 添加点标记
echars地图监控大屏的一个模块定义地图位置大小 <div id="mapChart" class="mapChart"></div&g ...
使用vue+echarts快速进行全国地图与各省市地图联动(下钻地图)，引入省份js文件
项目源码附js/json地图数据(下载项目源码后请使用Npm install 来安装相关依赖) 效果使用前请使用npm(cnpm)安装echarts,详情见官网. 本文作为笔记demo只引入5个省( ...
如何下载FusionMap中国各省地图的SWF文件
背景:FusionCharts网站没有提供中国各省市地图的试用版下载地址,需要订购后才能下载,所以在这介绍一种变通的方法给大家参考. 1.用IE9打开 http://www.fusioncharts. ...
vue 引入json地图_使用vue+echarts快速进行全国地图与各省市地图联动(下钻地图)，引入省份js文件...
项目源码附js/json地图数据(下载项目源码后请使用Npm install 来安装相关依赖) 效果使用前请使用npm(cnpm)安装echarts,详情见官网. 本文作为笔记demo只引入5个省( ...

Echars安徽地图

Echars安徽地图相关推荐

最新文章

热门文章