Chart plugin for Nativescript
Standalone plugin, not part of Telerik UI
Android uses https://github.com/PhilJay/MPAndroidChart
iOS not implemented
Plugin for now contains Line chart type
Line type:
Add namespace xmlns:LineChart="nativescript-charts/line-chart"
chartSettings are type of ILineChart
chartData is type of ILineSeries
Each point is object of {x,y}
Both can be imported from nativescript-charts/line-chart
Example for LineChart
var points = [
{x:1,y:4},
{x:3,y:5.9},
{x:7,y:4},
{x:8,y:10},
{x:10,y:1}
];
var lineData:ILineSeries = {
lineData: points,
color:"green",
name:"test",
};
var linechartOpts:ILineChart= <ILineChart>{
Legend:{
enabled:false,
form:LegendForm.CIRCLE,
},
XAxis:{
textSize:12,
textColor:"green",
position:XPosition.TOP,
axisMinimum:-30,
axisMaximum:30,
drawGridLines:false,
showOnlyMinMax:false,
enabled:true
},
RightYAxis:{
textSize:10,
textColor:"green",
position:YPosition.OUTSIDE_CHART,
axisMaximum:120,
axisMinimum:-10,
showOnlyMinMax:false,
drawGridLines:false,
enabled:true
},
LeftYAxis:{
textSize:10,
textColor:"green",
position:YPosition.OUTSIDE_CHART,
axisMaximum:120,
axisMinimum:-10,
showOnlyMinMax:false,
drawGridLines:false,
enabled:true
},
BaseSettings:{
enabledDescription:false,
drawGridBackground:false,
}
};
<Page xmlns="http://schemas.nativescript.org/tns.xsd" loaded="pageLoaded"
xmlns:LineChart="nativescript-charts/line-chart">
<LineChart:LineChart chartSettings="{{chartSettings}}" chartData="{{chartData}}"/>
</Page>
-
项目场景： 关于VUE导出含（charts）图表的word文档 问题描述： 由于项目需求要导出数据，开始做的PDF,但是后期考虑到，PDF无法编辑的问题，需要以word文档的形式展示，开始之前需要安装以下依赖： npm i jszip-utils --save npm i file-saver --save npm i pizzip --save npm i docxtemplater --sav
-
NativeScript 可以使用 Javascript，CSS, XML 创建真正的 Native 跨平台应用，支持 iOS Android，NativeScript 将您的跨平台代码翻译成目标平台的代码。 UI 使用 XML 描述，CSS 样式，在编译时将 UI 转化成本地原生代码,最终得到正在的 Native 原生应用。 Telerik 公开了用于创建安卓、iOS和Windows Unive
-
@nativescript/ui-charts Nativescript wrapper for Highcharts iOS and Android SDKs Installation In Command prompt / Terminal navigate to your application root folder and run: tns plugin add @nativescrip
-
NativeScript Command-Line Interface The NativeScript CLI lets you create, build, and deploy NativeScript-based apps on iOS and Android devices. Get it using: npm install -g nativescript What is Native
-
NativeScript-Snackbar �� �� �� NativeScript plugin for Material Design SnackBar component. Installation: NativeScript 7+:tns plugin add @nstudio/nativescript-snackbar NativeScript version prior to 7:t
-
Nativescript-Ripple This plugin aims to bring a native (or close to native) ripple implementation on Android and iOS. The android version uses a RippleDrawable and conserves the previous background, a
-
NativeScript-FloatingActionButton NativeScript plugin for Material Design Floating Action Button UI component. Installation Nativescript 7+: ns plugin add @nstudio/nativescript-floatingactionbutton Na