Как использовать Amcharts4 в angular6?

Question

Я реализую amcharts4 Демо "Animated-Gauge" в проекте angular6.

Вот мой код:

StackBlitz

Он отлично работает в онлайн-редакторе StackBlitz, но выдает ошибку при реализации в моем проекте angular6,Он выдает предупреждение об ошибке в строке номер 25, которая является

var axis = chart.xAxes.push(new am4charts.ValueAxis());

И выдает эту ошибку, когда я нахожу сообщение об ошибке строки номер 25.

Argument of type 'ValueAxis<AxisRenderer> is not assignable to parameter'
of type Axis<AxisRendererCircular>

Вот моя ошибкаimage:

Как я могу решить эту проблему?

Answer 1

Иногда вам нужно дать подсказки компилятору машинописного текста, чтобы он знал, какой тип оси вы используете для калибровочных диаграмм.Попробуйте изменить новое создание оси значений на:

var chart.xAxes.push(new am4charts.ValueAxis<am4charts.AxisRendererCircular>());

Если вы столкнулись с подобной ошибкой для оси категории измерительной диаграммы (если она есть), используйте

chart.yAxes.push(new am4charts.CategoryAxis<am4charts.AxisRendererRadial>());

Также сделайтеубедитесь, что у вас есть TypeScript> = 2.8.1 для вашего локального проекта (stackblitz использует 3.1.1) и убедитесь, что в вашем файле tsconfig.json есть следующие строки, как описано здесь

{
  "compilerOptions": {
    "strictNullChecks": false,
    "strictFunctionTypes": false
  }
}