wsxy-enrollment-web/tes/new_file.html

[!--temp.common_file--]
[!--temp.header--]
<!-- banner区域 -->
<div class="banner" style="background-image: url(<?=ReturnClassAddField(0,'banner')?>)"></div>
<!-- 二级导航 -->

<div class="menubox">
  <div class="container clearfix">
    <div class="menusub">
      [showclasstemp]2,12,0,0[/showclasstemp]
    </div>
    <div class="newsnav">[!--newsnav--]</div>
  </div>
</div>
<div class="mainWrapper">
  <div class="container">
    <div class="columnname">
      <span><?=ReturnClassAddField(0,'enwords')?></span>
      <h1>[!--class.name--]</h1>
    </div>
    <!--Step:2 为ECharts准备一个具备大小（宽高）的Dom-->
    <div id="mainMap">

    </div>
    <span id="wrong-message" style="color:red;display:none;">当前选择：江苏 </span>
  </div>
</div>

<script src="/skin/default/js/echarts.min.js" type="text/javascript"></script>
<script src="/skin/default/js/china.js" type="text/javascript"></script>
<script src="/skin/default/js/common.js" type="text/javascript"></script>
<script type="text/javascript">
  //状态的颜色枚举
  var colorArr = {
    "1": "#bee8fd",
    "2": "#67abfc",
    "3": "#136acb",
    "4": "#142293"
  }
  //状态的值的枚举
  var statusArr = {
    "1": "待投档",
    "2": "录取中",
    "3": "录取结束",
    "4": "已邮寄通知书"
  }

  //地图的配置参数
  var optionMap = {
    backgroundColor: '#FFFFFF',
    title: {},
    tooltip: {
      trigger: 'item',
      formatter: function(val) {
        console.log(val)
        return "省份:" + val.name + "<br>当前进度: " + statusArr[val.data.itemStyle.status]; //
      },
    },
    //配置属性
    series: [{
      name: '中国',
      type: 'map',
      mapType: 'china',
      roam: true,
      label: {
        normal: {
          show: true //省份名称
        },
        emphasis: {
          show: false
        }
      },
      data: [] //数据
    }]
  };


  //初始化echarts实例
  var myChart = echarts.init(document.getElementById('mainMap'));




  comm.get("/api/progress", function(res) {

    let arr = [];
    for (var mod of res) {
      arr.push({
        name: mod.province.name,
        itemStyle: {
          areaColor: colorArr[mod.status_id],
          status: mod.status_id
        }
      })
    }

    optionMap.series[0].data = arr;
    console.log(optionMap)
    //使用制定的配置项和数据显示图表
    myChart.setOption(optionMap);
  })
</script>
[!--temp.footer--]