angular - 如何修复类型中缺少 "Property ' 类型，但在 angular highcharts 模块中类型 'SeriesXrangeOptions' 中需要“

Question

我试图在加密货币 ListView 中显示所选加密货币的价格图表 View ，但出现类型不匹配错误。

我在我的应用程序中使用了 angular-highcharts 模块，并从该模块导入了 Chart 库。

import { Chart } from 'angular-highcharts';

series: [{
  name: 'Price',
  data: [{
    id: this.comparearray[0].symbol,
    name: this.comparearray[0].name,
    y: this.comparearray[0].quotes.USD.price
  }]
},
{
  name: "Volume_24h",
  data: [{
    id: this.comparearray[0].symbol,
    name: this.comparearray[0].name,
    y: this.comparearray[0].quotes.USD.volume_24h
  }]
}]

我在以上所有行中都收到以下错误:

Type '{ name: string; data: { id: any; name: any; y: any; }[]; }' is not assignable to type 'SeriesAbandsOptions | SeriesAdOptions | SeriesAoOptions | SeriesApoOptions | SeriesAreaOptions | SeriesArearangeOptions | SeriesAreasplineOptions | SeriesAreasplinerangeOptions | ... 82 more ... | SeriesZigzagOptions'.

Property 'type' is missing in type '{ name: string; data: { id: any; name: any; y: any; }[]; }' but required in type 'SeriesXrangeOptions'.ts(2322) highcharts.d.ts(339172, 5): 'type' is declared here.

我应该获得所选加密货币的图表 View ，显示 24 小时内的交易量和价格。

Answer 1

也收到了相同的“SeriesXrangeOptions”错误，但是 xrange不是有效的类型选项。指定系列图表类型适用于那些收到无效类型错误的人。

工作示例:

chart = new Chart({
    chart: {
        type: 'line'
    },
    title: {
        text: 'Linechart'
    },
    credits: {
        enabled: false
    },
    series: [{
        type: 'line',
        name: 'Jane',
        data: [1, 0, 4, 6, 11]
    }, {
        type: 'line',
        name: 'John',
        data: [5, 7, 3, 2, 9]
    }]
});