Диаграмма, созданная с помощью Nativescript, не показывает значений (= пустая диаграмма)

Question

При создании диаграммы в Nativescript с использованием платформы RadCartesianChart генерируется только пустая диаграмма -> диаграмма не содержит ничего, представляющего входные данные.

В мобильном приложении Nativescript я хочу отображать данные почти в реальном времени, полученные из носимых устройств.Сбор данных и обработка данных работают нормально.

Однако мне не удалось создать граф, представляющий входные данные.Я могу изменить его оси, но график всегда остается пустым.

У вас есть какие-нибудь идеи?

Мой data.component.html (соответствующие части извлечены):

<StackLayout class="page page-content">
  <RadCartesianChart tkExampleTitle tkToggleNavButton>
     <LinearAxis tkCartesianHorizontalAxis></LinearAxis>
     <LinearAxis tkCartesianVerticalAxis></LinearAxis>
     <LineSeries tkCartesianSeries [items]="collectedData" categoryProperty="time" valueProperty="value">
     </LineSeries>
  </RadCartesianChart>
</StackLayout>

Мои данные.component.ts (извлечены соответствующие части):

import { Injectable, Component, OnInit, OnDestroy } from "@angular/core";
import { PlotDatapoint } from "./PlotDatapoint";

@Component({
    selector: "Data",
    moduleId: module.id,
    templateUrl: "./data.component.html"
})

@Injectable()

export class DataComponent implements OnInit, OnDestroy {
   constructor() {}

  ngOnInit(): void {
    this.collectedData = new ObservableArray<PlotDatapoint (this.dataSource);
    console.log (collectedData);
  }

  get dataSource() {
    return [
        { time: 1, value: 10},
        { time: 2, value: 10},
        { time: 3, value: 1},
        { time: 4, value: 3}

    ];
  }
}

Фактический результат -> Я получаю пустой видовой график.

Ожидаемый результат -> Видовой экран должен содержатьлинии или точки, представляющие входные данные.

Мое предположение: связь между data.component.ts и data.component.html не работает.

ОБНОВЛЕНИЕ

Я подготовил ссылку playgroud здесь: https://play.nativescript.org/?template=play-ng&id=8zpRGL&v=4

Между тем, я был довольно успешным в создании весьма значимых представлений.Основной проблемой был отличный, но довольно сложный Telerik-каркас (особенно вопрос «какой тип оси подходит к какой« серии »»).

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

- «CatigoricalAxis» не будет полезен.

Вместо этого, ось x должна быть «LinearAxis» или лучше «DateTimeContinuousAxis».

Моя текущая проблема : Мне не удалось получить разумную маркировку по оси X, например, "ЧЧ: ММ".Вместо этого отметка времени Unix ВСЕГДА сохраняется.