17、vue3（十七）：数据大屏（二）：地图效果，折线图效果，柱状图+折线图，散点图，雷达图

目录

 一、数据大屏地图效果

1.创建地图、折线图文件夹，引入主页面

2.拉取阿里云地图将国内经纬度的json

3.代码编写

4.效果展示 

二、 数据大屏折线图效果

1.代码实现

2.效果展示

三、数据大屏柱状图+折线图

1.创建文件夹，引入主页面

2.代码实现

3.效果展示

四、数据大屏散点图 效果

1.代码实现

2.效果展示 ​编辑

五、数据大屏雷达图

 1.代码实现

2.效果展示

六、感谢支持

---

 一、数据大屏地图效果

1.创建地图、折线图文件夹，引入主页面

新建line和map文件夹，每个下面新建一个index.vue，里面内容先v3ts一下

2.拉取阿里云地图将国内经纬度的json

复制json，并且在map文件夹下新建一个china.json，然后把json复制进去

<