//dashboard default page in chart-1
var options = {
  series: [{
      data: [
          [1327359600000, 65.95],
          [1327446000000, 65.34],
          [1327532400000, 65.18],
          [1327618800000, 65.05],
          [1327878000000, 65.00],
          [1327964400000, 63.95],
          [1328050800000, 62.24],
          [1328137200000, 63.29],
          [1328223600000, 65.85],
          [1328482800000, 60.86],
          [1328569200000, 62.28],
          [1328655600000, 59.10],
          [1328742000000, 59.65],
          [1328828400000, 59.21],
          [1329087600000, 60.35],
          [1329174000000, 60.44],
          [1329260400000, 60.46],
          [1329346800000, 60.86],
          [1329433200000, 65.75],
          [1329778800000, 65.54],
          [1329865200000, 65.33],
          [1329951600000, 65.97],
          [1330038000000, 60.41],
          [1330297200000, 60.27],
          [1330383600000, 60.27],
          [1331161200000, 59.05],
          [1331247600000, 59.64],
          [1331506800000, 59.56],
          [1331593200000, 59.22],
          [1331679600000, 58.77],
          [1331766000000, 58.17],
          [1331852400000, 58.82],
          [1332111600000, 58.51],
          [1332198000000, 58.16],
          [1332284400000, 58.56],
          [1332370800000, 55.71],
          [1332457200000, 55.81],
          [1332712800000, 55.40],
          [1332799200000, 55.63],
          [1332885600000, 55.46],
          [1332972000000, 54.48],
          [1333058400000, 54.31],
          [1333317600000, 54.70],
          [1333404000000, 55.31],
          [1333490400000, 55.46],
          [1333576800000, 55.59],
          [1333922400000, 56.22],
          [1335477600000, 56.58],
          [1335736800000, 56.55],
          [1335823200000, 56.77],
          [1335909600000, 56.76],
          [1335996000000, 56.32],
          [1336082400000, 57.61],
          [1336341600000, 57.52],
          [1336428000000, 57.67],
          [1336514400000, 57.52],
          [1336600800000, 57.92],
          [1336687200000, 58.20],
          [1336946400000, 58.23],
          [1337032800000, 58.33],
          [1337119200000, 58.36],
          [1337205600000, 58.01],
          [1337292000000, 58.31],
          [1337551200000, 55.01],
          [1337637600000, 55.01],
          [1337724000000, 55.18],
          [1337810400000, 55.54],
          [1337896800000, 53.60],
          [1338242400000, 53.05],
          [1338328800000, 53.29],
          [1338415200000, 53.05],
          [1338501600000, 50.82],
          [1338760800000, 50.31],
          [1338847200000, 50.70],
          [1338933600000, 50.69],
          [1339020000000, 50.32],
          [1339106400000, 49.65],
          [1339365600000, 49.13],
          [1339452000000, 49.77],
          [1339538400000, 49.79],
          [1339624800000, 49.67],
          [1339711200000, 49.39],
          [1339970400000, 49.63],
          [1340056800000, 49.89],
          [1340143200000, 48.99],
          [1340229600000, 48.23],
          [1340316000000, 48.57],
          [1340575200000, 48.84],
          [1340661600000, 48.07],
          [1340748000000, 48.41],
          [1340834400000, 48.17],
          [1340920800000, 48.37],
          [1341180000000, 48.19],
          [1341266400000, 45.51],
          [1341439200000, 45.53],
          [1341525600000, 45.37],
          [1341784800000, 45.43],
          [1341871200000, 45.44],
          [1341957600000, 45.20],
          [1342044000000, 43.14],
          [1342130400000, 43.65],
          [1342389600000, 43.40],
          [1342476000000, 43.65],
          [1342562400000, 43.43],
          [1342648800000, 43.89],
          [1342735200000, 40.38],
          [1342994400000, 40.64],
          [1343080800000, 40.02],
          [1343167200000, 40.33],
          [1343253600000, 40.95],
          [1343340000000, 40.89],
          [1343599200000, 40.01],
          [1343685600000, 40.88],
          [1343772000000, 40.69],
          [1343858400000, 40.58],
          [1343944800000, 40.02],
          [1344204000000, 41.14],
          [1344290400000, 41.37],
          [1344376800000, 41.51],
          [1344463200000, 41.65],
          [1344549600000, 41.64],
          [1344808800000, 41.27],
          [1344895200000, 41.10],
          [1344981600000, 41.91],
          [1345068000000, 41.65],
          [1345154400000, 40.80],
          [1345413600000, 40.92],
          [1345500000000, 40.75],
          [1345586400000, 40.84],
          [1345672800000, 40.50],
          [1345759200000, 40.26],
          [1346018400000, 42.32],
          [1346104800000, 42.06],
          [1346191200000, 42.96],
          [1346277600000, 42.46],
          [1346364000000, 42.27],
          [1346709600000, 42.43],
          [1346796000000, 42.26],
          [1346882400000, 42.79],
          [1346968800000, 43.46],
          [1347228000000, 43.13],
          [1347314400000, 40.43],
          [1347400800000, 40.42],
          [1347487200000, 40.81],
          [1347573600000, 40.34],
          [1347832800000, 40.41],
          [1347919200000, 38.57],
          [1348005600000, 38.12],
          [1348092000000, 38.53],
          [1348178400000, 38.83],
          [1348437600000, 38.41],
          [1348524000000, 38.90],
          [1348610400000, 40.53],
          [1348696800000, 40.80],
          [1348783200000, 40.44],
          [1349042400000, 40.62],
          [1349128800000, 40.57],
          [1349215200000, 40.60],
          [1349301600000, 40.68],
          [1349388000000, 40.47],
          [1349647200000, 43.23],
          [1349733600000, 43.68],
          [1349820000000, 43.51],
          [1349906400000, 43.78],
          [1349992800000, 43.94],
          [1350252000000, 43.33],
          [1350338400000, 43.24],
          [1350424800000, 43.44],
          [1350511200000, 43.48],
          [1350597600000, 43.24],
          [1350856800000, 43.49],
          [1350943200000, 43.31],
          [1351029600000, 45.36],
          [1351116000000, 45.40],
          [1351202400000, 45.01],
          [1351638000000, 45.02],
          [1351724400000, 45.36],
          [1351810800000, 45.39],
          [1352070000000, 45.24],
          [1352156400000, 45.39],
          [1352242800000, 45.47],
          [1352329200000, 45.98],
          [1352415600000, 48.90],
          [1352674800000, 48.70],
          [1352761200000, 48.54],
          [1352847600000, 48.23],
          [1352934000000, 48.64],
          [1353020400000, 48.65],
          [1353279600000, 48.92],
          [1353366000000, 48.64],
          [1353452400000, 48.84],
          [1353625200000, 48.40],
          [1353884400000, 48.30],         
          [1355353200000, 55.53],
          [1355439600000, 55.56],
          [1355698800000, 55.42],
          [1355785200000, 58.49],
          [1355871600000, 58.09],
          [1355958000000, 58.87],
          [1356044400000, 58.71],
          [1356303600000, 58.53],
          [1356476400000, 58.55],
          [1356562800000, 60.30],
          [1356649200000, 60.90],
          [1356908400000, 60.68],
          [1357081200000, 60.34],
          [1357167600000, 60.75],
          [1357254000000, 60.13],
          [1357513200000, 60.94],
          [1357599600000, 60.14],
          [1357686000000, 60.66],
          [1357772400000, 63.62],
          [1357858800000, 65.09],
          [1358118000000, 63.16],
          [1358204400000, 63.15],
          [1358290800000, 65.88],
          [1358377200000, 60.73],
          [1358463600000, 60.98],
          [1358809200000, 60.95],
          [1358895600000, 60.25],
          [1358982000000, 60.10],
          [1359068400000, 60.32],
          [1359327600000, 60.24],
          [1359414000000, 60.52],
          [1359500400000, 60.94],
          [1359586800000, 60.83],
          [1359673200000, 60.34],
          [1359932400000, 60.10],
          [1360018800000, 63.51],
          [1360105200000, 63.40],
          [1360191600000, 63.20],
          [1360278000000, 63.20],
          [1360537200000, 64.64],
          [1360623600000, 64.89],
          [1360710000000, 64.81],
          [1360796400000, 65.61],
          [1360882800000, 65.63],
          [1361228400000, 65.99],
          [1361314800000, 66.77],
          [1361401200000, 66.34],
          [1361487600000, 66.55],
          [1361746800000, 67.11],
          [1361833200000, 67.59],
          [1361919600000, 67.60]
      ]
  }],
  chart: {
      id: 'area-datetime',
      type: 'area',
      height: 425,
      zoom: {
          autoScaleYaxis: true
      },
      toolbar: {
          show: false
      },
  },
  annotations: {
      yaxis: [{
          y: 50,
          borderColor: vihoAdminConfig.primary,
          label: {
              show: true,
              text: 'Support',
              style: {
                  color: "#fff",
                  background: vihoAdminConfig.primary
              }
          }
      }],
      xaxis: [{
          x: new Date('15 Nov 2012').getTime(),
          borderColor: vihoAdminConfig.primary,
          yAxisIndex: 50,          
          label: {
              show: false,
              text: '$859,432',
              style: {
                  color: "#fff",
                  background: vihoAdminConfig.primary
              }
          },
      }]
  },
  dataLabels: {
      enabled: false
  },
  markers: {
      size: 0,
      style: 'hollow',
  },
  xaxis: {
      type: 'datetime',
      min: new Date('01 Apr 2012').getTime(),
      tickAmount: 6,
      axisTicks: {
          show: false,
      },
      axisBorder: {
          show: false
      },
  },
  tooltip: {
      x: {
          format: 'dd MMM yyyy'
      },
  },
  fill: {
      type: 'gradient',
      gradient: {
          shadeIntensity: 1,
          opacityFrom: 0.7,
          opacityTo: 0.9,
          stops: [0, 100]
      }
  },
  responsive: [{
      breakpoint: 1366,
      options: {
          chart: {
              height: 350
          }
      }
  },
   {
      breakpoint: 1238,
      options: {
          chart: {
              height:300              
          },
          grid: {
            padding: {              
              bottom: 5,              
           },  
          }
      }
  },
  {
    breakpoint: 992,
    options: {
        chart: {
            height: 300              
        }
    }
},
{
      breakpoint: 551,
      options: {          
          grid: {
            padding: {              
              bottom:10,              
           },  
          }
      }
  },
  {
    breakpoint: 535,
    options: {
        chart: {
            height: 250
        }

    }
}],
  
  colors: [vihoAdminConfig.primary],
};
var charttimeline = new ApexCharts(document.querySelector("#chart-timeline-dashbord"), options);
charttimeline.render();
// second chart dashbord dafault
var options17 = {
  series: [76, 67, 61, 90],
  chart: {
      height: 380,
      type: 'radialBar',
  },
  plotOptions: {
      radialBar: {
          offsetY: 0,
          startAngle: 0,
          endAngle: 270,
          hollow: {
              margin: 5,
              size: '30%',
              background: 'transparent',
              image: undefined,
          },
          dataLabels: {
              name: {
                  show: false,
              },
              value: {
                  show: false,
              }
          }
      }
  },
  colors: [vihoAdminConfig.primary, vihoAdminConfig.secondary, vihoAdminConfig.primary, vihoAdminConfig.secondary],
  labels: ['Total order', 'Total product', 'Quantity', 'Page views'],
  legend: {
      show: true,
      floating: true,
      fontSize: '14px',
      position: 'left',
      fontFamily: 'Roboto',
      fontweight: 400,
      // offsetX:30,
      offsetY: 20,
      labels: {
          useSeriesColors: true,
      },
      markers: {
          size: 0,
          show: false,
      },
      formatter: function(seriesName, opts) {
          return seriesName + ":  " + opts.w.globals.series[opts.seriesIndex]
      },
      itemMargin: {
          vertical: 5,
          horizontal: 2
      }
  },
  stroke: {
      lineCap: 'round'
  },
  responsive: [{
      breakpoint: 480,
      options: {
          legend: {
              show: true,
              fontSize: '10px',
          }
      }
  }]
};
var chart17 = new ApexCharts(document.querySelector("#chart-dashbord"), options17);
chart17.render();
// chart-4 dashbord
var options21 = {
  series: [{
      name: 'series1',
      data: [90, 78, 90, 84, 94, 60, 95, 88, 95]
  }],
  chart: {
      height: 405,
      type: 'area',
      toolbar: {
          show: false
      }
  },
  dataLabels: {
      enabled: false
  },
  stroke: {
      curve: 'smooth'
  },
  xaxis: {
      type: 'datetime',
      enabled: false,
      categories: ["2018-09-19T00:00:00.000Z", "2018-09-19T01:30:00.000Z", "2018-09-19T02:30:00.000Z", "2018-09-19T03:30:00.000Z", "2018-09-19T04:30:00.000Z", "2018-09-19T05:30:00.000Z", "2018-09-19T06:30:00.000Z"]
  },
  yaxis: {
      show: false,
  },
  xaxis: {
      show: false,
      labels: {
          show: false,
      },
      axisTicks: {
          show: false,
      },
  },
  tooltip: {
      x: {
          format: 'dd/MM/yy HH:mm',
          enabled: false,
      },
  },
  colors: [vihoAdminConfig.secondary],
  responsive: [
    {
      breakpoint:1365,
      options: {
          chart: {
              height: 220
          }
      },
  },
    {
      breakpoint: 575,
      options: {
          chart: {
              height: 180
          }
      },
  },
   {
      breakpoint: 992,
      options: {
          chart: {
              height: 250
          }
      },
  }],
};
var chart21 = new ApexCharts(document.querySelector("#chart-3dash"), options21);
chart21.render();
//column chart
var options54 = {
  series: [{
      data: [400, 230, 448, 370, 540, 580, 690, 1100, 1200]
  }],
  chart: {
      type: "bar",
      height: 200,
      toolbar: {
          show: false,
      },
  },
  plotOptions: {
      bar: {
          horizontal: false,
          distributed: true,
          columnWidth: '30%',
          startingShape: "rounded",
          endingShape: "rounded",
          colors: {
              backgroundBarColors: ["#e5edef"],
              backgroundBarOpacity: 1,
              backgroundBarRadius: 9
          }
      }
  },
  dataLabels: {
      enabled: false
  },
  grid: {
      yaxis: {
          lines: {
              show: false
          },
      }
  },
  yaxis: {
      labels: {
          formatter: function(val) {
              return val / 100 + "K";
          },
      },
      labels: {
          show: false,
      },
  },
  xaxis: {
      axisBorder: {
          show: false
      },
      categories: ["Jan", "Feb", "Mar", "Apr", "May", "Jun", "Jul", "Sep", "Oct"],
      labels: {
          show: true,
      },
      axisTicks: {
          show: false,
      },
  },
  colors: [
      vihoAdminConfig.primary,
      vihoAdminConfig.primary,
      vihoAdminConfig.primary,
      vihoAdminConfig.primary,
      vihoAdminConfig.primary,
      vihoAdminConfig.primary,
      vihoAdminConfig.primary,
      vihoAdminConfig.primary,
      vihoAdminConfig.primary
  ],
  legend: {
      show: false
  }
};
var chart54 = new ApexCharts(document.querySelector("#chart-unique-2"), options54);
chart54.render();
//new column charts
var options55 = {
  series: [{
      name: "Yearly Profit",
      data: [{
          x: "Jan",
          y: 1500
      }, {
          x: "Feb",
          y: 3000
      }, {
          x: "Mar",
          y: 1800
      }, {
          x: "Apr",
          y: 3000,
          fillColor: vihoAdminConfig.secondary,
      }, {
          x: "May",
          y: 1800
      }, {
          x: "Jun",
          y: 1500
      }, {
          x: "Jul",
          y: 2500
      }, {
          x: "Sep",
          y: 1500,
          fillColor: vihoAdminConfig.secondary,
      }, {
          x: "Oct",
          y: 2000
      }]
  }],
  chart: {
      height: 250,
      type: "bar",
      toolbar: {
          show: false,
      },
  },
  plotOptions: {
      bar: {
          horizontal: false,
          columnWidth: "30%",
          startingShape: "rounded",
          endingShape: "rounded",
          colors: {
              backgroundBarColors: ["#e5edef"],
              backgroundBarOpacity: 1,
              backgroundBarRadius: 9
          }
      },
  },
  stroke: {
      show: false,
  },
  dataLabels: {
      enabled: false
  },
  fill: {
      opacity: 1
  },
  xaxis: {
      // type: "datetime",
      axisBorder: {
          show: false
      },
      labels: {
          show: true,
      },
      axisTicks: {
          show: false,
      },
  },
  yaxis: {
      labels: {
          show: false,
      }
  },
  colors: [vihoAdminConfig.primary]
};
var chart55 = new ApexCharts(document.querySelector("#user-activation-dash-2"), options55);
chart55.render();