AntV中F2在微信小程序中的使用

AntV中F2在微信小程序中的使用,第1张

1.F2简介及语法参照网址

https://www.yuque.com/antv/f2/miniprogram

2.F2的微信小程序图表示例参照

https://github.com/antvis/wx-f2

3.@antv/f2-canvas 模块为 F2 的微信小程序图轮告咐表自定义组件,依赖于 @antv/wx-f2(F2 对于微信小程序进行的腊纯适配),请直接使用 @antv/f2-canvas。

https://github.com/antvis/f2-canvas

此教程适用于初步了解微信小程序基础框架的用户

1.创建标准小程序

2.在项目根目录下,初始化创建package.json文件

3.安装npm install --production

4.安装微信小程序 F2 图表组件

5.安装好依赖包之后,友带运行

6.开始绘制柱状图

7.常见问题

欢迎留下建议或者更好的解决方案。

类似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、制作图表要有艺术性,图拦侍陪表是通过视觉的传递来完成,必须考虑到人们的欣赏习惯和审美情趣,这也是区别于文字表达的艺术特性。


欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/yw/12387210.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-05-25
下一篇 2023-05-25

发表评论

登录后才能评论

评论列表(0条)

保存