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

declare var require: any

export class GraphLoader {


  static getGraphType(sensorId) {
    const lodash = require('lodash/object');

    if (sensorId >= 480000000 && sensorId < 490000000) {

      const rvalue: any = {};
      const base = require('/src/vega/base/default.json');
      const chart = require('/src/vega/body/barchart.json');
      const tooltip = require('/src/vega/tooltip/samm-tooltip.json')
      lodash.merge(rvalue, base, chart, tooltip);
      return rvalue;

    } else if ((sensorId >= 470020000 && sensorId < 470030000) || (sensorId >= 470060000 && sensorId < 470090000) ||
      (sensorId >= 470130000 && sensorId < 470140000) || (sensorId >= 470180000 && sensorId < 470190000)) {

      const rvalue: any = {};
      const base = require('/src/vega/base/default.json');
      const chart = require('/src/vega/body/windchart.json');
      const tooltip = require('/src/vega/tooltip/samm-tooltip.json')
      lodash.merge(rvalue, base, chart, tooltip);
      return rvalue;

    } else {

      const rvalue: any = {};
      const base = require('/src/vega/base/default.json');
      const chart = require('/src/vega/body/linechart.json');
      const tooltip = require('/src/vega/tooltip/samm-tooltip.json')
      lodash.merge(rvalue, base, chart, tooltip);
      return rvalue;

    }
  }

  static getObservationSpec(sensorId) {
    const lodash = require('lodash/object');

    const rvalue: any = {};
    const base = require('/src/vega/base/default.json');
    const chart = require('/src/vega/body/linechart-observations.json');
    const tooltip = require('/src/vega/tooltip/value-tooltip.json')
    lodash.merge(rvalue, base, chart, tooltip);
    return rvalue;

  }

  static getGraph(sensorId, data, interval, element) {
    const spec = this.getGraphType(sensorId);
    const config = require('/src/vega/config/config-analytics.json');

    spec.data[0].values = data;
    spec.signals[0].value = interval;


    this.showGraph(spec, config, element);



  }

  static getObservationGraph(sensorId, data, element) {

    const spec = this.getObservationSpec(sensorId);
    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({
      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();
  }



}