Este es mi código de gráfico dinámico, estoy usando la biblioteca de gráficos de Apex,

import React, { Componente, useEffect, useState } from "react";

importar gráfico desde "react-apexcharts";

importar axios desde "axios";

 const App = () => { useEffect(() => { axios .get(`https://api.thingspeak.com/channels/1285233/fields/1.json`) .then((res) => { console.log("RESPONSE", res.data.feeds); setData(res.data); }) .catch((error) => { }); }, []); const [data, setData] = useState({}); let series = data.feeds?.map((x) => x.entry_id); let xaxisdata = [] for(let i = 0; i >= 200 ; i++) { xaxisdata.push(i) } console.log("SERIES", series); const options = { chart: { id: "basic-bar", }, xaxis: { categories: xaxisdata, }, series: [ { name: "series-1", data: series, }, // { // name: "series-2", // data: [10, 80, 60, 75, 35, 72, 8, 42], // }, ], }; return ( <div className="app"> <div className="row"> <div className="mixed-chart"> <div className="chartPosition"> <Chart options={options} series={options.series} type="line" width="1000" /> </div> </div> </div> </div> ); }; export default App;

Quiero convertir mi gráfico en un gráfico cambiante en tiempo real, al igual que el gráfico de uso de la CPU en el administrador de tareas, obtiene cambios en diferentes intervalos de tiempo. quiero ese grafico