如何在小程序中使用图表库?

作者站长头像
站长
· 阅读数 6

我想要在小程序上绘制图表,有哪些开箱即用的图表库推荐吗?

回复
1个回答
avatar
test
2024-06-27

不同的图表库有不同的解决方案,下面介绍下 VChart 图表库的支持情况,目前 VChart 支持了飞书小程序、飞书小组件以及 taro 跨端框架的图表渲染,使用时非常简单,只需要在初始化图表示例的时候声明对应的跨端环境参数即可,图表配置项使用及功能上同 PC 表现一致。

代码示例

我们提供了飞书小组件以及飞书小程序的 demo 实例:飞书小程序:https://github.com/VisActor/lark-vchart-example飞书小组件:https://github.com/VisActor/VChart/tree/develop/packages/block-vchart

结果展示

下面是在 飞书小程序上的图表渲染实例:answer image相关文档跨端兼容说明:https://www.visactor.io/vchart/guide/tutorial_docs/Cross-term...飞书小程序使用教程:https://www.visactor.io/vchart/guide/tutorial_docs/Cross-term...飞书小组件使用教程:https://www.visactor.io/vchart/guide/tutorial_docs/Cross-term...

回复
likes
适合作为回答的
  • 经过验证的有效解决办法
  • 自己的经验指引,对解决问题有帮助
  • 遵循 Markdown 语法排版,代码语义正确
不该作为回答的
  • 询问内容细节或回复楼层
  • 与题目无关的内容
  • “赞”“顶”“同问”“看手册”“解决了没”等毫无意义的内容