前天遇到个坑，把我给坑死了 ，在帮朋友做一个微信公众号的项目，使用的vue全家桶，有个模块需要用到数据可视化展现，之前做项目的时候用过antv，比较熟悉，因为是移动端的项目，所以用的是antv f2这个可视化框架，按照之前写的方式都做完之后，最后发现下面出现了两个相同的legend，找了半天 ...

本文根据蚂蚁Antv的文档整理 链接：https://antv-2018.alipay.com/zh-cn/index.html 一、图表用法 使用原则：有什么数据，使用合适的图表，进行可视化展示 图表类别：比较类、分布类、流程类、地图类、占比类、区间类、关联类、时间类 ...

Antv 蚂蚁金福提供的数据可视化解决方案，是一系列的解决方案的集合，包含 G2、G6、F2、L7 以及一套完整的图表使用和设计规范。由于有大厂支持，AntV迭代稳定，文档和示例非常的齐全，这次因为业务需求的原因使用到了AntV G2数据可视化引擎，所以想记录下自己使用和学习的心得。 G2 ...

　　1、全局安装vue-cli3.0脚手架工具 　　npm install -g @vue/cli　2、启动GUI创建项目向导　　vue ui　　填写项目名称等信息，直接提交，接下来就是等待时间，　3、项目创建成功之后来到项目创建结果可视界面 4、在这里界面中通过左侧菜单可以查看项目创建结果目录 ...

可视化页面，进行创建项目 5.运行项目 npm install 　　npm run serve ...

输入 自动弹出这个界面 创建项目 选择创建的位置 创建新项目 输入项目名，合法即可，其它不用管 ...

　　v-charts是饿了么团队开源的一款基于Vue和Echarts的图表工具，在使用 echarts 生成图表时，经常需要做繁琐的数据类型转化、修改复杂的配置项，v-charts 的出现正是为了解决这个痛点。基于 Vue2.0 和 echarts 封装的 v-charts 图表组件，只需要统一 ...

@vue/cli 3.0中引入了一个图形化界面工具来去管理项目。运行方法也很简单，确保你的@vue/cli是3.0以上的版本并且全局安装，之后在cmd下执行vue ui命令即可运行。 一、安装使用 1.使用前需要先全局安装vue-cli： 2.使用如下命令，图形管理界面就会在浏览器打开 ...