echarts渲染3d地图以及交互事件


环境

vue2

导入

安装npm包 echarts echartsgl import * as echarts fr "echarts" import "echartsgl"

html

<div id="mapcontainer"></div>

js

import GeoZJ fr 'mapJson.josn' const d = document.getElementById("mapcontainer") this.myChart = echarts.init(d) // 配置项 const option = , // label样式 itemStyle: , emphasis: , itemStyle: , }, light: , }, viewControl: , regions: [], // 指定区域样式 }, series: [ // 通过series[0].type.map3D支持数据区域的点击事件 , regionHeight: 8, viewControl: , zlevel: 10, }, ] } // 点击事件 this.myChart.on("click", params => ) echarts.registerMap("mapjson", GeoZJ) this.myChart.setOption(option)

上一篇:/和\的区别

下一篇:23-8-1


Copyright © 2002-2019 k262电脑网 www.k262.cn 皖ICP备2020016292号
温馨提示:部分文章图片数据来源与网络,仅供参考!版权归原作者所有,如有侵权请联系删除!QQ:251442993 热门搜索 网站地图