@rpan93/ron-lib 0.0.5 → 0.0.6
Sign up to get free protection for your applications and to get access to all the features.
package/package.json
CHANGED
@@ -14,8 +14,8 @@
|
|
14
14
|
Dashboard
|
15
15
|
<ion-card class="welcome-card">
|
16
16
|
<ion-card-header>
|
17
|
-
<ion-card-subtitle>
|
18
|
-
<ion-card-title>
|
17
|
+
<ion-card-subtitle>Authorizations</ion-card-subtitle>
|
18
|
+
<ion-card-title>Transaction details</ion-card-title>
|
19
19
|
</ion-card-header>
|
20
20
|
<ion-card-content>
|
21
21
|
<canvas #barChart></canvas>
|
@@ -9,28 +9,18 @@ import { HttpClient } from '@angular/common/http';
|
|
9
9
|
export class DashboardPage implements OnInit {
|
10
10
|
@ViewChild('barChart', {static: true}) barChart: ElementRef;
|
11
11
|
bars: any;
|
12
|
-
|
13
|
-
colorArray: any;
|
14
|
-
constructor( private http: HttpClient ){}
|
12
|
+
constructor(){}
|
15
13
|
|
16
14
|
ngOnInit() {
|
17
15
|
this.createBarChart();
|
18
16
|
}
|
19
|
-
fetchData() {
|
20
|
-
const my_url = 'http://www.mocky.io/v2/5d28754a2c000066003eda63?mocky-delay=3000ms'
|
21
|
-
this.http.get(my_url).subscribe(data => {
|
22
|
-
console.log(data);
|
23
|
-
this.apiData = data;
|
24
|
-
})
|
25
|
-
}
|
26
|
-
|
27
17
|
createBarChart() {
|
28
18
|
this.bars = new Chart(this.barChart.nativeElement, {
|
29
19
|
type: 'bar',
|
30
20
|
data: {
|
31
21
|
labels: ['S1', 'S2', 'S3', 'S4', 'S5', 'S6', 'S7', 'S8'],
|
32
22
|
datasets: [{
|
33
|
-
label: '
|
23
|
+
label: 'Transactions in millions',
|
34
24
|
data: [2.5, 3.8, 5, 6.9, 6.9, 7.5, 10, 17],
|
35
25
|
backgroundColor: 'rgb(38, 194, 129)', // array should have same number of elements as number of dataset
|
36
26
|
borderColor: 'rgb(38, 194, 129)',// array should have same number of elements as number of dataset
|