(function ($) {
  
  var tfLineChart = (function () {

    var chartBar = function () {
    
      var options = {
          series: [{
          name: '',
          data: [44, 55, 41, 67, 22, 43, 21]
        }, {
          name: '',
          data: [13, 23, 20, 8, 13, 27, 33]
        }],
          chart: {
          type: 'bar',
          height: 208,
          stacked: true,
          stackType: '100%',
          toolbar: {
              show: false,
          },
        },
        plotOptions: {
          bar: {
            columnWidth: '10px',
          },
        },
        xaxis: {
          categories: ['Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat', 'Sun'],
          axisTicks: {
              show: false
          },
          labels: {
            style: {
              colors: '#545454',
            },
          },
          tooltip: {
              enabled: false
            }
        },
        fill: {
          opacity: 1
        },
        stroke: {
          show: false
        },
        legend: {
          show: false
        },
        grid: {
          show: false,
          yaxis: {
            lines: {
              show: false
            }
          },
          xaxis: {
            lines: {
              show: false
            }
          }
        },
        yaxis: {
          show: false,
        },
        dataLabels: {
          enabled: false
        },
        colors: ['#FF7433','#EBEBEB'],
      };

      chart = new ApexCharts(
        document.querySelector("#line-chart-25"),
        options
      );
      if ($("#line-chart-25").length > 0) {
        chart.render();
      }
    };

    /* Function ============ */
    return {
      init: function () {},

      load: function () {
        chartBar();
      },
      resize: function () {},
    };
  })();

  jQuery(document).ready(function () {});

  jQuery(window).on("load", function () {
    tfLineChart.load();
  });

  jQuery(window).on("resize", function () {});
})(jQuery);