@nativescript/ui-charts

Highcharts iOS 和 Android SDKs 的 NativeScript 封装

安装

在命令提示符 / 终端中导航到您的应用程序根目录，然后运行

tns plugin add @nativescript/ui-charts

用法

探索插件用法的最佳方式是检查插件根目录中的演示应用程序。在 demo 文件夹中，您可以找到用于 TypeScript 非 Angular 应用程序的插件用法。有关不同图表类型的用法，请参考 demo/app/demos。

NativeScript Core

<Page xmlns="http://schemas.nativescript.org/tns.xsd"
  xmlns:uc="@nativescript/ui-charts">  <!-- Don't forget to declare the namespace -->
  <GridLayout>
    <uc:UIChartsView id="chartView" loaded="chartViewLoaded" />
  </GridLayout>
</Page>

export function chartViewLoaded(args) {
  chartView = args.object;
  chartView.setOptions(viewModel.get('chartOptions'));
}

chartOptions 是 HICharts 选项对象，请参考 https://www.highcharts.com/demo/ 获取灵感，并查看 https://api.highcharts.com/highcharts/ 获取 API 参考