<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>ECharts Demo For Map</title>
<!--Step:1 Import a module loader, such as esl.js or require.js-->
<!--Step:1 引入一个模块加载器,如esl.js或者require.js-->
<script src="js/esl.js"></script>
</head>
<body style="background-color:#232532;">
<!--Step:2 Prepare a dom for ECharts which (must) has size (width & hight)-->
<!--Step:2 为ECharts准备一个具备大小(宽高)的Dom-->
<div id="mapChart" style="width:500px;height:500px;border:solid 1px #ccc;padding:10px;margin:100px auto 10px;"></div>
<div style="width:1000px;margin:0 auto;"><a href="#" onclick="refresh();return false;" style="color:#fff;">点击刷新</a></div>
<script type="text/javascript">
// Step:3 conifg ECharts's path, link to echarts.js from current page.
// Step:3 为模块加载器配置echarts的路径,从当前页面链接到echarts.js,定义所需图表路径
require.config({
paths:{
'echarts':'./js/echarts',
'echarts/chart/map' : './js/echarts-map'
}
});
var echarts;
var mapChart;
var map;
function init(){
map = document.getElementById('mapChart');
require(
[
'echarts',
'echarts/chart/map'
],
requireCallback
);
}
function requireCallback(ec){
echarts = ec;
mapChart = echarts.init(map);
refresh();
}
function refresh(){
if (mapChart && mapChart.dispose) {
mapChart.dispose();
}
mapChart = echarts.init(map);
var options = getoptions();
mapChart.setOption(options,true);
}
window.onload = init;
function getoptions(){
options = {
legend: {
orient: 'vertical',
x:'left'
},
title : {
text : '徽商银行机构风险',
subtext: '不良贷款率',
sublink: ''
},
tooltip : {
trigger: 'item',
formatter: '{b}<br/>{c}%'
},
dataRange: {
min: 0,
max: 100,
color: ['orangered','yellow','lightskyblue'],
textStyle:{
color:"#fff"
},
calculable:true
},
series : [
{
type: 'map',
mapType: '安徽',
itemStyle:{
normal:{label:{show:true}},
emphasis:{label:{show:true}}
},
data:[
{name: '淮北市', value: Math.round(Math.random()*100)},
{name: '宿州市', value: Math.round(Math.random()*100)},
{name: '亳州市', value: Math.round(Math.random()*100)},
{name: '阜阳市', value: Math.round(Math.random()*100)},
{name: '淮南市', value: Math.round(Math.random()*100)},
{name: '蚌埠市', value: Math.round(Math.random()*100)},
{name: '滁州市', value: Math.round(Math.random()*100)},
{name: '合肥市', value: 40},
{name: '六安市', value: Math.round(Math.random()*100)},
{name: '巢湖市', value: Math.round(Math.random()*100)},
{name: '马鞍山市', value: Math.round(Math.random()*100)},
{name: '芜湖市', value: Math.round(Math.random()*100)},
{name: '铜陵市', value: Math.round(Math.random()*100)},
{name: '安庆市', value: Math.round(Math.random()*100)},
{name: '宣城市', value: Math.round(Math.random()*100)},
{name: '池州市', value: Math.round(Math.random()*100)},
{name: '黄山市', value: Math.round(Math.random()*100)},
{name: '南京市', value: 85}
]
}
]
}
return options;
}
</script>
</body>
</html>
相关推荐
标题中的“安徽省南京市DEM数字高程数据30m(含区域范围shp文件)”指的是一个地理信息系统(GIS)的数据集,主要包含南京市区及周边地区的高精度地形信息。其中,“DEM”是“Digital Elevation Model”的缩写,即...
echarts安徽地图文件 json文件包 主要用于安徽地图的引入
安徽地图js文件 。
在这个“安徽省echarts地图资源”中,我们可以找到专门针对安徽省的地级市地图数据,这对于我们在中国区域进行数据分析和展示时特别有用。 ECharts地图组件允许开发者将地理信息与数据相结合,生成具有视觉吸引力的...
标题中的“安徽省地图arcgis数据美化后mxd文件shp格式2019年”揭示了这个压缩包的内容是经过GIS处理的、针对2019年的安徽省地图数据。ArcGIS是一款由Esri公司开发的专业地理信息系统软件,用于处理、分析和展示地理...
2022年自己调整过使用过的echarts安徽省最新16市json地图,包括合肥市 、黄山市 、芜湖市、马鞍山、安庆市、淮南市、阜阳市、淮北市、铜陵市、亳州市、宣城市、蚌埠市、六安市 、滁州市 、池州市、宿州市。...
在本案例中,我们将探讨如何利用ECharts结合安徽地图的JSON数据,来创建一个详细的安徽省地图案例。 首先,我们要理解ECharts如何处理地图数据。ECharts地图图表依赖于特定的地理JSON数据,这些数据包含了各个行政...
echars实现地图市级 安徽省地图json数据
【安徽地图shp文件】是一种地理信息系统(GIS)中常见的数据格式,用于存储地理空间信息。这个特定的文件集合包含了关于安徽省的详细地理数据,这些数据以矢量形式表示,这意味着它们由点、线和多边形等几何对象组成...
安徽省地图最新的js,包括枞阳县划给铜陵等地图区域的调整。
echarts安徽地图js文件
- **样例使用北京市地图**:这可能意味着提供的示例代码中,地图实例展示的是北京市,但通过修改js文件中的数据源和配置,可以将地图替换为安徽省的各个市。 - **建议用火狐打开**:可能是因为火狐浏览器对某些...
在本案例中,使用的是针对安徽省的定制化JSON数据,包含了安徽省各个地级市的边界和坐标信息。这样的JSON文件是ECharts能够将地图图形化的关键,通过解析这些数据,ECharts可以准确地展示安徽省的地理分布。 描述中...
在"echarts+安徽省地图+数据显示"这个项目中,我们利用ECharts3的特性,结合了安徽省的地理信息,创建了一个可以显示安徽各地市数据的地图应用。这种地图可视化能够清晰地展示各个地市的统计数据,如经济指标、人口...
安徽省地图矢量PPT模板.pptx,pptfans网提供安徽省地图矢量PPT模板下载,下载后你可以根据需要,修改不同的配色方案,也可根据不同的地区,填充不同的颜色或描边,以突出该区域。地图模板通用性较广,无论你在毕业
(安徽省地图)行政区划图高清矢量cdr|pdf(详细版2021年),pdf格式可以导入cdr软件ai软件另保存cdr,ai格式,可以编辑内容文字,矢量高清图,尺寸高1.4米宽1米。可以无限放大矢量图。样图:...
安徽地图anhui.shp
echarts 安徽省地图所需的 anhui.js
标题中的“安徽09年最新矢量地图(MapInfo格式)”指的是一个地理信息系统(GIS)数据集,该数据集包含了2009年安徽省的地理信息,以MapInfo特有的矢量格式存储。MapInfo是一种广泛使用的桌面GIS软件,它能够处理、...
标题中的“安徽地图js和json文件”表明这是一个与地理信息系统(GIS)相关的项目,使用了JavaScript(js)和JSON(JavaScript Object Notation)文件格式来处理安徽地区的地图数据。JavaScript是一种广泛用于网页和...