美文网首页
vue echarts绘制旋转 攻击线 3D地球

vue echarts绘制旋转 攻击线 3D地球

作者: HTWOO鄭 | 来源:发表于2020-04-10 10:14 被阅读0次

安装

npm install --save echarts echarts-gl

因为本次渲染需要用到echarts-gl ,所以一起安装了

引入echarts,world是世界地图数据

容器

设置世界地图为球体表面纹理,通过新建一个canvas

球体参数

baseTexture可以设置为上面定义canvas,也可以是图片,这里添加的是世界地图,以便后续功能的拓展

绘制攻击线

数据渲染

下面是效果图

相关文章

网友评论

      本文标题:vue echarts绘制旋转 攻击线 3D地球

      本文链接:https://www.haomeiwen.com/subject/hjcrlxtx.html