Apache ECharts 属性“触发器”类型不兼容

Question

在这个演示中我正在尝试构建一些选项，这就是我到目前为止所拥有的。

  testOptions: EChartsOption = Object.assign(
    {},
    {
      backgroundColor: 'red',
      tooltip: {
        trigger: 'axis',
      },
    }
  );

这会产生错误：

Error in src/echart.component.ts (20:3)
Type '{ backgroundColor: string; tooltip: { trigger: string; }; }' is not assignable to type 'EChartsOption'.
Types of property 'tooltip' are incompatible.
Type '{ trigger: string; }' is not assignable to type 'TooltipOption | TooltipOption[] | undefined'.
Type '{ trigger: string; }' is not assignable to type 'TooltipOption'.
Types of property 'trigger' are incompatible.
Type 'string' is not assignable to type '"axis" | "item" | "none" | undefined'.

并且我们应该能够根据

文档

将集合

trigger

分配给axis，所以只是想弄清楚这是否是

EChartOption

类型中的错误？

Answer 1

好的，明白了...这是因为

Object.assign

用于创建选项实例。

如果我们只是用对象实例分配选项，它就可以正常工作。

  options: EChartsOption = {
    backgroundColor: 'red',
    tooltip: {
      trigger: 'axis',
    },
  };

这是一个演示。

https://stackblitz.com/edit/stackblitz-starters-prlywu?file=src%2Fechart.component.ts