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

猜你喜欢

转载自www.cnblogs.com/yyjspace/p/11655214.html