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

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

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,效果图如下

欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/web/1299037.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2022-06-10
下一篇 2022-06-10

发表评论

登录后才能评论

评论列表(0条)

保存