diff --git a/src/app/components/grouped-vertical-bar-chart/grouped-vertical-bar-chart.component.html b/src/app/components/grouped-vertical-bar-chart/grouped-vertical-bar-chart.component.html
deleted file mode 100644
index dd1a43c..0000000
--- a/src/app/components/grouped-vertical-bar-chart/grouped-vertical-bar-chart.component.html
+++ /dev/null
@@ -1,18 +0,0 @@
-
-
\ No newline at end of file
diff --git a/src/app/components/grouped-vertical-bar-chart/grouped-vertical-bar-chart.component.scss b/src/app/components/grouped-vertical-bar-chart/grouped-vertical-bar-chart.component.scss
deleted file mode 100644
index e69de29..0000000
diff --git a/src/app/components/grouped-vertical-bar-chart/grouped-vertical-bar-chart.component.spec.ts b/src/app/components/grouped-vertical-bar-chart/grouped-vertical-bar-chart.component.spec.ts
deleted file mode 100644
index c8a9912..0000000
--- a/src/app/components/grouped-vertical-bar-chart/grouped-vertical-bar-chart.component.spec.ts
+++ /dev/null
@@ -1,24 +0,0 @@
-import { ComponentFixture, TestBed, waitForAsync } from '@angular/core/testing';
-import { IonicModule } from '@ionic/angular';
-
-import { GroupedVerticalBarChartComponent } from './grouped-vertical-bar-chart.component';
-
-describe('GroupedVerticalBarChartComponent', () => {
- let component: GroupedVerticalBarChartComponent;
- let fixture: ComponentFixture;
-
- beforeEach(waitForAsync(() => {
- TestBed.configureTestingModule({
- declarations: [ GroupedVerticalBarChartComponent ],
- imports: [IonicModule.forRoot()]
- }).compileComponents();
-
- fixture = TestBed.createComponent(GroupedVerticalBarChartComponent);
- component = fixture.componentInstance;
- fixture.detectChanges();
- }));
-
- it('should create', () => {
- expect(component).toBeTruthy();
- });
-});
diff --git a/src/app/components/grouped-vertical-bar-chart/grouped-vertical-bar-chart.component.ts b/src/app/components/grouped-vertical-bar-chart/grouped-vertical-bar-chart.component.ts
deleted file mode 100644
index dfba553..0000000
--- a/src/app/components/grouped-vertical-bar-chart/grouped-vertical-bar-chart.component.ts
+++ /dev/null
@@ -1,91 +0,0 @@
-import { Component, Input, OnInit } from '@angular/core';
-import { LegendPosition, NgxChartsModule } from '@swimlane/ngx-charts';
-
-@Component({
- selector: 'app-grouped-vertical-bar-chart',
- templateUrl: './grouped-vertical-bar-chart.component.html',
- styleUrls: ['./grouped-vertical-bar-chart.component.scss'],
- standalone: true,
- imports: [NgxChartsModule],
-})
-export class GroupedVerticalBarChartComponent implements OnInit {
-
- // options
- showXAxis: boolean = true;
- showYAxis: boolean = true;
- gradient: boolean = true;
- showLegend: boolean = true;
- showXAxisLabel: boolean = true;
- xAxisLabel: string = 'Country';
- showYAxisLabel: boolean = true;
- yAxisLabel: string = 'Population';
- legendTitle: string = 'Years';
- @Input() view: any;
- @Input() legendPosition = LegendPosition.Right;
-
- colorScheme: any = {
- domain: ['#5AA454', '#C7B42C', '#AAAAAA'],
- };
-
- multi: any[] = [];
-
- constructor() {}
-
- ngOnInit() {
- this.multi = [
- {
- name: 'Germany',
- series: [
- {
- name: '2010',
- value: 7300000,
- },
- {
- name: '2011',
- value: 8940000,
- },
- ],
- },
-
- {
- name: 'USA',
- series: [
- {
- name: '2010',
- value: 7870000,
- },
- {
- name: '2011',
- value: 8270000,
- },
- ],
- },
-
- {
- name: 'France',
- series: [
- {
- name: '2010',
- value: 5000002,
- },
- {
- name: '2011',
- value: 5800000,
- },
- ],
- },
- ];
- }
-
- onSelect(data: any): void {
- console.log('Item clicked', JSON.parse(JSON.stringify(data)));
- }
-
- onActivate(data: any): void {
- console.log('Activate', JSON.parse(JSON.stringify(data)));
- }
-
- onDeactivate(data: any): void {
- console.log('Deactivate', JSON.parse(JSON.stringify(data)));
- }
-}
diff --git a/src/app/components/horizontal-bar-chart/horizontal-bar-chart.component.html b/src/app/components/horizontal-bar-chart/horizontal-bar-chart.component.html
deleted file mode 100644
index bdc2cdd..0000000
--- a/src/app/components/horizontal-bar-chart/horizontal-bar-chart.component.html
+++ /dev/null
@@ -1,18 +0,0 @@
-
-
-
\ No newline at end of file
diff --git a/src/app/components/horizontal-bar-chart/horizontal-bar-chart.component.scss b/src/app/components/horizontal-bar-chart/horizontal-bar-chart.component.scss
deleted file mode 100644
index e69de29..0000000
diff --git a/src/app/components/horizontal-bar-chart/horizontal-bar-chart.component.spec.ts b/src/app/components/horizontal-bar-chart/horizontal-bar-chart.component.spec.ts
deleted file mode 100644
index f5b99d2..0000000
--- a/src/app/components/horizontal-bar-chart/horizontal-bar-chart.component.spec.ts
+++ /dev/null
@@ -1,24 +0,0 @@
-import { ComponentFixture, TestBed, waitForAsync } from '@angular/core/testing';
-import { IonicModule } from '@ionic/angular';
-
-import { HorizontalBarChartComponent } from './horizontal-bar-chart.component';
-
-describe('HorizontalBarChartComponent', () => {
- let component: HorizontalBarChartComponent;
- let fixture: ComponentFixture;
-
- beforeEach(waitForAsync(() => {
- TestBed.configureTestingModule({
- declarations: [ HorizontalBarChartComponent ],
- imports: [IonicModule.forRoot()]
- }).compileComponents();
-
- fixture = TestBed.createComponent(HorizontalBarChartComponent);
- component = fixture.componentInstance;
- fixture.detectChanges();
- }));
-
- it('should create', () => {
- expect(component).toBeTruthy();
- });
-});
diff --git a/src/app/components/horizontal-bar-chart/horizontal-bar-chart.component.ts b/src/app/components/horizontal-bar-chart/horizontal-bar-chart.component.ts
deleted file mode 100644
index dbaccda..0000000
--- a/src/app/components/horizontal-bar-chart/horizontal-bar-chart.component.ts
+++ /dev/null
@@ -1,58 +0,0 @@
-import { Component, Input, OnInit } from '@angular/core';
-import { LegendPosition, NgxChartsModule } from '@swimlane/ngx-charts';
-
-@Component({
- selector: 'app-horizontal-bar-chart',
- templateUrl: './horizontal-bar-chart.component.html',
- styleUrls: ['./horizontal-bar-chart.component.scss'],
- standalone: true,
- imports: [NgxChartsModule],
-})
-export class HorizontalBarChartComponent implements OnInit {
- // options
- showXAxis: boolean = true;
- showYAxis: boolean = true;
- gradient: boolean = false;
- showLegend: boolean = true;
- showXAxisLabel: boolean = true;
- yAxisLabel: string = 'Country';
- showYAxisLabel: boolean = true;
- xAxisLabel: string = 'Population';
- @Input() view: any;
- @Input() legendPosition = LegendPosition.Below;
- single: any[] = [];
- colorScheme: any = {
- domain: ['#5AA454', '#A10A28', '#C7B42C', '#AAAAAA'],
- };
-
- constructor() {}
-
- ngOnInit() {
- this.single = [
- {
- "name": "Germany",
- "value": 8940000
- },
- {
- "name": "USA",
- "value": 5000000
- },
- {
- "name": "France",
- "value": 7200000
- }
- ];
- }
-
- onSelect(data: any): void {
- console.log('Item clicked', JSON.parse(JSON.stringify(data)));
- }
-
- onActivate(data: any): void {
- console.log('Activate', JSON.parse(JSON.stringify(data)));
- }
-
- onDeactivate(data: any): void {
- console.log('Deactivate', JSON.parse(JSON.stringify(data)));
- }
-}
diff --git a/src/app/components/line-chart/line-chart.component.html b/src/app/components/line-chart/line-chart.component.html
deleted file mode 100644
index 97c6dd5..0000000
--- a/src/app/components/line-chart/line-chart.component.html
+++ /dev/null
@@ -1,17 +0,0 @@
-
-
\ No newline at end of file
diff --git a/src/app/components/line-chart/line-chart.component.scss b/src/app/components/line-chart/line-chart.component.scss
deleted file mode 100644
index e69de29..0000000
diff --git a/src/app/components/line-chart/line-chart.component.spec.ts b/src/app/components/line-chart/line-chart.component.spec.ts
deleted file mode 100644
index ca25565..0000000
--- a/src/app/components/line-chart/line-chart.component.spec.ts
+++ /dev/null
@@ -1,24 +0,0 @@
-import { ComponentFixture, TestBed, waitForAsync } from '@angular/core/testing';
-import { IonicModule } from '@ionic/angular';
-
-import { LineChartComponent } from './line-chart.component';
-
-describe('LineChartComponent', () => {
- let component: LineChartComponent;
- let fixture: ComponentFixture;
-
- beforeEach(waitForAsync(() => {
- TestBed.configureTestingModule({
- declarations: [ LineChartComponent ],
- imports: [IonicModule.forRoot()]
- }).compileComponents();
-
- fixture = TestBed.createComponent(LineChartComponent);
- component = fixture.componentInstance;
- fixture.detectChanges();
- }));
-
- it('should create', () => {
- expect(component).toBeTruthy();
- });
-});
diff --git a/src/app/components/line-chart/line-chart.component.ts b/src/app/components/line-chart/line-chart.component.ts
deleted file mode 100644
index acb7931..0000000
--- a/src/app/components/line-chart/line-chart.component.ts
+++ /dev/null
@@ -1,84 +0,0 @@
-import { Component, Input, OnInit } from '@angular/core';
-import { NgxChartsModule } from '@swimlane/ngx-charts';
-import { PengukuranService } from '../../services/pengukuran.service';
-import { Storage } from '@ionic/storage-angular';
-
-@Component({
- selector: 'app-line-chart',
- templateUrl: './line-chart.component.html',
- styleUrls: ['./line-chart.component.scss'],
- standalone: true,
- imports: [NgxChartsModule],
-})
-export class LineChartComponent implements OnInit {
-
- // options
- legend: boolean = true;
- showLabels: boolean = true;
- animations: boolean = true;
- xAxis: boolean = true;
- yAxis: boolean = true;
- showYAxisLabel: boolean = true;
- showXAxisLabel: boolean = true;
- xAxisLabel: string = 'INDIKATOR KESEHATAN INDIVIDU';
- yAxisLabel: string = 'Berat Badan';
- timeline: boolean = true;
- multi: any[] = [];
- @Input() view: any;
- colorScheme: any = {
- domain: ['#5AA454', '#E44D25', '#CFC0BB', '#7aa3e5', '#a8385d', '#aae3f5']
- };
-
- constructor(
- private pengukuranService: PengukuranService,
- private storage: Storage,) { }
-
- async ngOnInit() {
- await this.storage.create();
- this.getDataGraph()
- // this.generateData();
- }
- async getDataGraph() {
- const id_identitas = await this.storage.get('id_identitas');
- this.pengukuranService.getGraphByIdentitas(id_identitas).subscribe(
- async (response: any[]) => {
- console.log(response);
-
- // Filter the response to include only the segment with the name "Berat Badan"
- const filteredResponse = response.filter(series => series.series_name === "Berat Badan");
-
- // Transform the filtered response into the desired format
- this.multi = filteredResponse.map(series => ({
- name: series.series_name,
- series: series.series_data.map((value: any, index: number) => ({
- name: (index + 1).toString(), // Use index + 1 as the name
- value: value
- }))
- }));
- },
- error => {
- console.error('Error fetching data:', error);
- }
- );
- }
- private getDateByIndex(index: number): string {
- // Define a method to generate date strings based on index
- // For demonstration, we use a fixed start date and increment it by one day for each index
- const startDate = new Date('2024-01-01');
- const date = new Date(startDate);
- date.setDate(startDate.getDate() + index);
-
- return date.toISOString().split('T')[0]; // Format date as 'YYYY-MM-DD'
- }
- onSelect(data: any): void {
- console.log('Item clicked', JSON.parse(JSON.stringify(data)));
- }
-
- onActivate(data: any): void {
- console.log('Activate', JSON.parse(JSON.stringify(data)));
- }
-
- onDeactivate(data: any): void {
- console.log('Deactivate', JSON.parse(JSON.stringify(data)));
- }
-}
diff --git a/src/app/components/pie-chart/pie-chart.component.html b/src/app/components/pie-chart/pie-chart.component.html
deleted file mode 100644
index a44f710..0000000
--- a/src/app/components/pie-chart/pie-chart.component.html
+++ /dev/null
@@ -1,15 +0,0 @@
-
-
-
\ No newline at end of file
diff --git a/src/app/components/pie-chart/pie-chart.component.scss b/src/app/components/pie-chart/pie-chart.component.scss
deleted file mode 100644
index e69de29..0000000
diff --git a/src/app/components/pie-chart/pie-chart.component.spec.ts b/src/app/components/pie-chart/pie-chart.component.spec.ts
deleted file mode 100644
index 1cdbc49..0000000
--- a/src/app/components/pie-chart/pie-chart.component.spec.ts
+++ /dev/null
@@ -1,24 +0,0 @@
-import { ComponentFixture, TestBed, waitForAsync } from '@angular/core/testing';
-import { IonicModule } from '@ionic/angular';
-
-import { PieChartComponent } from './pie-chart.component';
-
-describe('PieChartComponent', () => {
- let component: PieChartComponent;
- let fixture: ComponentFixture;
-
- beforeEach(waitForAsync(() => {
- TestBed.configureTestingModule({
- declarations: [ PieChartComponent ],
- imports: [IonicModule.forRoot()]
- }).compileComponents();
-
- fixture = TestBed.createComponent(PieChartComponent);
- component = fixture.componentInstance;
- fixture.detectChanges();
- }));
-
- it('should create', () => {
- expect(component).toBeTruthy();
- });
-});
diff --git a/src/app/components/pie-chart/pie-chart.component.ts b/src/app/components/pie-chart/pie-chart.component.ts
deleted file mode 100644
index 57218e7..0000000
--- a/src/app/components/pie-chart/pie-chart.component.ts
+++ /dev/null
@@ -1,60 +0,0 @@
-import { Component, Input, OnInit } from '@angular/core';
-import { LegendPosition, NgxChartsModule } from '@swimlane/ngx-charts';
-
-@Component({
- selector: 'app-pie-chart',
- templateUrl: './pie-chart.component.html',
- styleUrls: ['./pie-chart.component.scss'],
- standalone: true,
- imports: [NgxChartsModule],
-})
-export class PieChartComponent implements OnInit {
-
- // options
- gradient: boolean = true;
- showLegend: boolean = true;
- showLabels: boolean = true;
- isDoughnut: boolean = false;
- @Input() view: any;
- @Input() legendPosition = LegendPosition.Right;
- colorScheme: any = {
- domain: ['#5AA454', '#A10A28', '#C7B42C', '#AAAAAA']
- };
- single: any[] = [];
-
- constructor() { }
-
- ngOnInit() {
- this.single = [
- {
- "name": "Germany",
- "value": 8940000
- },
- {
- "name": "USA",
- "value": 5000000
- },
- {
- "name": "France",
- "value": 7200000
- },
- {
- "name": "UK",
- "value": 6200000
- }
- ];
- }
-
- onSelect(data: any): void {
- console.log('Item clicked', JSON.parse(JSON.stringify(data)));
- }
-
- onActivate(data: any): void {
- console.log('Activate', JSON.parse(JSON.stringify(data)));
- }
-
- onDeactivate(data: any): void {
- console.log('Deactivate', JSON.parse(JSON.stringify(data)));
- }
-
-}
diff --git a/src/app/components/vertical-bar-chart/vertical-bar-chart.component.html b/src/app/components/vertical-bar-chart/vertical-bar-chart.component.html
deleted file mode 100644
index 6844b54..0000000
--- a/src/app/components/vertical-bar-chart/vertical-bar-chart.component.html
+++ /dev/null
@@ -1,16 +0,0 @@
-
-
-
\ No newline at end of file
diff --git a/src/app/components/vertical-bar-chart/vertical-bar-chart.component.scss b/src/app/components/vertical-bar-chart/vertical-bar-chart.component.scss
deleted file mode 100644
index e69de29..0000000
diff --git a/src/app/components/vertical-bar-chart/vertical-bar-chart.component.spec.ts b/src/app/components/vertical-bar-chart/vertical-bar-chart.component.spec.ts
deleted file mode 100644
index 2f3336d..0000000
--- a/src/app/components/vertical-bar-chart/vertical-bar-chart.component.spec.ts
+++ /dev/null
@@ -1,24 +0,0 @@
-import { ComponentFixture, TestBed, waitForAsync } from '@angular/core/testing';
-import { IonicModule } from '@ionic/angular';
-
-import { VerticalBarChartComponent } from './vertical-bar-chart.component';
-
-describe('VerticalBarChartComponent', () => {
- let component: VerticalBarChartComponent;
- let fixture: ComponentFixture;
-
- beforeEach(waitForAsync(() => {
- TestBed.configureTestingModule({
- declarations: [ VerticalBarChartComponent ],
- imports: [IonicModule.forRoot()]
- }).compileComponents();
-
- fixture = TestBed.createComponent(VerticalBarChartComponent);
- component = fixture.componentInstance;
- fixture.detectChanges();
- }));
-
- it('should create', () => {
- expect(component).toBeTruthy();
- });
-});
diff --git a/src/app/components/vertical-bar-chart/vertical-bar-chart.component.ts b/src/app/components/vertical-bar-chart/vertical-bar-chart.component.ts
deleted file mode 100644
index dfbf88a..0000000
--- a/src/app/components/vertical-bar-chart/vertical-bar-chart.component.ts
+++ /dev/null
@@ -1,52 +0,0 @@
-import { Component, Input, OnInit } from '@angular/core';
-import { NgxChartsModule, LegendPosition } from '@swimlane/ngx-charts';
-
-@Component({
- selector: 'app-vertical-bar-chart',
- templateUrl: './vertical-bar-chart.component.html',
- styleUrls: ['./vertical-bar-chart.component.scss'],
- standalone: true,
- imports: [NgxChartsModule]
-})
-export class VerticalBarChartComponent implements OnInit {
-
- // options
- showXAxis = true;
- showYAxis = true;
- gradient = false;
- showLegend = true;
- showXAxisLabel = true;
- xAxisLabel = 'Country';
- showYAxisLabel = true;
- yAxisLabel = 'Population';
- @Input() view: any;
- @Input() legendPosition = LegendPosition.Below;
- colorScheme: any = {
- domain: ['#5AA454', '#A10A28', '#C7B42C', '#AAAAAA']
- };
- single: any[] = [];
-
- constructor() { }
-
- ngOnInit() {
- this.single = [
- {
- "name": "Germany",
- "value": 8940000
- },
- {
- "name": "USA",
- "value": 5000000
- },
- {
- "name": "France",
- "value": 7200000
- }
- ];
- }
-
- onSelect(event: any) {
- console.log(event);
- }
-
-}
diff --git a/src/app/tabel/tabel.page.html b/src/app/tabel/tabel.page.html
index f407b16..986948d 100644
--- a/src/app/tabel/tabel.page.html
+++ b/src/app/tabel/tabel.page.html
@@ -133,6 +133,12 @@
+
+
+
+
+
+