import React, { useEffect } from 'react';
import * as echarts from 'echarts';
const One = () => {
let han = () => {
var chartDom = document.getElementById('aa');
var myChart = echarts.init(chartDom);
var option;
option = {
xAxis: {
type: 'category',
data: ['Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat', 'Sun']
},
yAxis: {
type: 'value'
},
series: [
{
data: [150, 230, 224, 218, 135, 147, 260],
type: 'line'
}
]
};
myChart.clear()
option && myChart.setOption(option);
}
setInterval(()=>{
han()
},3000)
useEffect(()=>{
han()
},[])
return (
<div>
<div style={{width:'100%',height:'100%'}} id="aa" ></div>
</div>
);
}
export default One;