0

当我使用 HighCharts angular 时出现此错误，请键入 '{ text: string; }' 不可分配给类型“TitleObject”。

const sampleData: Highcharts.Chart = {
      chart: {
        type: 'column',
      },
      title: { text: 'Total Predected Revenue Vs Actual Revenue' },
      xAxis: {
        categories: [
          '2010',
          '2011',
          '2012',
          '2013',
          '2014',
          '2015',
          '2016',
          '2017',
        ],
        crosshair: true,
      },
      yAxis: {
        min: 0,
      },
      series: [
        {
          name: 'Predected',
          data: [14, 17, 9, 10, 6, 19, 6, 8] ,
        } ,
        {
          name: 'Actual',
          data: [65, 74, 44, 66, 9, 23, 36, 51],
        },
      ],
    };

对于标题、类别、yaxis 和数据，我得到错误类型“{}”不可分配给类型“”。在高图表中

4

2 回答 2

0

我刚刚在https://github.com/highcharts/highcharts检查了 highcharts 的源代码。

我注意到 TitleObject 是 SVGElement 的子类。所以深入了解 SVGElement 类定义

class SVGElement {
    public constructor();
    [key: string]: any;
    public element: (HTMLDOMElement|SVGDOMElement);
    public hasBoxWidthChanged: boolean;
    public parentGroup?: SVGElement;
    public pathArray?: SVGPath;
    public r?: number;
    public renderer: SVGRenderer;
    public rotation?: number;
    public shadows?: Array<(HTMLDOMElement|SVGDOMElement)>;
    public oldShadowOptions?: Highcharts.ShadowOptionsObject;
    public styles?: CSSObject;
    public textStr?: string;
    public x?: number;
    public y?: number;
    public add(parent?: SVGElement): SVGElement;
    public addClass(className: string, replace?: boolean): SVGElement;
    public afterSetters(): void;
}

在这里https://github.com/highcharts/highcharts/blob/d1be8b45541bc903e7c3c3cacd010956a3a5db01/ts/parts/SVGElement.ts 你会注意到没有'text'属性。我想HighCharts将'text'更新为'textStr'。

于 2020-06-02T14:40:33.037 回答
0

尝试创建Chart该类的一个实例。

const sampleData = Highcharts.Chart(options = {...})
于 2020-06-02T14:15:01.757 回答