echarts 地图


<script src="~/Scripts/echarts.min.js"></script>
<script src="~/Scripts/map.js"></script>
<script src="~/Scripts/map/jiangxi.js"></script>

var myChart = echarts.extendsMap('main', {
bgColor: '#fff',
font: '13px "Microsoft YaHei", sans-serif',
mapName: '浙江',
goDown: true,
callback: function (name, option, instance) {
console.log(name, option, instance);
},
activeArea: [{
name: "杭州市",
areaColor: "#285db3"
}, {
name: "温州市",
areaColor: "#285db3"
}, {
name: "嘉兴市",
areaColor: "#4778c7",

}, {
name: "衢州市",
areaColor: "#285db3"
}, {
name: "宁波市",
areaColor: "#285db3"
}, {
name: "台州市",
areaColor: "#4778c7"
}, {
name: "丽水市",
areaColor: "#7da4e2"
}, {
name: "金华市",
areaColor: "#285db3"
}, {
name: "绍兴市",
areaColor: "#7da4e2"
}, {
name: "湖州市",
areaColor: "#7da4e2"
},
],
data: [{
name: '杭州',
value: 1,
level: 1,
id: 12
}, {
name: '杭州1',
value: 12,
level: 3,
}]
});
myChart.setMap('@ViewBag.city');

@ViewBag.city为后台定义 例:台州市 杭州市等

相关文件下载:

https://files.cnblogs.com/files/yyjspace/echarts%E5%9C%B0%E5%9B%BE%E7%9B%B8%E5%85%B3.rar

如图:

 


免责声明!

本站转载的文章为个人学习借鉴使用,本站对版权不负任何法律责任。如果侵犯了您的隐私权益,请联系本站邮箱yoyou2525@163.com删除。



 
粤ICP备18138465号  © 2018-2025 CODEPRJ.COM