Current File : /home/tradevaly/public_html/public/assets/js/pages/saas-dashboard.init.js

/******/ (function() { // webpackBootstrap
var __webpack_exports__ = {};
/*!***************************************************!*\
  !*** ./resources/js/pages/saas-dashboard.init.js ***!
  \***************************************************/
/*
Template Name: Skote - Admin & Dashboard Template
Author: Themesbrand
Website: https://themesbrand.com/
Contact: themesbrand@gmail.com
File: Saas dashboard Init Js File
*/
// Line chart
var options = {
  series: [{
    name: 'series1',
    data: [31, 40, 36, 51, 49, 72, 69, 56, 68, 82, 68, 76]
  }],
  chart: {
    height: 320,
    type: 'line',
    toolbar: 'false',
    dropShadow: {
      enabled: true,
      color: '#000',
      top: 18,
      left: 7,
      blur: 8,
      opacity: 0.2
    }
  },
  dataLabels: {
    enabled: false
  },
  colors: ['#556ee6'],
  stroke: {
    curve: 'smooth',
    width: 3
  }
};
var chart = new ApexCharts(document.querySelector("#line-chart"), options);
chart.render(); // Pie chart

var options = {
  series: [56, 38, 26],
  chart: {
    type: 'donut',
    height: 262
  },
  labels: ['Series A', 'Series B', 'Series C'],
  colors: ['#556ee6', '#34c38f', '#f46a6a'],
  legend: {
    show: false
  },
  plotOptions: {
    pie: {
      donut: {
        size: '70%'
      }
    }
  }
};
var chart = new ApexCharts(document.querySelector("#donut-chart"), options);
chart.render(); // Radialchart 1

var radialoptions1 = {
  series: [37],
  chart: {
    type: 'radialBar',
    width: 60,
    height: 60,
    sparkline: {
      enabled: true
    }
  },
  dataLabels: {
    enabled: false
  },
  colors: ['#556ee6'],
  plotOptions: {
    radialBar: {
      hollow: {
        margin: 0,
        size: '60%'
      },
      track: {
        margin: 0
      },
      dataLabels: {
        show: false
      }
    }
  }
};
var radialchart1 = new ApexCharts(document.querySelector("#radialchart-1"), radialoptions1);
radialchart1.render(); // Radialchart 2

var radialoptions2 = {
  series: [72],
  chart: {
    type: 'radialBar',
    width: 60,
    height: 60,
    sparkline: {
      enabled: true
    }
  },
  dataLabels: {
    enabled: false
  },
  colors: ['#34c38f'],
  plotOptions: {
    radialBar: {
      hollow: {
        margin: 0,
        size: '60%'
      },
      track: {
        margin: 0
      },
      dataLabels: {
        show: false
      }
    }
  }
};
var radialchart2 = new ApexCharts(document.querySelector("#radialchart-2"), radialoptions2);
radialchart2.render(); // Radialchart 3

var radialoptions3 = {
  series: [54],
  chart: {
    type: 'radialBar',
    width: 60,
    height: 60,
    sparkline: {
      enabled: true
    }
  },
  dataLabels: {
    enabled: false
  },
  colors: ['#f46a6a'],
  plotOptions: {
    radialBar: {
      hollow: {
        margin: 0,
        size: '60%'
      },
      track: {
        margin: 0
      },
      dataLabels: {
        show: false
      }
    }
  }
};
var radialchart3 = new ApexCharts(document.querySelector("#radialchart-3"), radialoptions3);
radialchart3.render();
/******/ })()
;