ng2-charts#ChartsModule TypeScript Examples

The following examples show how to use ng2-charts#ChartsModule. You can vote up the ones you like or vote down the ones you don't like, and go to the original project or source file by following the links above each example. You may check out the related API usage on the sidebar.
Example #1
Source File: dashboard.module.ts    From thorchain-explorer-singlechain with MIT License 6 votes vote down vote up 
@NgModule({
  declarations: [DashboardComponent, StatsTableComponent],
  imports: [
    CommonModule,
    PipesModule,
    ChartsModule,
    NetworkSummaryTableModule,
    TxDetailTableDataModule,
    LoadingModule,
    VolumeModule,
    TransactionsTableModule,
    ErrorModule,
    ContentItemModule,
    RouterModule.forChild([
      {
        path: '',
        component: DashboardComponent
      }
    ])
  ]
})
export class DashboardModule { }
Example #2
Source File: others.module.ts    From matx-angular with MIT License 6 votes vote down vote up 
@NgModule({
  imports: [
    CommonModule,
    FormsModule,
    SharedMaterialModule,
    FlexLayoutModule,
    NgxDatatableModule,
    ChartsModule,
    FileUploadModule,
    SharedModule,
    RouterModule.forChild(OthersRoutes)
  ],
  declarations: [
    AppBlankComponent
  ]
})
export class OthersModule {}
Example #3
Source File: dashboard.module.ts    From matx-angular with MIT License 6 votes vote down vote up 
@NgModule({
  imports: [
    CommonModule,
    SharedMaterialModule,
    FlexLayoutModule,
    ChartsModule,
    NgxEchartsModule,
    NgxDatatableModule,
    SharedPipesModule,
    PerfectScrollbarModule,
    RouterModule.forChild(DashboardRoutes)
  ],
  declarations: [AnalyticsComponent],
  exports: []
})
export class DashboardModule {}
Example #4
Source File: app.module.ts    From covid19-people-counter-system with MIT License 6 votes vote down vote up 
@NgModule({
  declarations: [
    AppComponent
  ],
  imports: [
    BrowserModule,
    BrowserAnimationsModule,
    MatToolbarModule,
    MatTableModule,
    HttpClientModule,
    ChartsModule,
    NgxSpinnerModule
  ],
  bootstrap: [AppComponent]
})
export class AppModule { }
Example #5
Source File: core.module.ts    From EDA with GNU Affero General Public License v3.0 6 votes vote down vote up 
@NgModule({
    imports: [
        CommonModule,
        FormsModule,
        PrimengModule
    ],
    exports: [
        CommonModule,
        FormsModule,
        ReactiveFormsModule,
        HttpClientModule,
        PrimengModule,
        ChartsModule,
    ],
})

