Как исправить «Свойство type» отсутствует в типе, но требуется в типе «SeriesXrangeOptions» в модуле угловых старших диаграмм

Question

Я пытаюсь отобразить представление ценовой диаграммы выбранной криптовалюты в представлении списка криптовалют, но получаю ошибку несоответствия типов.

Я использовал модуль angular-highcharts в своем приложении и импортировал библиотеку диаграмм из этого модуля,

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;данные: {id: любой;имя: любое;у: любой;} [];} 'нельзя назначить типу' SeriesAbandsOptions |SeriesAdOptions |SeriesAoOptions |SeriesApoOptions |SeriesAreaOptions |SeriesArearangeOptions |SeriesAreasplineOptions |СерияAreasplinerangeOptions |... еще 82 ... |SeriesZigzagOptions '.

Свойство' type 'отсутствует в типе' {name: string;данные: {id: любой;имя: любое;у: любой;} [];} 'но требуется в типе' 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 в вашем коде. В TypeScript всегда должна быть установлена ​​опция type.

Итак, правильный код будет выглядеть так:

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 как тип серии для обеих серий.(И вы могли бы пропустить лишние пустые строки - добавленные просто для лучшего отображения измененного кода)

Та же проблема, о которой сообщалось и решалось на GitHub Highcharts, для справки: https://github.com/highcharts/highcharts/issues/9867