Server : Apache/2.4.41 (Ubuntu) System : Linux absol.cf 5.4.0-198-generic #218-Ubuntu SMP Fri Sep 27 20:18:53 UTC 2024 x86_64 User : www-data ( 33) PHP Version : 7.4.33 Disable Function : pcntl_alarm,pcntl_fork,pcntl_waitpid,pcntl_wait,pcntl_wifexited,pcntl_wifstopped,pcntl_wifsignaled,pcntl_wifcontinued,pcntl_wexitstatus,pcntl_wtermsig,pcntl_wstopsig,pcntl_signal,pcntl_signal_get_handler,pcntl_signal_dispatch,pcntl_get_last_error,pcntl_strerror,pcntl_sigprocmask,pcntl_sigwaitinfo,pcntl_sigtimedwait,pcntl_exec,pcntl_getpriority,pcntl_setpriority,pcntl_async_signals,pcntl_unshare, Directory :  /var/www/html/libs/absol-full/dist/js/

Upload File : current_dir [ Writeable ] document_root [ Writeable ]

/*** module: node_modules/absol-vchart/src/LineChart.js ***/
"use strict";

Object.defineProperty(exports, "__esModule", {
  value: true
});
exports.default = void 0;

var _VCore = _interopRequireDefault(require("./VCore"));

var _helper = require("./helper");

var _ToolTip = require("./ToolTip");

var _template = require("./template");

var _BChart = require("./BChart");


var _ = _VCore.default._;
var $ = _VCore.default.$;

function LineChart() {
  this.titleCtrl = new _BChart.ChartTitleController(this);
}

LineChart.tag = 'LineChart'.toLowerCase();

LineChart.render = function () {
  return _('basechart', true);
};

LineChart.prototype.processMinMax = function () {
  this.minValue = this.lines.reduce(function (minValue, line) {
    return line.values.reduce(function (minValue, value) {
      if (!(0, _helper.isNumber)(value)) return minValue;
      return Math.min(minValue, value);
    }, minValue);
  }, 1000000000);
  this.maxValue = this.lines.reduce(function (maxValue, line) {
    return line.values.reduce(function (maxValue, value) {
      if (!(0, _helper.isNumber)(value)) return maxValue;
      return Math.max(maxValue, value);
    }, maxValue);
  }, -1000000000);

  if (this.minValue > this.maxValue) {
    this.minValue = 0;
    this.maxValue = this.minValue + 10;
  }
};

LineChart.prototype._createLineNote = function (name, color) {
  var res = _('g');

  res.$line = (0, _helper.hline)(0, -5, this.noteLineLength, 'line-chart-line').addStyle('stroke', color).addTo(res);
  res.$name = (0, _helper.text)(name, this.noteLineLength + 5, 0).addTo(res);
  return res;
};

LineChart.prototype._createKeyName = function (key) {
  var res = _('g');

  res.$text = (0, _helper.text)(key, 0, 5).addTo(res);
  return res;
};

LineChart.prototype._createLine = function (line, color) {
  var res = _({
    tag: 'g',
    style: {
      fill: color,
      stroke: color
    }
  });

  res.$path = _('shape.line-chart-line').addTo(res);
  res.$plots = line.values.map(function (u, i) {
    var plot = (0, _helper.circle)(0, 0, this.plotRadius, 'line-chart-plot').addTo(res);
    var text = line.texts && line.texts[i];
    if (text) plot.attr('title', text); // .on('mouseenter', function (event) {
    // var text = line.texts && line.texts[i];
    // if (!text) return;
    //
    // var currentBound = this.getBoundingClientRect();
    //
    // showTooltip(text, (currentBound.left + currentBound.right) / 2, (currentBound.top + currentBound.bottom) / 2).then(function (token) {
    //     this.once('mouseleave', function () {
    //         setTimeout(function () {
    //             closeTooltip(token);
    //         }, 1000);
    //     });
    // }.bind(this));
    // });

    if (line.plotColors && line.plotColors[i]) {
      plot.addStyle('fill', line.plotColors[i]);
    }

    return plot;
  }.bind(this));
  return res;
};

LineChart.prototype.initBackComp = function () {
  this.super();
  this.colors = this.lines.map(function (line, i, arr) {
    if (line.color) return line.color;
    return this.colorTable[Math.floor(this.colorTable.length * i / arr.length)];
  }.bind(this));
  this.$lineNotes = this.lines.map(function (line, i) {
    return this._createLineNote(line.name, this.colors[i]).addTo(this);
  }.bind(this));
  this.$keyNames = this.keys.map(function (key) {
    return this._createKeyName(key).addTo(this.$content);
  }.bind(this));
};

