在前端开发中，数据可视化是非常重要的一环，而 AntV 是一个优秀的可视化应用框架。而 bisheng-plugin-antv 可以让我们更轻松地在 bisheng 中使用 AntV。
安装
首先，我们需要安装 bisheng 和 bisheng-plugin-antv。 如果你还没有安装 bisheng，请先安装它。
通过 npm 安装 bisheng 和 bisheng-plugin-antv：
npm install --save-dev bisheng bisheng-plugin-antv
使用
在 bisheng.config.js 中添加以下配置：
module.exports = {
plugins: ['bisheng-plugin-antv'],
};这样，bisheng-plugin-antv 就会被添加为 bisheng 的一个插件。接着，在 Markdown 中就可以直接使用 AntV 的组件了。比如：
## 使用示例
<BarChart data={[ { name: 'a', uv: 12, pv: 34 }, { name: 'b', uv: 56, pv: 78 } ]}/>配置
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