我是 nativescript 的新手。我尝试在 nativescript 中学习图表,但它给出了“TypeError:无法读取未定义的属性 'cartesianChart'”错误。
home.componet.html
<RadCartesianChart tkExampleTitle tkToggleNavButton>
<CategoricalAxis tkCartesianHorizontalAxis></CategoricalAxis>
<LinearAxis tkCartesianVerticalAxis></LinearAxis>
<LineSeries tkCartesianSeries [items]="categoricalSource" categoryProperty="Country" valueProperty="Amount"></LineSeries>
home.component.ts
import { Component, OnInit,ViewChild,AfterViewInit ,ElementRef} from '@angular/core';
import { WebView, LoadEventData } from "ui/web-view";
import { ObservableArray } from "tns-core-modules/data/observable-array";
import{DataService} from "../data.service"
import{Country} from "../country"
@Component({
moduleId: module.id,
selector: 'app-home',
providers: [DataService],
templateUrl: './home.component.html',
styleUrls: ['./home.component.scss']
})
export class HomeComponent implements OnInit {
private _categoricalSource: ObservableArray<Country>;
constructor(private _dataService: DataService) { }
get categoricalSource(): ObservableArray<Country> {
return this._categoricalSource;
}
ngOnInit() {
this._categoricalSource = new ObservableArray(this._dataService.getCategoricalSource());
}
}