echarts Map(地图) 不同颜色区块显示 以河南地图为例: 代码如下: <h3>天翼日必达完成率</h3> <div id="map" style="height:340px; text-align:left; padding:0 20px 20px 20px;"></div> <script type="text/javascript"> var myChart = echarts.init(document.getElementById('map'));//初始化...
echarts Map(地图) 不同颜色区块显示 以河南地图为例: 代码如下: <h3>天翼日必达完成率</h3> <div id="map" style="height:340px; text-align:left; padding:0 20px 20px 20px;"></div> <script type="text/javascript"> var myChart = echarts.init(document.getElementById('map'));//初始化...
areaColor: '#323c48',//默认区块颜色 borderColor: '#03b8c0',//区块描边颜色 borderWidth:2//区块描边颜色 }, emphasis: { areaColor: '#45ad00'//鼠标划过区块的颜色 }, }, regions: [ //对不同的区块进行着色 { name: '无为市', //区块名称 itemStyle: { normal: { areaColor: '#281fe1...
varmyChart=echarts.init(document.getElementById('main'));vardata=[{name:'延庆区',selected:false,value:1},{name:'怀柔区',selected:false,value:2},{name:'密云区',selected:false,value:3},{name:'平谷区',selected:false,value:4},{name:'顺义区',selected:false,value:5},{name:'昌平区',s...
// 生成广州市地图createCityMap({id:'440100',name:'广州市',level: LEVEL_CITY,back:false}) 修改地图配置项 配置项文档 注意:需要在地图渲染完后方可修改 setConfig({series: [ {itemStyle: {areaColor:'#91a9fc', } } ] }) 地图渲染完成后修改地图区块颜色 ...
color表示该区块的颜色为红色。gt和lt分别表示该区块的数值范围为大于等于50且小于100。即在这个热力图中,数值在50至100之间的区块都将使用红色表示。 第三步:使用Heatmap Pieces设置热力图 在ECharts中,我们可以直接通过配置项来设置热力图的Heatmap Pieces。以下是一个示例配置项: series: { type: 'heatmap',...
echarts.registerMap('GD', GDJson); 1. 2. 3. 然后就是通过配置option绘制出具体的地图,此处我是通过绘制一个散点图,实现的各个地级市名字的显示,需要知道各个市的经纬度,这个可以在网上查到。然后通过dataRange设置了不同的value值所显示的颜色。具体配置如下所示: ...
// 柱状图颜色 var colorList = ['31 ,210, 240', '61, 233, 147']; // 地图配置 var option = { series: [ { type: 'map', map: 'qinghai', aspectScale: 1, // 地图比例 zoom: 1.25, // 地图缩放倍数 label: { // 地图字体,通常状态 ...
var myChart = echarts.init(document.getElementById("mapEchart")); echarts.registerMap("anhui", geoJson); myChart.hideLoading(); // 图表配置项 let option = { geo3D: { map: "anhui", roam: true, itemStyle: { color: "#11EEEE", ...
1、通过地图选择器下载geoJSON地址。 2、DIY,使用geojson.io工具绘制,这工具除了绘制边界外,还能添加区域的shortcode(划重点)和cp(中心点),完成后转化为json格式后即可导入 实现代码 html设置有挂载id的盒标签 js(包含悬停弹窗) varmapChart=echarts.init(document.getElementById('map'));mapChart.showLoading();...