PNG %k25u25%fgd5n!
/home/mkuwqnjx/www/src/assets/js/pages/crypto-index.init.js
/**
 * Theme: Forexo - Bootstrap 5 Responsive Admin Dashboard
 * Author: Mannatthemes
 * Crypto Dashboard Js
 */




 //customers-widget

 
 var options = {
  chart: {
      height: 275,
      type: 'donut',
  }, 
  plotOptions: {
    pie: {
      donut: {
        size: '70%'
      }
    }
  },
  dataLabels: {
    enabled: false,
  },

  stroke: {
    show: true,
    width: 2,
    colors: ['transparent']
  },
 
  series: [50, 15, 35,],
  legend: {
    show: true,
    position: 'bottom',
    horizontalAlign: 'center',
    verticalAlign: 'middle',
    floating: false,
    fontSize: '13px',
    fontFamily: "Be Vietnam Pro, sans-serif",
    offsetX: 0,
    offsetY: 0,
  },
  labels: [ "Profit","Loss", "Neutral" ],
  colors: ["#22c55e", "#ef4d56", "#5ec0df"],
 
  responsive: [{
      breakpoint: 600,
      options: {
        plotOptions: {
            donut: {
              customScale: 0.2
            }
          },        
          chart: {
              height: 240
          },
          legend: {
              show: false
          },
      }
  }],
  tooltip: {
    y: {
        formatter: function (val) {
            return   val + " %"
        }
    }
  }
  
}

var chart = new ApexCharts(
  document.querySelector("#customers"),
  options
);

chart.render();