text: (function ($) {
    var options = {
      series: [44, 55, 13, 33],
      chart: {
        height: 220,
        type: "donut",
      },
      dataLabels: {
        enabled: false,
      },
      labels: ["Bitcoin", "Tether", "Tezos", "Monero"],
      fill: {
        colors: ["#F7931A", "#2CA07A", "#A6DF00", "#FF6600"],
      },
      responsive: [
        {
          breakpoint: 480,
          options: {
            chart: {
              width: 200,
            },
            legend: {
              show: false,
            },
          },
        },
      ],
      legend: {
        show: false,
        position: "right",
        offsetY: 0,
        height: 150,
      },
    };
  
  //   var chart = new ApexCharts(document.querySelector("#balance-chart"), options);
  //   chart.render();
  })(jQuery);
  
  // ////
  
  (function ($) {
    $("#report-select").on("change", function () {
      drawChart();
    });
  
    function getSeries() {
      var selected_series = $("#report-select").val();
      if (selected_series == "1") {
        return series1();
      }
      if (selected_series == "2") {
        return series2();
      }
    }
  
    function series1() {
      var asd = [
        {
          name: "Desktops",
          data: [110, 41, 120, 51, 49, 160, 69, 91, 148],
        },
      ];
      return asd;
    }
  
    function series2() {
      var qwe = [
        {
          name: "Desktop",
          data: [20, 50, 90, 195, 49, 62, 69, 91, 148],
        },
      ];
      return qwe;
    }
  
    var options = {
      series: getSeries(),
      chart: {
        height: 300,
        type: "area",
        animations: {
          enabled: false,
        },
        toolbar: {
          show: false,
        },
      },
  
      plotOptions: {
        bar: {
          columnWidth: "20%",
          borderRadius: 5,
  
          colors: {
            backgroundBarOpacity: 1,
            backgroundBarRadius: 5,
          },
        },
        distributed: true,
      },
  
      colors: ["#2F2CD8"],
      grid: {
        show: false,
        borderColor: "#F1F1F1",
      },
  
      fill: {
        opacity: 1,
      },
      dataLabels: {
        enabled: false,
      },
      stroke: {
        show: true,
        curve: "smooth",
        lineCap: "rounded",
      },
      xaxis: {
        categories: [
          "Jan 01",
          "Jan 02",
          "Jan 03",
          "Jan 04",
          "Jan 05",
          "Jan 06",
          "Jan 07",
          "Jan 08",
          "Jan 09",
        ],
  
        labels: {
          style: {
            cssClass: "apexcharts-xaxis-label",
          },
        },
  
        axisBorder: {
          show: false,
        },
        axisTicks: {
          show: false,
        },
      },
      yaxis: {
        labels: {
          style: {
            colors: "#3E4954",
          },
          formatter: function (y) {
            return y.toFixed(0) + "";
          },
        },
      },
      tooltip: {
        x: {
          show: true,
        },
      },
    };
    var chart = new ApexCharts(document.querySelector("#chartx"), options);
  
    chart.render();
  
    function drawChart() {
      chart.updateSeries(getSeries());
    }
  })(jQuery);
  