Apex charts

[prathamvs]

import React, { Component } from 'react'
import Chart from 'react-apexcharts'
const day = [{
x: new Date('2021-11-01 00:00:00 '),
y: 5
},
{
x: new Date('2021-11-02 00:00:00 '),
y: 15
},
{
x: new Date('2021-11-03 00:00:00 '),
y: 10
},
{
x: new Date('2021-11-04 00:00:00 '),
y: 30
},
{
x: new Date('2021-11-05 00:00:00 '),
y: 45
},
{
x: new Date('2021-11-06 00:00:00 '),
y: 20
},
{
x: new Date('2021-11-07 00:00:00 '),
y: 12
},
];

const week = [{
x: Date.parse('2021-10-31 00:00:00'),
y: 15
},
{
x: Date.parse('2021-11-07 00:00:00 '),
y: 25
},
{
x: Date.parse('2021-11-14 00:00:00 '),
y: 5
},
{
x: Date.parse('2021-11-21 00:00:00 '),
y: 45
},
{
x: Date.parse('2021-11-28 00:00:00 '),
y: 30
},
];

const month = [{
x: Date.parse('2021-08-01 00:00:00 '),
y: 500
},
{
x: Date.parse('2021-09-01 00:00:00 '),
y: 700
},
{
x: Date.parse('2021-10-01 00:00:00 '),
y: 200
},
{
x: Date.parse('2021-11-01 00:00:00 '),
y: 1000
},
{
x: Date.parse('2021-12-01 00:00:00 '),
y: 600
},
];

class O1chart extends Component {
constructor(props) {
super(props);

    this.state = {
      series: [{
        name: 'Daily',
        type: 'column',
        data: day,
      }],
      options: {
        chart: {
          height: 350,
          type: 'bar',
          stacked: false
        },
        dataLabels: {
          enabled: false
        },
        stroke: {
          width: [1, 1, 4]
        },
        plotOptions:{
           bar:{
            horizontal:false
           }
        },
        yaxis: [
          {
            axisTicks: {
              show: true,
            },
            axisBorder: {
              show: true,
              color: '#008FFB'
            },
            labels: {
              style: {
                colors: '#008FFB',
              }
            },
            title: {
              text: "Daily",
              style: {
                color: '#008FFB',
              }
            },
            tooltip: {
              enabled: true
            }
          }, 
        ],
        tooltip: {
          fixed: {
            enabled: true,
            position: 'topLeft', 
            offsetY: 30,
            offsetX: 60
          },
        },
        legend: {
          horizontalAlign: 'left',
          offsetX: 40
        }
      }, 
    };
  }

onClick = () =>{
  this.setState({
    series:{
      ...this.state.series[0],
    
    },
  });
  
}
    render() {
    return (
      <div>

        <Chart options={this.state.options} series={this.state.series}  width="100%" height="450px" />
         <button onClick={this.onClick}>Horizontal</button>
        <h1>{this.props.name}</h1>
      </div>
      
    );
   
  }

}

export default O1chart

how do I travel to the data part so that I can toogle the data part from day to week