diff src/app/visualisations/vertical-scale.component.ts @ 393:a02e6ec4a9d2

cross-hair-inspector component, much the same technique used for the vertical-scale. Change curve to use it. Doesn't currently animate.

--- a/src/app/visualisations/vertical-scale.component.ts	Thu Jun 01 16:25:48 2017 +0100
+++ b/src/app/visualisations/vertical-scale.component.ts	Thu Jun 01 16:26:52 2017 +0100
@@ -1,14 +1,14 @@
 /**
  * Created by lucas on 01/06/2017.
  */
-import {VerticallyBounded} from "./waves-base.component";
+import {VerticalScaleRenderer} from './waves-base.component';
 import {
   ChangeDetectionStrategy,
   Component,
   ContentChildren,
   QueryList,
   AfterViewInit
-} from "@angular/core";
+} from '@angular/core';
 
 @Component({
   selector: 'ugly-vertical-scale',
@@ -17,13 +17,16 @@
 })
 export class VerticalScaleComponent implements AfterViewInit {
 
-  @ContentChildren(VerticallyBounded) bounded: QueryList<VerticallyBounded>;
+  @ContentChildren(
+    VerticalScaleRenderer
+  ) bounded: QueryList<VerticalScaleRenderer>;
+  protected cachedRanged: [number, number];
 
   ngAfterViewInit(): void {
     this.bounded.forEach(component => {
-      const range = component.range;
-      if (range) {
-        component.renderScale(range);
+      this.cachedRanged = component.range;
+      if (this.cachedRanged) {
+        component.renderScale(this.cachedRanged);
       }
     });
   }