Software: Apache/2.4.41 (Ubuntu). PHP/8.0.30 

uname -a: Linux apirnd 5.4.0-204-generic #224-Ubuntu SMP Thu Dec 5 13:38:28 UTC 2024 x86_64 

uid=33(www-data) gid=33(www-data) groups=33(www-data) 

Safe-mode: OFF (not secure)

/var/www/html/queuepro/public/assets/js/pages/   drwxr-xr-x
Free 13.1 GB of 57.97 GB (22.6%)
                            Encoder    Tools    Proc.    FTP brute    Sec.    SQL    PHP-code    Update    Self remove    Logout    

Viewing file:     apexcharts-treemap.init.js (6.5 KB)      -rw-r--r--

/******/ (() => { // webpackBootstrap
var __webpack_exports__ = {};
/*!*******************************************************!*\
  !*** ./resources/js/pages/apexcharts-treemap.init.js ***!
  \*******************************************************/
/*
Template Name: Velzon - Admin & Dashboard Template
Author: Themesbrand
Website: https://Themesbrand.com/
Contact: Themesbrand@gmail.com
File: Treemaps Chart init js
*/
// get colors array from the string
function getChartColorsArray(chartId) {
  if (document.getElementById(chartId) !== null) {
    var colors = document.getElementById(chartId).getAttribute("data-colors");
    colors = JSON.parse(colors);
    return colors.map(function (value) {
      var newValue = value.replace(" ", "");

      if (newValue.indexOf(",") === -1) {
        var color = getComputedStyle(document.documentElement).getPropertyValue(newValue);
        if (color) return color;else return newValue;
        ;
      } else {
        var val = value.split(',');

        if (val.length == 2) {
          var rgbaColor = getComputedStyle(document.documentElement).getPropertyValue(val[0]);
          rgbaColor = "rgba(" + rgbaColor + "," + val[1] + ")";
          return rgbaColor;
        } else {
          return newValue;
        }
      }
    });
  }
} // Basic Treemaps


var chartTreemapBasicColors = getChartColorsArray("basic_treemap");

if (chartTreemapBasicColors) {
  var options = {
    series: [{
      data: [{
        x: 'New Delhi',
        y: 218
      }, {
        x: 'Kolkata',
        y: 149
      }, {
        x: 'Mumbai',
        y: 184
      }, {
        x: 'Ahmedabad',
        y: 55
      }, {
        x: 'Bangaluru',
        y: 84
      }, {
        x: 'Pune',
        y: 31
      }, {
        x: 'Chennai',
        y: 70
      }, {
        x: 'Jaipur',
        y: 30
      }, {
        x: 'Surat',
        y: 44
      }, {
        x: 'Hyderabad',
        y: 68
      }, {
        x: 'Lucknow',
        y: 28
      }, {
        x: 'Indore',
        y: 19
      }, {
        x: 'Kanpur',
        y: 29
      }]
    }],
    legend: {
      show: false
    },
    chart: {
      height: 350,
      type: 'treemap',
      toolbar: {
        show: false
      }
    },
    colors: chartTreemapBasicColors,
    title: {
      text: 'Basic Treemap',
      style: {
        fontWeight: 500
      }
    }
  };
  var chart = new ApexCharts(document.querySelector("#basic_treemap"), options);
  chart.render();
} // Multi - Dimensional Treemap


var chartTreemapMultiColors = getChartColorsArray("multi_treemap");

if (chartTreemapMultiColors) {
  var options = {
    series: [{
      name: 'Desktops',
      data: [{
        x: 'ABC',
        y: 10
      }, {
        x: 'DEF',
        y: 60
      }, {
        x: 'XYZ',
        y: 41
      }]
    }, {
      name: 'Mobile',
      data: [{
        x: 'ABCD',
        y: 10
      }, {
        x: 'DEFG',
        y: 20
      }, {
        x: 'WXYZ',
        y: 51
      }, {
        x: 'PQR',
        y: 30
      }, {
        x: 'MNO',
        y: 20
      }, {
        x: 'CDE',
        y: 30
      }]
    }],
    legend: {
      show: false
    },
    chart: {
      height: 350,
      type: 'treemap',
      toolbar: {
        show: false
      }
    },
    title: {
      text: 'Multi-dimensional Treemap',
      align: 'center',
      style: {
        fontWeight: 500
      }
    },
    colors: chartTreemapMultiColors
  };
  var chart = new ApexCharts(document.querySelector("#multi_treemap"), options);
  chart.render();
} // Distributed Treemap


var chartTreemapDistributedColors = getChartColorsArray("distributed_treemap");

if (chartTreemapDistributedColors) {
  var options = {
    series: [{
      data: [{
        x: 'New Delhi',
        y: 218
      }, {
        x: 'Kolkata',
        y: 149
      }, {
        x: 'Mumbai',
        y: 184
      }, {
        x: 'Ahmedabad',
        y: 55
      }, {
        x: 'Bangaluru',
        y: 84
      }, {
        x: 'Pune',
        y: 31
      }, {
        x: 'Chennai',
        y: 70
      }, {
        x: 'Jaipur',
        y: 30
      }, {
        x: 'Surat',
        y: 44
      }, {
        x: 'Hyderabad',
        y: 68
      }, {
        x: 'Lucknow',
        y: 28
      }, {
        x: 'Indore',
        y: 19
      }, {
        x: 'Kanpur',
        y: 29
      }]
    }],
    legend: {
      show: false
    },
    chart: {
      height: 350,
      type: 'treemap',
      toolbar: {
        show: false
      }
    },
    title: {
      text: 'Distibuted Treemap (different color for each cell)',
      align: 'center',
      style: {
        fontWeight: 500
      }
    },
    colors: chartTreemapDistributedColors,
    plotOptions: {
      treemap: {
        distributed: true,
        enableShades: false
      }
    }
  };
  var chart = new ApexCharts(document.querySelector("#distributed_treemap"), options);
  chart.render();
} // Color Range Treemaps


var chartTreemapRangeColors = getChartColorsArray("color_range_treemap");

if (chartTreemapRangeColors) {
  var options = {
    series: [{
      data: [{
        x: 'INTC',
        y: 1.2
      }, {
        x: 'GS',
        y: 0.4
      }, {
        x: 'CVX',
        y: -1.4
      }, {
        x: 'GE',
        y: 2.7
      }, {
        x: 'CAT',
        y: -0.3
      }, {
        x: 'RTX',
        y: 5.1
      }, {
        x: 'CSCO',
        y: -2.3
      }, {
        x: 'JNJ',
        y: 2.1
      }, {
        x: 'PG',
        y: 0.3
      }, {
        x: 'TRV',
        y: 0.12
      }, {
        x: 'MMM',
        y: -2.31
      }, {
        x: 'NKE',
        y: 3.98
      }, {
        x: 'IYT',
        y: 1.67
      }]
    }],
    legend: {
      show: false
    },
    chart: {
      height: 350,
      type: 'treemap',
      toolbar: {
        show: false
      }
    },
    title: {
      text: 'Treemap with Color scale',
      style: {
        fontWeight: 500
      }
    },
    dataLabels: {
      enabled: true,
      style: {
        fontSize: '12px'
      },
      formatter: function formatter(text, op) {
        return [text, op.value];
      },
      offsetY: -4
    },
    plotOptions: {
      treemap: {
        enableShades: true,
        shadeIntensity: 0.5,
        reverseNegativeShade: true,
        colorScale: {
          ranges: [{
            from: -6,
            to: 0,
            color: chartTreemapRangeColors[0]
          }, {
            from: 0.001,
            to: 6,
            color: chartTreemapRangeColors[1]
          }]
        }
      }
    }
  };
  var chart = new ApexCharts(document.querySelector("#color_range_treemap"), options);
  chart.render();
}
/******/ })()
;