钉钉小程序图表库AntV - F2 使用总结

对于图表这块的开发，使用一些流行的图表库可以大大提高我们的开发效率，目前较为流行的图表库大概有Echarts,Hcharts,AntV,他们都是大同小异，我印象比较深刻的是Hcharts是支持多坐标轴的，Echarts好像是不支持的，但是对于小程序的选择我们选择的是阿里的AntV-f2，因为他明确指出了适合小程序开发，而且AntV-f2除了不支持一些document，其他的大部分功能都是支持的，我们就没有再考虑其他的库，但是官方并没有太多关于小程序的具体使用文档，我们只能根据js的相关事例翻译成小程序的语法。

钉钉小程序开发工具： >

用户点击红色按钮，即显示扇形图

21 创建一个indexhtml，引入echarts库文件。编写js测试函数test1

22 在OC界面，需要使用wkwebView去访问html资源，并和步骤1创建的js函数进行交互

懒加载一个wkwebView对象

懒加载一个button

响应button的点击事件，当button被点击时，创建一个json字符串，传递给html页面，这样就可以完成echarts图形的绘制

类似echarts小程序的图表组件列举：

1、fusionCharts

FusionCharts是一个跨平台，能够跨浏览器的flash图表组件，能够被ASP NET、JSP、ColdFusion、ASP、PHP、Ruby on Rails、简单HTML页面甚至PPT调用。FusionCharts利用Flash创建了紧凑、互动性和视觉逮捕图表，还可以用来制作数据动画图表。

2、Highcharts

Highcharts是一个用纯JavaScript编写成的一个图表库， 能够很简单便捷的在Web网站或Web应用程序添加有交互性的图表。

可支持的图表类型包括直线图、饼状图、仪表图、气泡图、散状点图、曲线图、区域图、柱状图、瀑布流图等20多种图表，其中很多图表可以集成在同一个图形中形成混合图。

3、AntV-f2

AntV-f2是一个专注于移动，开箱即用的可视化解决方案，支持H5环境和兼容多种环境。里面具备了比较完整的图形语法理论和组件，具有多种移动端图表和各类场景，而且个人可以构建各类图表（50种以上）。

扩展资料

制作图表时要注意：

1、要有自身的表达特性，尤其对时间、空间等概念的表达和一些抽象思维的表达具有文字和言辞无法取代的传达效果。图表要具有表达的准确性，对所示事物的内容、性质或数量等处的表达应该准确无误。

2、要有信息表达的可读性，在图表认识中应该通俗易懂，尤其是用于大众传达的图表。

3、制作图表要有艺术性，图表是通过视觉的传递来完成，必须考虑到人们的欣赏习惯和审美情趣，这也是区别于文字表达的艺术特性。

微信小程序官方提供了开发工具，但是并不太好用，一般都是要配置 vscode 安装插件来开发，像我使用的是 intellij idea ，安装插件来支持小程序的代码提示，然后在微信开发者工具上预览。工具上的问题倒不大，代码提示该有的都有了，开发效率关键还得看框架和库。

微信小程序是支持　typescript 的，官网提供了类型库，可以通过开发者工具直接创建 ts 项目。百度小程序目前是不支持的，效率就要低很多。

微信小程序的数据绑定之前一直是单向的，这个很多时候不太方便，要多写很多代码，好在从 293 开始可以双向绑定了，效率上也提升了不少。百度小程序目前还不支持，其它的平台了解的不多。

由于小程序都不支持 dom *** 作，而是内部提供了一套类 dom 的查询api，所以有一定的学习成本，也不能轻易的将 html5 程序转换到小程序。同时，各种涉及 dom *** 作的 js 库也无法使用，canvas 库也不行，仅有少数的库专门做了小程序版本，如 echarts。从这一点来看，效率的影响还是很大的，毕竟项目开发是需要借助于很多开源库的，改造成支持小程序的版本是很耗费时间和精力的。

总体上来说，微信小程序的开发效率还行，但是很多现有的 js 库不能利用，开发效率肯定比不上使用 vue 全家桶开发 web 应用。

硬件调用和系统原生特性