export class CoreModule {}
Example #6
Source File: app.module.ts    From mean-stack-angular-9-realtime-crud with MIT License 6 votes vote down vote up 
@NgModule({
  declarations: [
    AppComponent,
    SalesComponent,
    SalesDetailsComponent,
    AddSalesComponent,
    EditSalesComponent
  ],
  imports: [
    BrowserModule,
    FormsModule,
    ReactiveFormsModule,
    HttpClientModule,
    AppRoutingModule,
    BrowserAnimationsModule,
    MatInputModule,
    MatPaginatorModule,
    MatProgressSpinnerModule,
    MatSortModule,
    MatTableModule,
    MatIconModule,
    MatButtonModule,
    MatCardModule,
    MatFormFieldModule,
    ChartsModule
  ],
  providers: [],
  bootstrap: [AppComponent]
})
export class AppModule { }
Example #7
Source File: app.module.ts    From angular-9-coronavirus-cases-app with MIT License 6 votes vote down vote up 
@NgModule({
  declarations: [
    AppComponent,
    CasesComponent,
    CasesDetailsComponent,
    AddCasesComponent,
    EditCasesComponent,
    CasesStatComponent
  ],
  imports: [
    BrowserModule,
    FormsModule,
    ReactiveFormsModule,
    HttpClientModule,
    AppRoutingModule,
    BrowserAnimationsModule,
    MatInputModule,
    MatPaginatorModule,
    MatProgressSpinnerModule,
    MatSortModule,
    MatTableModule,
    MatIconModule,
    MatButtonModule,
    MatCardModule,
    MatFormFieldModule,
    MatSliderModule,
    MatSlideToggleModule,
    MatButtonToggleModule,
    MatSelectModule,
    ChartsModule
  ],
  providers: [],
  bootstrap: [AppComponent]
})
export class AppModule { }
Example #8
Source File: leverage.module.ts    From 1x.ag with MIT License 6 votes vote down vote up 
@NgModule({
    declarations: [LeverageComponent, CreatePositionComponent, MyPositionsComponent, LeverageChartDialogComponent],
    imports: [
        CommonModule,
        LeverageRoutingModule,
        FormsModule,
        ButtonsModule,
        FontAwesomeModule,
        TooltipModule.forRoot(),
        OiUiModule,
        ReactiveFormsModule,
        LoadingSpinnerModule,
        NgbAlertModule,
        ChartsModule
    ],
    entryComponents: [
        LeverageChartDialogComponent
    ]
})
export class LeverageModule {
}
Example #9
Source File: volume.module.ts    From thorchain-explorer-singlechain with MIT License 6 votes vote down vote up 
@NgModule({
  declarations: [VolumeComponent],
  imports: [
    CommonModule,
    ChartsModule
  ],
  exports: [VolumeComponent]
})
export class VolumeModule { }
Example #10
Source File: pool-members-table.module.ts    From thorchain-explorer-singlechain with MIT License 6 votes vote down vote up 
@NgModule({
  declarations: [PoolMembersTableComponent],
  imports: [
    CommonModule,
    PipesModule,
    FontAwesomeModule,
    RouterModule,
    FormsModule,
    ChartsModule,
    ContentItemModule
  ],
  exports: [PoolMembersTableComponent]
})
export class PoolMembersTableModule { }
Example #11
Source File: map.module.ts    From thorchain-explorer-singlechain with MIT License 6 votes vote down vote up 
@NgModule({
  declarations: [MapComponent],
  imports: [
    CommonModule,
    ChartsModule
  ],
  exports: [MapComponent]
})
export class MapModule { }
Example #12
Source File: jobs.module.ts    From RcloneNg with MIT License 6 votes vote down vote up 
@NgModule({
	declarations: [
		JobsComponent,
		TransfersComponent,
		CleanFinishedGroupDialogComponent,
		GroupOptionsContextMenuComponent,
	],
	imports: [
		CommonModule,
		ResponsiveModule,
		JobsRoutingModule,
		NbLayoutModule,
		NbSidebarModule,
		NbCardModule,
		TableModule,
		NbListModule,
		NbIconModule,
		ChartsModule,
		RngModule,
		NbSelectModule,
		NbButtonModule,
		NbCheckboxModule,
		NbSpinnerModule,
		ContextMenuModule,
	],
})
export class JobsModule {}
Example #13
Source File: dashboard.module.ts    From RcloneNg with MIT License 6 votes vote down vote up 
@NgModule({
	declarations: [DashboardComponent],
	imports: [
		CommonModule,
		ResponsiveModule,
		DashboardRoutingModule,
		NbCardModule,
		NbButtonModule,
		NbIconModule,
		ChartsModule,
		NbListModule,
		RngModule,
		NbTabsetModule,
		NbInputModule,
		FormsModule,
	],
})
export class DashboardModule {}
Example #14
Source File: app.module.ts    From thorchain-explorer-singlechain with MIT License 5 votes vote down vote up 
@NgModule({
  declarations: [
    AppComponent,
    SearchComponent,
    HeaderComponent,
    BreadcrumbComponent,
    NetworkToggleComponent,
    ExplorerComponent,
    ExplorerUiComponent,
    QueryInputComponent,
    ResponseLinksComponent,
  ],
  imports: [
    BrowserModule,
    HttpClientModule,
    AppRoutingModule,
    FormsModule,
    FontAwesomeModule,
    ChartsModule,
    ServiceWorkerModule.register('ngsw-worker.js', { enabled: environment.production })
  ],
  providers: [
    ThorchainNetworkService,
    AssetService,
    ConstantsService,
    NetworkService,
    NodeService,
    LastBlockService,
    PoolService,
    MemberService,
    StatsService,
    TransactionService,
    VersionService,
    VolumeService,
    UiStyleToggleService,
    LocalStorageService,
    CoinGeckoService,
    {provide: APP_INITIALIZER, useFactory: themeFactory, deps: [UiStyleToggleService], multi: true},
  ],
  bootstrap: [AppComponent]
})
export class AppModule { }
Example #15
Source File: manager.module.ts    From RcloneNg with MIT License 5 votes vote down vote up 
@NgModule({
	declarations: [
		ManagerComponent,
		BreadcrumbComponent,
		HomeModeComponent,
		RemoteComponent,
		FileModeComponent,
		ListViewComponent,
		ClipboardDialogComponent,
		ClipboardRemotesTableComponent,
		MkdirDialogComponent,
		RemoteDetailComponent,
		FileDetailComponent,
	],
	imports: [
		CommonModule,
		ManagerRoutingModule,
		NbActionsModule,
		NbCardModule,
		NbIconModule,
		NbProgressBarModule,
		TableModule,
		NbLayoutModule,
		NbSidebarModule,
		NbCheckboxModule,
		NbButtonModule,
		NbInputModule,
		NbTooltipModule,
		NbBadgeModule,
		NbTabsetModule,
		NbAccordionModule,
		NbSpinnerModule,
		NbListModule,
		ChartsModule,
		FileSaverModule,
		RngModule,
		FormsModule,
		ResponsiveModule,
	],
})
export class ManagerModule {}
Example #16
Source File: app.module.ts    From muino-time-management with GNU General Public License v3.0 5 votes vote down vote up 
@NgModule({
  declarations: [
    AppComponent,
    ...APP_CONTAINERS,

    MaintenanceComponent,
    Error404Component,
    Error505Component,
    NoPremissionsComponent,
    LicenseComponent
  ],
  imports: [
    AuthModule,

    BrowserModule,
    BrowserAnimationsModule,
    HttpClientModule,
    PerfectScrollbarModule,
    AppAsideModule,
    AppBreadcrumbModule,
    AppHeaderModule,
    AppFooterModule,
    AppSidebarModule,
    BsDropdownModule.forRoot(),
    TabsModule.forRoot(),
    ChartsModule,
    // ...MATERIAL_CONTAINERS,
    AppRoutingModule // Prefere to be last: https://angular.io/guide/router#module-import-order-matters

  ],
  // exports:[...MATERIAL_CONTAINERS],
  providers: [{
    provide: HTTP_INTERCEPTORS,
    useClass: AuthHeaderInterceptor,
    multi: true,
  }, {
    provide: HTTP_INTERCEPTORS,
    useClass: CatchErrorInterceptor,
    multi: true,
  }, SidebarComponent],
  bootstrap: [AppComponent]
})
export class AppModule { }
Example #17
Source File: app.module.ts    From 6PG-Dashboard with MIT License 5 votes vote down vote up 
@NgModule({
  declarations: [
    AppComponent,
    NavbarComponent,
    HomeComponent,
    CommandsComponent,
    AuthComponent,
    LoginComponent,
    InviteComponent,
    LogoutComponent,
    DashboardComponent,
    SidebarComponent,
    BotComponent,
    SpinnerComponent,
    CommandsModuleComponent,
    AnnounceModuleComponent,
    AutoModModuleComponent,
    GeneralModuleComponent,
    MusicModuleComponent,
    LevelingModuleComponent,
    LogModuleComponent,
    SettingsModuleComponent,
    LevelingModuleComponent,
    BotSidebarComponent,
    LeaderboardModuleComponent,
    XPCardComponent,
    CustomizeXPCardComponent,
    DashboardSidebarComponent,
    PremiumDirective,
    SaveChangesComponent,
    NotFoundComponent,
    PaymentSuccessComponent,
    DocsComponent,
    CleanDateTimePipe,
    MemberUsernameComponent,
    DocsSidebarComponent,
    ZippyComponent,
    AuditLogWidgetComponent,
    CommandsWidgetComponent,
    MiniDatePipe,
    SnakeToSentenceCasePipe,
    TruncatedPipe,
    DurationStringPipe,
    CamelToSentenceCasePipe,
    RocketButtonComponent
  ],
  imports: [
    AppRoutingModule,
    BrowserModule.withServerTransition({ appId: 'serverApp' }),
    FormsModule,
    ReactiveFormsModule,
    BrowserAnimationsModule,
    HttpClientModule,
    MaterialModule,
    HighlightModule,
    ChartsModule
  ],
  exports: [PremiumDirective],
  providers: [
    { provide: ErrorHandler, useClass: AlertErrorHandler },
    { provide: ErrorStateMatcher, useClass: ShowOnDirtyErrorStateMatcher },
    {
      provide: HIGHLIGHT_OPTIONS,
      useValue: { languages: getHighlightLanguages() }
    }],
  bootstrap: [AppComponent]
})
export class AppModule {}
Example #18
Source File: app.module.ts    From tuxedo-control-center with GNU General Public License v3.0 5 votes vote down vote up 
@NgModule({
  declarations: [
    AppComponent,
    ProfileManagerComponent,
    SupportComponent,
    ProfileOverviewTileComponent,
    ProfileDetailsEditComponent,
    InfoComponent,
    CpuDashboardComponent,
    GlobalSettingsComponent,
    ShutdownTimerComponent,
    ToolsComponent,
    ChangeCryptPasswordComponent,
    FanGraphComponent
  ],
  imports: [
    BrowserModule,
    AppRoutingModule,
    NgxElectronModule,
    BrowserAnimationsModule,
    FormsModule,
    HttpClientModule,
    ReactiveFormsModule,
    MatSidenavModule,
    MatToolbarModule,
    MatListModule,
    MatIconModule,
    MatTableModule,
    MatFormFieldModule,
    MatSelectModule,
    MatButtonModule,
    MatCardModule,
    MatChipsModule,
    MatExpansionModule,
    MatInputModule,
    MatTooltipModule,
    MatCheckboxModule,
    MatDividerModule,
    MatSliderModule,
    MatGridListModule,
    MatStepperModule,
    MatButtonToggleModule,
    MatProgressBarModule,
    MatProgressSpinnerModule,
    MarkdownModule.forRoot(),
    OverlayModule,
    GaugeModule.forRoot(),
    ChartsModule
  ],
  providers: [
    DecimalPipe,
    ThemeService
  ],
  bootstrap: [AppComponent]
})
export class AppModule { }
Example #19
Source File: rng.module.ts    From RcloneNg with MIT License 5 votes vote down vote up 
@NgModule({
	declarations: RngComponents,
	imports: [CommonModule, TableModule, ChartsModule, NbIconModule, NbSpinnerModule],
	exports: RngComponents,
})
export class RngModule {}