在前端开发中，数据可视化是非常重要的一环，而 AntV 是一个优秀的可视化应用框架。而 bisheng-plugin-antv 可以让我们更轻松地在 bisheng 中使用 AntV。
安装
首先，我们需要安装 bisheng 和 bisheng-plugin-antv。 如果你还没有安装 bisheng，请先安装它。
通过 npm 安装 bisheng 和 bisheng-plugin-antv：
--- ------- ---------- ------- -------------------
使用
在 bisheng.config.js 中添加以下配置：
-------------- - - -------- ------------------------ --
这样，bisheng-plugin-antv 就会被添加为 bisheng 的一个插件。接着，在 Markdown 中就可以直接使用 AntV 的组件了。比如：
-- ---- --------- ------- - ----- ---- --- --- --- -- -- - ----- ---- --- --- --- -- - ----
配置
bisheng-plugin-antv 支持以下配置：
- lib: 用于指定 AntV 库所在的 CDN 地址。默认为 https://gw.alipayobjects.com/os/antv/assets/3.x.x/g2/3.3.3/g2.min.js。
示例代码
---
------ -------- --
---
-- --
--------- ------- - ----- ---- --- --- --- -- -- - ----- ---- --- --- --- -- - ----
--------
------ - --- - ---- ----------------
------ ------- -
----------- -
--------- ---
-
-
---------通过这样配置之后，就可以在 Markdown 中调用 AntV 的 Bar 组件，显示一个简单的柱状图。
总结
通过使用 bisheng-plugin-antv，我们可以极大地简化数据可视化的工作，更加轻松地在 bisheng 中使用 AntV，实现漂亮的数据可视化效果。
来源：JavaScript中文网 ，转载请联系管理员！ 本文地址：https://www.javascriptcn.com/post/6005581881e8991b448d53e1