g-svg umd script run error

[deyihu]

Checklist

• npm test passes
• benchmarks are included
• commit message follows commit guidelines
• documents are updated

Description of change

• g-svg umd script run error

<script src="https://unpkg.com/@antv/[email protected]/dist/index.umd.min.js"></script>

• Issue Helper page error
  Issue Helper

• the demo about SVGRenderer Not the expected result
  svg render the render result still canvas

[xiaoiver]

UMD 格式 g-svg 的使用方式如下：

<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>

命名空间为 G.SVG：

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 即可，里面已经把 @antv/g 和 @antv/g-canvas 打包进去了。
但是当我们想使用非 Canvas 渲染器、g 提供的其他插件，就需要使用 g2-lite UMD，理由如下。

g-svg 这样的渲染器以及其他 g 的插件需要从 window.G 这样的命名空间下获取信息，而 g2 UMD 并不会暴露，这也是上面截图报错 undefined 的原因。

而 g2-lite UMD 版本会 external 掉 @antv/g 和 @antv/g-canvas，因此在使用时需要引入它俩的 UMD。

[deyihu]

@xiaoiver
lite版本我试了，部分图表还是有问题的，

不知道是不是G2内部写死导致，还是会去create Canvas renderer
https://codepen.io/deyihu/pen/zYmRqbp?editors=1010

理论上外部传入了， G2内部应该完全采用外部传入的renderer才对

const chart = new Chart({
  container: 'container',
  theme: 'classic',
  renderer: svgRenderer // 传入 SVG Renderer
});

尴尬的是如果不使用lite版本，外部传入renderer完全不生效

[deyihu]

鉴于打包体积的考虑，提供lite版本可以理解，而我的理解是：

• 只要用户外部传入renderer就应该使用用户传入的renderer
• 不管用户用lite版本还是完全版本的都应该遵循该原则
• 只有当用户不传renderer时，G2内部才需要自己去create renderer
• 基于以上，目前G2的总体设计有点没看懂