如何在小程序中使用图表库？-灵析社区

东三环

不同的图表库有不同的解决方案，下面介绍下 VChart 图表库的支持情况，目前 VChart 支持了飞书小程序、飞书小组件以及 taro 跨端框架的图表渲染，使用时非常简单，只需要在初始化图表示例的时候声明对应的跨端环境参数即可，图表配置项使用及功能上同 PC 表现一致。 代码示例 我们提供了飞书小组件以及飞书小程序的 demo 实例： 飞书小程序："https://github.com/VisActor/lark-vchart-example" (https://link.segmentfault.com/?enc=uB5FwK4WS91TiWZO81wZIg%3D%3D.32VPn9g3l8bza6sHJPymMnPlyxe0uka61meVa0gDeSOs6ucetVTZ2qqH8JeB%2FHhg) 飞书小组件："https://github.com/VisActor/VChart/tree/develop/packages/block-vchart" (https://link.segmentfault.com/?enc=dXvxPP7geMFFxU1CawLhDQ%3D%3D.HLAly5AGQwIoZXBuo191amiTFXwxq%2B%2Brkm4LDj0Rz8UagWmnn1uEDB%2BjBZ1jLfhjbltbg0U83LNyU8Wms5AKcLXxFrlTzZ%2Fnjc9mZlRNS54%3D) 结果展示 下面是在 飞书小程序上的图表渲染实例： "image.png" (https://wmprod.oss-cn-shanghai.aliyuncs.com/images/20250108/9d412c12342c5afa798e5ea65f27c7f9.png) 相关文档跨端兼容说明："https://www.visactor.io/vchart/guide/tutorial_docs/Cross-term..." (https://link.segmentfault.com/?enc=9E90wIaDtudwd3Ruee7Yvw%3D%3D.hEbrcJw04a%2FrziEWz7oM%2FMHvLsi7qZRRaAlcRM1Eq7p%2FVEknwLOwwht09m%2FY0TuB5XV7e8a25qRNhYwapDQqqWzDH56qpsJgIq5asmU19WO%2FmkNgjRZg%2B5iv2pGEiPVd2rPpbBzqnzi4c5HoZAZDWQ%3D%3D) 飞书小程序使用教程："https://www.visactor.io/vchart/guide/tutorial_docs/Cross-term..." (https://link.segmentfault.com/?enc=5MHT84klivPgqbignh8wxw%3D%3D.RXMWFEb6mCkCZ7gEJoy2c%2F5appOnQBGPWqmCFqhujNjuZhkH27cOQV4Dzn%2BN8pxIM%2F3wC3J5xiKyS8NbIHWZ0f%2FeUDyg5FBG09Vhbx3RfTibgdeRj%2BN9hoM5Wb%2FOcxPPDBK%2B4x2lt6UWTHB2V8uXnA%3D%3D) 飞书小组件使用教程："https://www.visactor.io/vchart/guide/tutorial_docs/Cross-term..." (https://link.segmentfault.com/?enc=yyJK0x47Av91ezCZECcAkQ%3D%3D.%2FbrPBNwTLbE2tZt115gGCARHrCUqT7NYYqhHntcvWBsdGRzBWyZp%2Fy4XtQ6ybnhqZhOB1E5C0j9Wl3Lz2Ffc8XJCNYK9bna1iLzmEOklBHAgP7laF7tDiyEVmDEaBkpq3r46Gw9nMM5NbuKjo%2B8YjA%3D%3D)