这个确实是小程序的优势，微信的小程序有丰富的设备接口，可以调用蓝牙、nfc和感应器等，浏览器中仅个别浏览器可以调用蓝牙。如果有硬件调用方便的需求，就只能放弃纯 html5 了。

统计分析

微信小程序有个数据助手，其它平台的基本上都有，在数据助手中可以查看使用情况，对用户和页面的信息进行统计。

对于 web 站点，要做这么一套东西，还是有不少的工作量的，数据库的成本也要增加，可以借助于第三方平台，像百度统计之类的。如果是前后端分离，前端 spa 模式纯静态，可以将前端程序放在 cdn 中，cdn 服务一般都会提供统计信息，但是会弱一些。

小程序的云开发功能

微信小程序提供了云开发功能，可以在小程序中使用文件存储、数据库和云函数，现在还提供了云托管和静态网站，百度小程序也有提供支持。相当于后端开发需要用到的技术都给你集成好了，并且还有免费额度，大大降低了成本，你甚至可以零硬件成本起步，非常适合小项目。

性能

小程序性能会更好吗？这个可不一定，就我的经验来看，微信小程序流畅度还可以，没有详细测试过，但是百度小程序就比较的拉跨了，明显的卡，页面上的资源加载很慢。我之前使用百度官方的工具移植微信小程序到百度，结果百度app中小程序的运行效果非常差，卡顿明显。

但是小程序确实比普通的 web 应用更快，这主要是因为运行小程序的 app 中自带了运行环境，集成了框架和一些 ui 库，这样小程序本身就可以很小。因此，加载小程序的速度是可以比网页快很多的。但是，web 有 pwa 技术啊，并且主流浏览器都支持了。win10 自带浏览器 edge 支持将支持 pwa 的站点添加到桌面，直接独立窗口启动，ios 和安卓也都是支持的，可以让支持 pwa 的站点像原生应用一样直接从桌面启动，脱机运行，不需要先启动微信这样的小程序容器程序。

不仅如此，微软官方还支持将 pwa 直接发布到应用商店：将渐进式 Web 应用发布到Microsoft Store 。

相比 html5 ，小程序是没有性能优势的，html5 如果想进一步提升性能，还可以使用 WebAssembly 技术。

总结

小程序最大的价值应该就是其平台本身的生态了，微信小程序就提供了很多便利：

便捷接入微信登录和微信支付，与视频号，消息等对接

提供文本和内容安全检查功能，这些功能要自己做成本非常高

提供ai功能，提供视觉算法，支持人脸识别

有丰富的设备接口，支持对蓝牙、nfc和各种感应器等进行控制

自带统计分析功能

提供云开发服务，前期甚至可以零硬件成本，个人觉得云开发不适合大型项目

内置广告组件，提供了流量变现功能

虽然小程序提供了很多便利，但是个人觉得还是要慎重选择，小程序是需要与平台绑定的，各个平台推出自己的小程序就是要将软件商拉到自己的生态中去。如果你需要小程序给你提供的这些便利，团队没有预算开发各个平台的不同版本 app，那还是可以考虑的，使用小程序能降低不少成本，甚至还可以省去域名费用。

如果你喜欢自由，不愿受制于平台，还是 html5 吧。真有接入微信的需求，还可以考虑在 html5 的基础上使用 wx-sdk 接入公共号网页开发，可以做一个兼容层，在非微信内置浏览器内使用或微信调用失败的情况下回退到纯 html5。

个人认为，还是 html5 优先，html5 满足不了需求再考虑小程序和 app，毕竟 html5 是国际标准，几乎被所有 *** 作系统原生支持，真正的跨平台一码多端，这才是未来。

微信小程序虽然是基于浏览器内核的，但它的界面却不是html（而是自创的wxml），所以是不支持获取dom元素的，因此也无法使用第三方插件。小程序本身有各种替代解决方案，自己去文档里找一下。

以上就是关于钉钉小程序图表库AntV - F2 使用总结全部的内容，包括:钉钉小程序图表库AntV - F2 使用总结、ECharts 基础使用、iOS-Echarts的简单应用等相关内容解答，如果想了解更多相关内容，可以关注我们，你们的支持是我们更新的动力！