移动端使用可视化图表（柱状图、饼状图、折线图）& antv f2在vue中使用方法源码

初心-杨瑞超个人博客诚邀您加入qq群(IT-程序猿-技术交流群): 757345416丨(IT-程序猿-技术交流2群): 936929828

概述

F2 是一个专注于移动，开箱即用的可视化解决方案，完美支持 H5 环境同时兼容多种环境（Node, 小程序，Weex），完备的图形语法理论，满足你的各种可视化需求，专业的移动设计指引为你带来最佳的移动端图表体验。

官网： https://antv.alipay.com/zh-cn/f2/3.x/
demo： https://antv.alipay.com/zh-cn/f2/3.x/demo/index.html
api文档：https://www.yuque.com/antv/f2/api-index

vue中使用

1、安装

cnpm i @antv/f2 --save

2、引入

import F2 from "@antv/f2";

示例

1、饼状图

效果：

2、折线图

效果：