Echarts基本使用(vue实现3D地图)

效果图如下

第一步:进入echarts官网,链接附下:
Apache EChartshttps://echarts.apache.org/zh/index.html安装:npm install echarts --save

另外使用echart的3d功能需要另外安装echarts-gl:
npm install echarts-gl

第二步;在main.js引入echarts

import * as echarts from 'echarts';

Vue.prototype.$echarts = echarts;

第三步:在组件内部设置一个容器,并且设置宽高

  <div id="main"style="width:500px;height:500px"></div>

 

最后切记 在组件内引入import 'echarts-gl';