zoukankan      html  css  js  c++  java
  • 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

    如图:

  • 相关阅读:
    总结!!!总结!!!
    Beta 总结
    BETA-7
    BETA-6
    BETA-5
    BETA-4
    BETA-3
    华为云-软件产品案例分析
    BETA-2
    BETA-1
  • 原文地址:https://www.cnblogs.com/yyjspace/p/11655214.html
Copyright © 2011-2022 走看看