可视化

vue3结合pinia使用高德地图，完成点线绘制，信息窗体的加载，右键菜单的配置， 图例的加载，点和线的右键信息弹窗的交互，动态点位的增加，曲线的动态绘制，直线的动态绘制等。

echarts 中有一个图形叫动态数据+时间坐标轴，但是使用这个的时候，一般数据没问题，如果碰上我这种同一个x轴上，有两个值的情况就比较麻烦。 左移的逻辑就要好好思考一下子了。下面分享一下。

SuperMap 官网给我们的都是 js 还有一些 webpack 的引入方式，并没有最新的 vite 如何导入，接下来我们看一下 vue3 + vite 如何导入呢 搭建流程 （vite） 引入

在我们使用高德地图的时候，官方给我们推荐了很多案例，demo，但是这些案例都是使用原生方法接入，并没有提供vue或者react 的demo，今天我们就来看看 vue3如何使用常用api

在我们使用 echarts 的时候会经常涉及到很多的配置项，特别是图例，图例的配置很多，不熟悉的话我们要每次都查找其相关文档，而对于图例的具体位置信息定位文档不是很明细，这里我们重点来看一下图例位置.

信息窗体是我们在地图中常用的特性之一，在点击点位的时候，可以弹出信息窗体，得到点位的具体信息，我们在手机中使用的高德地图，点击某个点，弹出信息，是一样的到底，从官方的 `API` 中能够知道如何添加

图例是我们在实现可视化过程中的重要组成部分，可以更加直观的突出我们图形中的各类信息，图例包括点、线、块等各种图例，高德贴图中除了给我们提供了图例这个选项，我们也可以通过信息窗体实现图例

通过前几篇文章，我们大致的了解了高德地图的简单使用，以及点和线的一些设置，这一期我们来看一下交互是如何添加的，我这里是一个简单的交互，复杂的业务下还需要大家自行扩展哦~

可视化的业务当中，除了我们熟悉的各种图标，柱状图、饼状图、折线图等等，地图这类也是可视化的重要的一部分，这部分要么使用百度要么使用高德，其API的学习成本还是比较高的，这一篇我们主要来看一下右键菜单

可视化的业务当中，除了我们熟悉的各种图标，柱状图、饼状图、折线图等等，地图这类也是可视化的重要的一部分，这部分要么使用百度要么使用高德，其API的学习成本还是比较高的，这一篇我们主要来看一下简单的使用

可视化的业务当中，除了我们熟悉的各种图标，柱状图、饼状图、折线图等等，地图这类也是可视化的重要的一部分，这部分要么使用百度要么使用高德，其API的学习成本还是比较高的，这一篇我们主要来看一下简单的使用

咱们的antv图表已经配置完，接下来看如何把本地的一个表格文件数据读取出来，转换成咱们想要的一种对象格式呢？

使用antv 配置区间柱形图 使用的是 antv 的 g2plot 官方分组柱形图，完成配置一行多柱颜色，根据时间来进行画布X轴设置，柱形使用分钟间隔设置