Bootstrap

关于echarts实现地图并显示各省份名称及不同块显示不同原因,最后循环播放tooltip信息

在这里插入图片描述
最近接到这个需求,要把一些数据展示在地图上,并且能够自动播放,毕竟这是个大屏数据的项目,话不多少,直接上代码

首先是要实现一个地图,显示每个省份的名字,首先准备要渲染的数据,根据你自己要求,接口返回的也可以

var mapData = [{
   
        id: 1,
        name: '北京',
        value: 30
      },
      {
   
        id: 2,
        name: '广东',
        value: 29
      },
      {
   
        id: 3,
        name: '四川',
        value: 28
      },
      {
   
        id: 4,
        name: '上海',
        value: 27
      },
      {
   
        id: 5,
        name: '山东',
        value: 26
      },
      {
   
        id: 6,
        name: '江苏',
        value: 25
      },
      {
   
        id: 7,
        name: '浙江',
        value: 4.51
      },
      {
   
        id: 8,
        name: '河南',
        value:24
      },
      {
   
        id: 9,
        name: '湖南',
        value: 23
      },
      {
   
        id: 10,
        name: '陕西',
        value: 22
      },
      {
   
        id: 11,
        name: '河北',
        value: 21
      },
      {
   
        id: 12,
        name: '山西',
        value: 20
      },
      {
   
        id: 13,
        name: '湖北',
        value: 19
      },
      {
   
        id: 14,
        name: '安徽',
        value: 18
      },
      {
   
        id: 15,
        name: '福建',
        value: 17
      },
      {
   
        id: 16,
        name: '重庆',
        value: 16
      },
      {
   
        id: 17,
        name: '天津',
        value: 15
      },
      {
   
        id: 18,
        name: '江西',
        value: 14
      },
      {
   
        id: 19,
        name: '广西',
        value: 13
      },
      {
   
        id: 20,
        name: '辽宁',
        value: 12
      },
      {
   
        id: 21,
        name: '内蒙古',
        value: 11
      },
      {
   
        id: 22,
        name: '吉林',
        value: 10
      },
      {
   
        id: 23,
        name: '贵州',
        value: 9
      },
      {
   
        id: 24,
        name: '黑龙江',
        value: 8
      },
      {
   
        id: 25,
        name: '甘肃',
        value: 6
      },
      {
   
        id: 26,
        name: '云南',
        value: 7
      },
      {
   
        id: 27,
        name: '新疆',
        value: 5
      },
      {
   
        id: 28,
        name: '海南',
        value: 5
      },
      {
   
        id: 
;