Revize ec939478

Re #8775 - Agregovat grafy se stejným typem sensoru

+ add definiton of multiline graph
+ add graph loader methods for handling multiline

src/app/shared/graph-loading/graphloader.ts

@@ -51 +51 @@
 
   static getGraph(sensorId, data, interval, element) {
     const spec = this.getGraphType(sensorId);
-    const vega = require('vega');
-    const vegaTooltip = require('vega-tooltip');
     const config = require('/src/vega/config/config-analytics.json');
 
     spec.data[0].values = data;
     spec.signals[0].value = interval;
 
 
-    const handler = new vegaTooltip.Handler();
-
-    const loc = vega.locale({
-      decimal: ',',
-      thousands: '\u00a0',
-      grouping: [3],
-      currency: ['', '\u00a0Kč']
-    },{
-      dateTime: '%A,%e.%B %Y, %X',
-      date: '%-d.%-m.%Y',
-      time: '%H:%M:%S',
-      periods: ['AM', 'PM'],
-      days: ['neděle', 'pondělí', 'úterý', 'středa', 'čvrtek', 'pátek', 'sobota'],
-      shortDays: ['ne.', 'po.', 'út.', 'st.', 'čt.', 'pá.', 'so.'],
-      months: ['leden', 'únor', 'březen', 'duben', 'květen', 'červen', 'červenec', 'srpen', 'září', 'říjen', 'listopad', 'prosinec'],
-      shortMonths: ['led', 'úno', 'břez', 'dub', 'kvě', 'čer', 'červ', 'srp', 'zář', 'říj', 'list', 'pros']
-    });
-
-    const view = new vega.View(vega.parse(spec, config))
-      .tooltip(handler.call)
-      .initialize(element)
-      .hover()
-      .locale(loc)
-      .runAsync();
+    this.showGraph(spec, config, element);
 
 
 
@@ -91 +66 @@
   static getObservationGraph(sensorId, data, element) {
 
     const spec = this.getObservationSpec(sensorId);
-    const vega = require('vega');
-    const vegaTooltip = require('vega-tooltip');
     const config = require('/src/vega/config/config-observations.json');
 
     spec.data[0].values = data;
     spec.signals[0].value = 3600;
 
+
+    this.showGraph(spec, config, element);
+
+
+  }
+
+  static getMultilineGraph(sensors, data, element) {
+    let spec = this.getMultilineSpec(sensors);
+
+    const config = require('/src/vega/config/config-multiline.json');
+
+    spec.data[0].values = data;
+    spec.signals[0].value = 3600;
+
+    this.showGraph(spec, config, element);
+  }
+
+  static getMultilineSpec(sensors) {
+    const lodash = require('lodash/object');
+
+    const rvalue: any = {};
+    const base = require('/src/vega/base/default.json');
+    const chart = require('/src/vega/body/multilinechart.json');
+    const tooltip = require('/src/vega/tooltip/multiline-tooltip.json')
+    lodash.merge(rvalue, base, chart, tooltip);
+    rvalue.marks[0].marks[0].marks[0].marks[2].encode.enter.tooltip.signal = this.getTooltipMessage(sensors);
+    return rvalue;
+  }
+
+  static getTooltipMessage(sensors) {
+    let message = "{title: timeFormat(datum.dateTime, '%A, %e. %B %Y, %X')";
+
+    for(const key of sensors) {
+      message += ("'" + key + "': datum['" + key + "'] ");
+    }
+
+    message += "}";
+
+    return message;
+
+  }
+
+
+  static showGraph(spec, config, element) {
+    const vega = require('vega');
+    const vegaTooltip = require('vega-tooltip');
     const handler = new vegaTooltip.Handler();
 
     const loc = vega.locale({
@@ -122 +141 @@
       .hover()
       .locale(loc)
       .runAsync();
+  }
 
 
 
-  }
-
 }