diff --git a/src/app/app.module.ts b/src/app/app.module.ts index 431f0ed..6e82aff 100644 --- a/src/app/app.module.ts +++ b/src/app/app.module.ts @@ -8,7 +8,6 @@ import { BsDropdownModule } from 'ngx-bootstrap/dropdown'; import { TabsModule } from 'ngx-bootstrap/tabs'; import { NAV_DROPDOWN_DIRECTIVES } from './shared/nav-dropdown.directive'; -import { ChartsModule } from 'ng2-charts/ng2-charts'; import { SIDEBAR_TOGGLE_DIRECTIVES } from './shared/sidebar.directive'; import { AsideToggleDirective } from './shared/aside.directive'; import { BreadcrumbsComponent } from './shared/breadcrumb.component'; @@ -36,7 +35,6 @@ import { DashboardModule } from './dashboard/dashboard.module'; HttpModule, BsDropdownModule.forRoot(), TabsModule.forRoot(), - ChartsModule, AuthModule, DashboardModule, // Loaded last to allow for 404 catchall diff --git a/src/app/chartjs/chartjs-routing.module.ts b/src/app/chartjs/chartjs-routing.module.ts deleted file mode 100644 index 4b1f0de..0000000 --- a/src/app/chartjs/chartjs-routing.module.ts +++ /dev/null @@ -1,20 +0,0 @@ -import { NgModule } from '@angular/core'; -import { Routes, RouterModule } from '@angular/router'; - -import { ChartJSComponent } from './chartjs.component'; - -const routes: Routes = [ - { - path: '', - component: ChartJSComponent, - data: { - title: 'Charts' - } - } -]; - -@NgModule({ - imports: [RouterModule.forChild(routes)], - exports: [RouterModule] -}) -export class ChartJSRoutingModule {} diff --git a/src/app/chartjs/chartjs.component.html b/src/app/chartjs/chartjs.component.html deleted file mode 100644 index 6327827..0000000 --- a/src/app/chartjs/chartjs.component.html +++ /dev/null @@ -1,130 +0,0 @@ -
-
-
-
- Line Chart - -
-
-
- -
-
-
-
-
- Bar Chart - -
-
-
- -
-
-
-
-
- Doughnut Chart - -
-
-
- -
-
-
-
-
- Radar Chart - -
-
-
- -
-
-
-
-
- Pie Chart - -
-
-
- -
-
-
-
-
- Polar Area Chart - -
-
-
- -
-
-
-
-
diff --git a/src/app/chartjs/chartjs.component.ts b/src/app/chartjs/chartjs.component.ts deleted file mode 100644 index ac0788c..0000000 --- a/src/app/chartjs/chartjs.component.ts +++ /dev/null @@ -1,97 +0,0 @@ -import { Component } from '@angular/core'; - -@Component({ - templateUrl: 'chartjs.component.html' -}) -export class ChartJSComponent { - - // lineChart - public lineChartData: Array = [ - {data: [65, 59, 80, 81, 56, 55, 40], label: 'Series A'}, - {data: [28, 48, 40, 19, 86, 27, 90], label: 'Series B'}, - {data: [18, 48, 77, 9, 100, 27, 40], label: 'Series C'} - ]; - public lineChartLabels: Array = ['January', 'February', 'March', 'April', 'May', 'June', 'July']; - public lineChartOptions: any = { - animation: false, - responsive: true - }; - public lineChartColours: Array = [ - { // grey - backgroundColor: 'rgba(148,159,177,0.2)', - borderColor: 'rgba(148,159,177,1)', - pointBackgroundColor: 'rgba(148,159,177,1)', - pointBorderColor: '#fff', - pointHoverBackgroundColor: '#fff', - pointHoverBorderColor: 'rgba(148,159,177,0.8)' - }, - { // dark grey - backgroundColor: 'rgba(77,83,96,0.2)', - borderColor: 'rgba(77,83,96,1)', - pointBackgroundColor: 'rgba(77,83,96,1)', - pointBorderColor: '#fff', - pointHoverBackgroundColor: '#fff', - pointHoverBorderColor: 'rgba(77,83,96,1)' - }, - { // grey - backgroundColor: 'rgba(148,159,177,0.2)', - borderColor: 'rgba(148,159,177,1)', - pointBackgroundColor: 'rgba(148,159,177,1)', - pointBorderColor: '#fff', - pointHoverBackgroundColor: '#fff', - pointHoverBorderColor: 'rgba(148,159,177,0.8)' - } - ]; - public lineChartLegend = true; - public lineChartType = 'line'; - - // barChart - public barChartOptions: any = { - scaleShowVerticalLines: false, - responsive: true - }; - public barChartLabels: string[] = ['2006', '2007', '2008', '2009', '2010', '2011', '2012']; - public barChartType = 'bar'; - public barChartLegend = true; - - public barChartData: any[] = [ - {data: [65, 59, 80, 81, 56, 55, 40], label: 'Series A'}, - {data: [28, 48, 40, 19, 86, 27, 90], label: 'Series B'} - ]; - - // Doughnut - public doughnutChartLabels: string[] = ['Download Sales', 'In-Store Sales', 'Mail-Order Sales']; - public doughnutChartData: number[] = [350, 450, 100]; - public doughnutChartType = 'doughnut'; - - // Radar - public radarChartLabels: string[] = ['Eating', 'Drinking', 'Sleeping', 'Designing', 'Coding', 'Cycling', 'Running']; - - public radarChartData: any = [ - {data: [65, 59, 90, 81, 56, 55, 40], label: 'Series A'}, - {data: [28, 48, 40, 19, 96, 27, 100], label: 'Series B'} - ]; - public radarChartType = 'radar'; - - // Pie - public pieChartLabels: string[] = ['Download Sales', 'In-Store Sales', 'Mail Sales']; - public pieChartData: number[] = [300, 500, 100]; - public pieChartType = 'pie'; - - // PolarArea - public polarAreaChartLabels: string[] = ['Download Sales', 'In-Store Sales', 'Mail Sales', 'Telesales', 'Corporate Sales']; - public polarAreaChartData: number[] = [300, 500, 100, 40, 120]; - public polarAreaLegend = true; - - public polarAreaChartType = 'polarArea'; - - // events - public chartClicked(e: any): void { - console.log(e); - } - - public chartHovered(e: any): void { - console.log(e); - } - -} diff --git a/src/app/chartjs/chartjs.module.ts b/src/app/chartjs/chartjs.module.ts deleted file mode 100644 index b5aa053..0000000 --- a/src/app/chartjs/chartjs.module.ts +++ /dev/null @@ -1,14 +0,0 @@ -import { NgModule } from '@angular/core'; -import { ChartsModule } from 'ng2-charts/ng2-charts'; - -import { ChartJSComponent } from './chartjs.component'; -import { ChartJSRoutingModule } from './chartjs-routing.module'; - -@NgModule({ - imports: [ - ChartJSRoutingModule, - ChartsModule - ], - declarations: [ ChartJSComponent ] -}) -export class ChartJSModule { }