angular - 为什么 Vega 3 不能与 Angular2 一起使用？

Question

我正在尝试将Vega v3用于非常基本的Angular v2骨架（使用typescript v2和webpack v2），但获得了意外的行为，我将在下面尝试解释（从这里我将省略版本，但参考将是那些指定的在这里）。

完整的演示回购在这里。

• 首先，捆绑版本不适合我，所以我决定包含提供的示例中列出的每个依赖项，并直接使用 Vega 模块。

• 其次，有三个官方示例规范（第一个规范、第二个规范、第三个规范）用于测试所描述的设置。

• 第三，在为每个规范运行基本 Vega 绘图方法链之后，结果有两种类型：

  • 第一个规范，抛出以下错误：EXCEPTION: Error in ./VegaPlotComponent class VegaPlotComponent_Host - inline template:0:0 caused by: Cannot read property 'orient' of undefined这会破坏整个 Angular 应用程序。完整的堆栈跟踪在这里。
  • 第二个规范和第三个规范创建一个width="9", height="9"svg 正方形，没有明显的原因（第二个规范绘图大小，第三个规范绘图大小），如图 1 和图 2 所示。

图 1. Vega plot-Angular 组件 DOM 片段检查（开发工具）。

图 2. Vega plot-Angular 组件 DOM 片段被选中（渲染视图）。

那么，为什么 Vega 3 不能与 Angular2 一起使用呢？

Answer 1

我在官方 github 存储库中创建了一个问题，就在我在这里发布这个问题的同一周，但他们像六个月前一样关闭了它，因为自从我询问以来已经发生了重大变化。

目前有很多图书馆可以做到这一点。