Question

使用RadCartesianChart框架在Nativescript中创建图时，只会生成一个空图->该图不包含任何表示输入数据的内容。

在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>

我的data.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框架（尤其是“哪个轴类型与哪个'... Series'一起出现”的问题。）

但是，目标是根据其时间戳显示从我们的可穿戴设备接收的数据。辍学应该是可识别的：

-“ CatigoricalAxis”不会有用。

相反，x轴应为“ LinearAxis”或更好的“ DateTimeContinuousAxis”。

我当前的问题：我没有获得合理的x轴标签，例如“ HH：MM”。相反，Unix时间戳始终存在。

使用Nativescript创建的图未显示任何值（=空图）

更新

0 个答案: