-
Checklist
Description of change
<script src="https://unpkg.com/@antv/[email protected]/dist/index.umd.min.js"></script>
|
Beta Was this translation helpful? Give feedback.
Answered by
xiaoiver
May 6, 2023
Replies: 1 comment 2 replies
-
UMD 格式 <script src="https://unpkg.com/@antv/g"></script>
<script src="https://unpkg.com/@antv/g-svg"></script>
<script src="https://unpkg.com/@antv/[email protected]/dist/g2-lite.min.js"></script> 命名空间为 const svgRenderer = new window.G.SVG.Renderer();
const { Chart } = window.G2;
const chart = new Chart({
container: 'container',
theme: 'classic',
renderer: svgRenderer // 传入 SVG Renderer
}); 在线示例:https://codepen.io/xiaoiver/pen/zYmpbNJ 什么情况下使用 g2-lite 版本?正常情况下使用 g2 UMD 即可,里面已经把 g-svg 这样的渲染器以及其他 g 的插件需要从 window.G 这样的命名空间下获取信息,而 g2 UMD 并不会暴露,这也是上面截图报错 undefined 的原因。 而 g2-lite UMD 版本会 external 掉 |
Beta Was this translation helpful? Give feedback.
2 replies
Answer selected by
hustcc
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
UMD 格式
g-svg
的使用方式如下:命名空间为
G.SVG
:在线示例:https://codepen.io/xiaoiver/pen/zYmpbNJ
什么情况下使用 g2-lite 版本?
正常情况下使用 g2 UMD 即可,里面已经把
@antv/g
和@antv/g-canvas
打包进去了。但是当我们想使用非 Canvas 渲染器、g 提供的其他插件,就需要使用 g2-lite UMD,理由如下。
g-svg 这样的渲染器以及其他 g 的插件需要从 window.G 这样的命名空间下获取信息,而 g2 UMD 并不会暴露,这也是上面截图报错 undefined 的原因。
而 g2-lite UMD 版本会 e…