vue移动端用什么数据可视化插件_AntV F2+vue-cli构建移动端可视化视图

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

话不多说，直接进入正题：

Antv F2官方比较友好，给我们提供了两种方式方便我们使用，分别是CDN方式(引入在线资源)和npm安装方式，因为项目是vue-cli搭建的，同时CDN方式引入比较简单，引入文件即可使用，所以在项目中使用的是npm安装；

安装命令(必须在项目对应的文件夹路径下运行)：

npm install @antv/f2 --save

安装完依赖之后接着就是需要引用到项目中，这里有个坑，官方提供的引用方式在vue里面是会报错的，官方提供的方式是下图

如果在项目中是 import F2 from "@antv/f2" 这样引用是会报语法错误的，报错信息为：“chart.pieLabel is not a function”，所以安装方式建议修改为

import F2 from "@antv/f2/lib/index-all"，这样引用是可以正常使用不报错的，亲测可用；

安装完依赖和引用文件资源之后，就可以直接进行图表配置和开发了；我在项目中用到了环形图，直接进入环形图Demo案例界面看看Demo，

首先使用的时候视图层很简单，一个大div包住canvas标签即可

vue移动端用什么数据可视化插件_AntV F2+vue-cli构建移动端可视化视图相关推荐

tableau可视化_如何在Tableau中构建自定义地图可视化
tableau可视化 Sometime last year, I got fascinated with bubble charts when I saw a data visualization v ...
vue移动端用什么数据可视化插件_vue-cli+v-charts实现移动端可视化图表
v-charts是饿了么团队开源的一款基于Vue和Echarts的图表工具,在使用 echarts 生成图表时,经常需要做繁琐的数据类型转化.修改复杂的配置项,v-charts 的出现正是为了解决这个 ...
js插件---WebUploader 如何接收服务端返回的数据
js插件---WebUploader 如何接收服务端返回的数据一.总结一句话总结: uploadSuccess有两个参数,一个是file(上传的文件信息),一个是response(服务器返回的信息 ...
vscode使用vuex数据持久化插件(vuex-persistedstate)
vscode使用vuex数据持久化插件(vuex-persistedstate) 因为Vue是单页面应用,页面跳转是vue-router实现的类似页面跳转的效果(切换对应的组件以展示不同的页面),刷新 ...
Vue页面如何~及时更新页面数据
Vue页面如何~及时更新页面数据前言:什么是Vue单页面反问:vue页面为什么~需要重新渲染页面数据? 正题:如何让单页面二次(后续)访问页面,数据渲染(更新) We need to be thi ...
vue移动端用什么数据可视化插件_前端必看的数据可视化入门指南
作者:董晓庆蚂蚁金服体验技术部这是一篇给大家提供数据可视化开发的入门指南,介绍了可视化要解决的问题和可以直接使用的工具,我将从下面几个方面给大家介绍,同时以阿里/蚂蚁的可视化团队和资源举例说明: ...
Vue常用的组件库大全【前端工程师必备】【实时更新】【移动端、PC端（web端）、数据可视化组件库（数据大屏）、动画组件库、3D组件库】
Vue常用的组件库大全[前端工程师必备] (一)移动端常用组件库 1)Vant ui 2)Cube UI 3)VUX 4) NuTUI 5)Mint ui 6)Varlet UI 7)OnsenUI ...
丽水数据可视化设计价格_网站建设之B端交互设计——数据可视化图表
在B端设计中,数据可视化是必不可少而且非常重要,越来越多的设计师需要和数据打交道,但是很多设计师不懂可视化当中不同用途的图表规范,只是单纯设计出好看的数据图表,却不能给用户带来更多的信息和价值. 因此 ...
丽水数据可视化设计价格_B端产品设计数据可视化图表选择篇
本文一共6040文字,阅读大概需要15分钟近期在做直播后台内容数字化渠道升级 ,其中有个工作是需要把大量的数据表格转换成为可视化图表,接到需求一脸懵的我,冒出几个问题 1.什么是数据可视化? 2.数 ...

vue移动端用什么数据可视化插件_AntV F2+vue-cli构建移动端可视化视图

vue移动端用什么数据可视化插件_AntV F2+vue-cli构建移动端可视化视图相关推荐

最新文章

热门文章