aswi2021codebakers-gitlab/src/app/shared/graph-loading/graphloader.ts @ 8cca41c0

import {Graph} from './graph';
import {EmptyGraph} from "./emptygraph";
import {SingleGraph} from "./singlegraph";
import {MultiGraph} from "./multigraph";

declare var require: any



export class GraphLoader {


  static getGraphType(sensors, data, isAnalytics): Graph {
    if (sensors == null) {
      return new EmptyGraph("Selected no sensors.");

    } else if (Array.isArray(sensors)) {
      if (sensors.length == 0) {
        return new EmptyGraph("Selected no sensors.");
      } else if (sensors.length == 1) {
        return new SingleGraph(sensors[0], isAnalytics, data, 10000);
      } else {
        return new MultiGraph(isAnalytics, data, 10000);
      }

    } else {
      return new SingleGraph(sensors, isAnalytics, data, 10000);
    }
  }


  static getGraph(sensors, data, element, isAnalytics) {
    let graph = this.getGraphType(sensors,data, isAnalytics);
    let config = graph.getConfig();
    let spec = graph.getSpec();
    spec['data'][0].values = data;

    this.showGraph(spec, config, element);

  }


  static showGraph(spec, config, element) {
    const vega = require('vega');
    const vegaTooltip = require('vega-tooltip');
    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();
  }



}