vue中echarts3d 使用(3d地图上有柱状图数据,吉林省)

1.下载 echarts 和echarts-gl echarts-gl是3d插件
2.去阿里云上下载吉林省的地图信息(看实际需求下载各省地图数据)
· https://datav.aliyun.com/portal/school/atlas/area_selector
3.组件代码如下






4.组件使用如下


//  dataMap: [ // 地图数据模拟数据
        // {
        //   name: '长春市',
        //   value: 0
        // },
        // {
        //   name: '吉林市',
        //   value: 10
        // },
        // { name: '通化市',
        //   value: 0 },
        // { name: '白山市',
        //   value: 0 },
        // { name: '白城市',
        //   value: 0 },
        // {
        //   name: '松原市',
        //   value: 0
        // },
        // { name: '四平市',
        //   value: 0 },
        // { name: '辽源市',
        //   value: 0 },
        // { name: '延边市',
        //   value: 0 }
      ]

5,效果图如下
vue中echarts3d 使用(3d地图上有柱状图数据,吉林省)_第1张图片

你可能感兴趣的:(echarts,vue.js,3d)