import Highcharts from 'highcharts';
import Highcharts_more from 'highcharts/highcharts-more';
Highcharts_more(Highcharts);
export const Schedules = () => {
  new Highcharts.chart('first-schedule', {
    chart: {
      type: 'column',
    },
    title: {
      text: 'MAU (Monthly Active Users)',
    },
    yAxis: [{
      title: {
        text: ''
      },
      type: 'linear',
      crosshair: true
    }],
    xAxis: [{
      categories: [2013, 2014, 2015, 2016, 2017, 2018, 2019, 2020, 2021, 2022],
      crosshair: true
    }],
    series: [{
      name: 'Active users',
      data: [647, 14636, 79025, 109993, 162449, 171776, 216910, 534747, 573258, 408822],
      color: '#A7B6C8',
      borderWidth: 0,
    }]
  });

  new Highcharts.chart('two-schedule', {
    chart: {
      type: 'column',
    },
    title: {
      text: 'DAU (Daily Active Users)',
    },
    yAxis: [{
      title: {
        text: ''
      },
      type: 'linear',
      crosshair: true
    }],
    xAxis: [{
      categories: [2013, 2014, 2015, 2016, 2017, 2018, 2019, 2020, 2021, 2022],
      crosshair: true
    }],
    series: [{
      name: 'Active users',
      data: [197, 1917, 10872, 18991, 33234, 39011, 46072, 159227, 157684, 88906],
      color: '#A7B6C8',
      borderWidth: 0,
    }]
  });

  new Highcharts.chart('three-schedule', {
    chart: {
      type: 'waterfall',
    },
    title: {
      text: 'Number of installs (Android + iOS)',
    },
    yAxis: [{
      title: {
        text: ''
      },
      type: 'linear',
      crosshair: true
    }],
    xAxis: [{
      categories: [2015, 2016, 2017, 2018, 2019, 2020, 2021, 2022, 'Total'],
      crosshair: true
    }],
    series: [{
      name: 'install',
      data: [{
        y: 152797,
      }, {
        y: 6387744,
      }, {
        y: 33722140,
      }, {
        y: 47558052,
      }, {
        y: 30854205,
      }, {
        y: 40726440,
      }, {
        y: 61708204,
      }, {
        y: 37818181,
      }, {
        isSum: true,
      }],
      color: '#A7B6C8',
      borderWidth: 0,
    }]
  });

  new Highcharts.chart('line-schedule', {
    chart: {
      type: 'spline',
    },
    title: {
      text: 'Number of clients registrations',
    },
    yAxis: [{
      title: {
        text: ''
      },
      type: 'linear',
      crosshair: true
    }],
    xAxis: [{
      categories: [2013, 2014, 2015, 2016, 2017, 2018, 2019, 2020, 2021, 2022],
      crosshair: true
    }],
    series: [{
      name: 'Registration',
      data: [14813, 965649, 7599117, 14514307, 27486103, 41883228, 55144281, 88179881, 115961718, 142775267],
      color: '#566E8A',
    }]
  });
}