Working with Data in EJ 1 Angular Sparkline
7 Jun 2017 / 1 minute to read
Local Data
- You can bind the data to the Sparkline by using [
dataSource
] property and then you need to map the X and Y value with xName and yName properties respectively.
this.sparklinedata = [
{ employeeId: 1, sales: 25 },
{ employeeId: 2, sales: 28 },
{ employeeId: 3, sales: 34 },
{ employeeId: 4, sales: 32 },
{ employeeId: 5, sales: 40 },
{ employeeId: 6, sales: 32 },
{ employeeId: 7, sales: 35 },
{ employeeId: 8, sales: 55 },
{ employeeId: 9, sales: 38 },
{ employeeId: 10, sales: 30 }];
<ej-sparkline id="sparklinecontainer" [dataSource]="sparklinedata" xName="employeeId" yName="sales">
</ej-sparkline>
;
- You can also bind an array of data to Sparkline by using [
dataSource
] property.
<ej-sparkline id="sparklinecontainer" [dataSource]="[ 2, 6, -1, 1, 12, 5, -2, 7, -3, 5, 8, 10]">
</ej-sparkline>
;
Was this page helpful?
Yes
No
Thank you for your feedback!
Thank you for your feedback and comments. We will rectify this as soon as possible!
An unknown error has occurred. Please try again.
Help us improve this page