added a more complex example and created new folders to distinguish between simple and complex examples

Author: stephanrauh

charts/e2e/app.e2e-spec.ts renamed to charts/minimalLineChart/e2e/app.e2e-spec.ts

@@ -0,0 +1,4 @@
+<h1>
+  Consumption charts
+</h1>
+<consumption></consumption>

charts/e2e/app.po.ts renamed to charts/minimalLineChart/e2e/app.po.ts

@@ -0,0 +1,33 @@
+/* tslint:disable:no-unused-variable */
+
+import { TestBed, async } from '@angular/core/testing';
+import { AppComponent } from './app.component';
+
+describe('AppComponent', () => {
+  beforeEach(() => {
+    TestBed.configureTestingModule({
+      declarations: [
+        AppComponent
+      ],
+    });
+  });
+
+  it('should create the app', async(() => {
+    let fixture = TestBed.createComponent(AppComponent);
+    let app = fixture.debugElement.componentInstance;
+    expect(app).toBeTruthy();
+  }));
+
+  it(`should have as title 'app works!'`, async(() => {
+    let fixture = TestBed.createComponent(AppComponent);
+    let app = fixture.debugElement.componentInstance;
+    expect(app.title).toEqual('app works!');
+  }));
+
+  it('should render title in a h1 tag', async(() => {
+    let fixture = TestBed.createComponent(AppComponent);
+    fixture.detectChanges();
+    let compiled = fixture.debugElement.nativeElement;
+    expect(compiled.querySelector('h1').textContent).toContain('app works!');
+  }));
+});

charts/e2e/tsconfig.json renamed to charts/minimalLineChart/e2e/tsconfig.json

@@ -0,0 +1,9 @@
+import { Component } from '@angular/core';
+
+@Component({
+  selector: 'app-root',
+  templateUrl: './app.component.html',
+  styleUrls: ['./app.component.css']
+})
+export class AppComponent {
+}

charts/minimalLineChart/src/app/app.component.css

@@ -0,0 +1,26 @@
+import {NgModule} from '@angular/core';
+import {NgxChartsModule} from "@swimlane/ngx-charts";
+import {BrowserModule} from "@angular/platform-browser";
+import {HttpModule} from "@angular/http";
+import {FormsModule} from "@angular/forms";
+import {AppComponent} from "./app.component";
+import {ConsumptionComponent} from "./consumption/consumption.component";
+import {ConsumptionDataService} from "./services/consumption-data-service";
+
+@NgModule({
+  declarations: [
+    AppComponent,
+    ConsumptionComponent
+  ],
+  imports: [
+    BrowserModule,
+    FormsModule,
+    HttpModule,
+    NgxChartsModule
+  ],
+  exports: [],
+  providers: [ConsumptionDataService],
+  bootstrap: [AppComponent]
+ })
+export class AppModule {
+}

charts/minimalLineChart/src/app/app.component.html

@@ -0,0 +1,6 @@
+import {SeriesEntry} from "./SeriesEntry"
+
+export class Series {
+  constructor(public name: string, public series: SeriesEntry[]) {}
+}
+

charts/minimalLineChart/src/app/app.component.spec.ts

@@ -0,0 +1,4 @@
+export class SeriesEntry {
+  constructor(public name: string | Date, public value: number) {}
+}
+