LineChart.prototype.updateBackComp = function () {
  this.super();
  this.oxyBottom = this.canvasHeight - 25;
  var lineNoteWidth = this.$lineNotes.reduce(function (lineNoteWidth, $lineNote) {
    return lineNoteWidth + $lineNote.getBBox().width + 15;
  }.bind(this), 0);
  this.$lineNotes.reduce(function (x, $lineNote) {
    $lineNote.attr('transform', (0, _template.translate)(x, this.canvasHeight - 5));
    return x + $lineNote.getBBox().width + 15;
  }.bind(this), (this.canvasWidth - lineNoteWidth) / 2);
  var maxKeyNameWidth = this.$keyNames.reduce(function (w, $keyName) {
    return Math.max(w, $keyName.$text.getBBox().width);
  }, 0);
  this.oxSegmentLength = this.oxLength / this.keys.length;
  this.oxContentLength = this.oxLength;

  if (this.oxSegmentLength < maxKeyNameWidth + this.keyPaddingH * 2) {
    this.rotateText = true;
  } else if (this.minOXSegmentLength > this.oxSegmentLength) {
    this.oxSegmentLength = this.minOXSegmentLength;
    this.rotateText = true;
    this.oxContentLength = this.oxSegmentLength * this.keys.length;
  }

  if (this.rotateText) {
    this.$keyNames.forEach(function (e, i) {
      e.attr('transform', (0, _template.translate)((i + 0.5) * this.oxSegmentLength - 5, 12));
      e.$text.attr('transform', (0, _template.rotate)(45));
    }.bind(this));
    this.oxyBottom -= maxKeyNameWidth / 1.4 + 12;
  } else {
    this.$keyNames.forEach(function (e, i) {
      e.attr('transform', (0, _template.translate)((i + 0.5) * this.oxSegmentLength, 12));
      e.$text.attr('text-anchor', 'middle');
    }.bind(this));
    this.oxyBottom -= 30;
  } //reupdate because update oxybottom


  this.super();
};

LineChart.prototype.initComp = function () {
  this.$lines = this.lines.map(function (line, i) {
    return this._createLine(line, this.colors[i]).addTo(this.$content);
  }.bind(this));
};

LineChart.prototype.updateComp = function () {
  this.$lines.map(function ($line, i) {
    var line = this.lines[i];
    $line.$plots.forEach(function ($plot, j) {
      $plot.attr('display');
      var value = line.values[j];

      if ((0, _helper.isNumber)(value)) {
        $plot.attr({
          cx: this.oxSegmentLength * (j + 0.5),
          cy: this.mapOYValue(value)
        });
      } else {
        $plot.attr('display', 'none');
      }
    }.bind(this));
    $line.$path.begin();
    line.values.reduce(function (state, value, j) {
      if (line.length == 1) {
        if (!(0, _helper.isNumber)(value)) return 'NOT_START';
        var y = this.mapOYValue(value);
        var x = this.oxSegmentLength * j;
        $line.$path.moveTo(x, y);
        x = this.oxSegmentLength * (j + 1);
        $line.$path.lineTo(x, y);
        return "IN_LINE";
      }

      if (state == "NOT_START") {
        if (!(0, _helper.isNumber)(value)) return 'NOT_START';
        var y = this.mapOYValue(value);
        var x = this.oxSegmentLength * (j + 0.5);
        $line.$path.moveTo(x, y);
        return 'IN_LINE';
      } else if (state == 'IN_LINE') {
        if (!(0, _helper.isNumber)(value)) return 'NOT_START';
        var y = this.mapOYValue(value);
        var x = this.oxSegmentLength * (j + 0.5);
        $line.$path.lineTo(x, y);
        return 'IN_LINE';
      }

      return ac;
    }.bind(this), "NOT_START");
    $line.$path.end();
  }.bind(this));
};

LineChart.prototype.preInit = function () {
  this.super();
  this.rotateText = true;
  this.noteLineLength = 40;
  this.plotRadius = 6;
  this.keyPaddingH = 4;
  this.minOXSegmentLength = 25;
  this.colorTable = ['#821616', ' #824116', '#826C16', '#6C8216', '#418216', '#168216', '#168241', '#16826C', '#166C82', '#164182', '#161682', '#411682', '#6C1682', '#82166C', '#821641'];
  this.lines = [];
};

_VCore.default.install(LineChart);

var _default = LineChart;
exports.default = _default;