text: "use strict";
  
  const primary = '#8a2387';
  const success = '#1BC5BD';
  const info = '#09c2de';
  const warning = '#FFA800';
  const danger = '#F64E60';
  
  var KTPageCharts = function () {
  
      var _chart1 = function () {
          const apexChart = "#chart_1";
          var options = {
              series: [{
                  name: 'page_impressions',
                  data: page_impressions,
              }, {
                  name: 'page_impressions_unique',
                  data: page_impressions_unique
              }, {
                  name: 'page_impressions_organic',
                  data: page_impressions_organic
              }, {
                  name: 'page_impressions_organic_unique',
                  data: page_impressions_organic_unique
              }],
              chart: {
                  type: 'area',
                  height: 350,
                  zoom: {
                      enabled: false
                  },
              },
              dataLabels: {
                  enabled: false
              },
              stroke: {
                  curve: 'smooth'
              },
              xaxis: {
                  categories: daysArray,
              },
              yaxis: {
                  title: {
                      text: 'Count'
                  }
              },
              tooltip: {
                  y: {
                      formatter: function (val) {
                          return val
                      }
                  },
              },
              colors: [primary, success, warning, info, danger]
          };
  
          var chart = new ApexCharts(document.querySelector(apexChart), options);
          chart.render();
      }
      var _chart2 = function () {
          const apexChart = "#chart_2";
          var options = {
              series: [{
                  name: 'page_impressions_viral',
                  data: page_impressions_viral,
              }, {
                  name: 'page_impressions_viral_unique',
                  data: page_impressions_viral_unique
              }, {
                  name: 'page_posts_impressions',
                  data: page_posts_impressions
              }, {
                  name: 'page_posts_impressions_unique',
                  data: page_posts_impressions_unique
              }],
              chart: {
                  type: 'area',
                  height: 350,
                  zoom: {
                      enabled: false
                  },
              },
              dataLabels: {
                  enabled: false
              },
              stroke: {
                  curve: 'smooth'
              },
              xaxis: {
                  categories: daysArray,
              },
              yaxis: {
                  title: {
                      text: 'Count'
                  }
              },
              tooltip: {
                  y: {
                      formatter: function (val) {
                          return val
                      }
                  },
              },
              colors: [primary, success, warning, info, danger]
          };
  
          var chart = new ApexCharts(document.querySelector(apexChart), options);
          chart.render();
      }
      var _chart3 = function () {
          const apexChart = "#chart_3";
          var options = {
              series: [{
                  name: 'page_fans',
                  data: page_fans,
              }, {
                  name: 'page_fan_removes',
                  data: page_fan_removes
              }],
              chart: {
                  height: 350,
                  type: 'line',
                  zoom: {
                      enabled: false
                  },
              },
              dataLabels: {
                  enabled: false
              },
              stroke: {
                  curve: 'straight'
              },
              grid: {
                  row: {
                      colors: ['#f3f3f3', 'transparent'],
                      opacity: 0.5
                  },
              },
              xaxis: {
                  categories: daysArray,
              },
              yaxis: {
                  title: {
                      text: 'Count'
                  }
              },
              tooltip: {
                  y: {
                      formatter: function (val) {
                          return val
                      }
                  },
              },
              colors: [primary, success, warning, info, danger]
          };
  
          var chart = new ApexCharts(document.querySelector(apexChart), options);
          chart.render();
      }
  
      return {
          init: function () {
              _chart1();
              _chart2();
              _chart3();
          }
      };
  }();
  
  jQuery(document).ready(function () {
      KTPageCharts.init();
  });