如何修复类型中缺少“属性'类型'但在角度高图模块中的'SeriesXrangeOptions'类型中需要”

Question

我试图在加密货币列表视图中显示所选加密货币的价格图表视图，但我收到类型不匹配错误。

我在我的应用程序中使用了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
  }]
}]

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

---

输入'{name：string; data：{id：any;名称：任何; y：任何; } []; }'不能赋值为'SeriesAbandsOptions | SeriesAdOptions | SeriesAoOptions | SeriesApoOptions | SeriesAreaOptions | SeriesArearangeOptions | SeriesAreasplineOptions | SeriesAreasplinerangeOptions | ......还有82 ... ... SeriesZigzagOptions'。

类型'{name：string;中缺少属性'type'; data：{id：any;名称：任何; y：任何; } []; }'但在类型'SeriesXrangeOptions'.ts（2322）中需要highcharts.d.ts（339172,5）：'type'在这里声明。

---

我应该得到所选加密货币的图表视图，显示超过24小时和价格的交易量。

Answer 1

Property 'type' is missing in type '{ name: string; data: { id: any; name: any; y: any; }[]; }'

但在类型'SeriesXrangeOptions'.ts（2322）中需要highcharts.d.ts（339172,5）：'type'在这里声明。

错误是关于代码中Series对象中缺少属性。 In TypeScript the type option must always be set.

所以，正确的代码将是：

series: [{

  type: 'xrange`,

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

  type: 'xrange`,

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

假设您要将xrange设置为两个系列的系列类型。 （并且你可以跳过额外的空行 - 添加只是为了更好地显示更改的代码）

同样的问题在Highcharts github上报告和解决，供参考：https://github.com/highcharts/highcharts/issues/9867

Answer 2

同样收到相同的“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]
    }]
});