使用 ng2-charts 和 Nathan Walker Angular2 NativeScript

Posted

技术标签:

【中文标题】使用 ng2-charts 和 Nathan Walker Angular2 NativeScript【英文标题】:Use ng2-charts with Nathan Walker Angular2 NativeScript 【发布时间】:2017-12-05 06:52:27 【问题描述】:

我今天开始了一个新项目,使用 Nathan Walker 高级种子 Angular 2 和 nativescript。我需要使用 ng2-charts 或任何其他图表库。任何建议将不胜感激。

【问题讨论】:

【参考方案1】:

一般来说,这是不可能的,因为 nativescript 使用原生视图和原生 api,而 ng2-chart 使用 webview。 当然,nativescript 有 webview api https://docs.nativescript.org/cookbook/ui/web-view ,但我认为它是用于渲染 html(来自 raw 或 url) 因此,您的解决方案是找到与 nativescript 一起使用的原生图表 https://github.com/markosko/nativescript-charts 或官方(付费)http://docs.telerik.com/devtools/nativescript-ui/Controls/NativeScript/Chart/getting-started

【讨论】:

【参考方案2】:

Official NativeScript UI组件不再付费,是满足您需求的首选组件。

它还有 Angular-Nativescript 组合的字符 here

在开始编码之前使用这些 UI 组件的简单方法是提供演示应用程序 here。

【讨论】:

以上是关于使用 ng2-charts 和 Nathan Walker Angular2 NativeScript的主要内容,如果未能解决你的问题,请参考以下文章

如何在Angular中使用自定义比例绘制ng2-charts水平条形图?

NG2-Charts 仅在刷新页面后显示

NG2-Charts 无法绑定到“数据集”,因为它不是“画布”的已知属性

ng2-charts数据标签上的千位分隔符

css Nathan Hackley的一支笔。

未捕获的 ReferenceError:在 Angular 2 webpack 全局库安装中未定义要求