antd pro如何实时渲染数据

Question

import React from 'react'
import ReactEcharts from 'echarts-for-react'
import { Form } from 'antd/lib/index'
import { connect } from 'dva'
import PropTypes from 'prop-types'

const SimpleChartComponent = ({
trackCount,
dispatch,
}) => {
const {

xDatas,
zDatas,
seriesItem,

} = trackCount

const option = {

title: {
  text: '',
},
tooltip: {
  trigger: 'axis',
},
grid: {
  left: '10%',
  right: '4%',
  bottom: '3%',
  containLabel: true,
},
legend: {
  // 图例-e.g-activityId
  // data: myDimension['line']
  data: zDatas === '' ? '' : zDatas,
  // data: this.setState(zDatas),
},
toolbox: {},
xAxis: [
  {
    type: 'category',
    boundaryGap: false,
    // activityid
    data: xDatas === '' ? '' : xDatas,
    // data: myDimension['x']
    // data: this.setState(xDatas),
  },
],
yAxis: [
  {
    type: 'value',
  },
],
series: seriesItem,

}

return (

<div className="examples" style={{ width: '60%', float: 'left' }}>
  <div className="parent" id="main">
    <ReactEcharts
     // ref={(e) => { this.echartsElement = e }}
      option={option}
      style={{ height: '350px', width: '100%', marginLeft: '0%' }}
      className="react_for_echarts"
    />
  </div>
</div>

)
}

SimpleChartComponent.propTypes = {
trackCount: PropTypes.object,
dispatch: PropTypes.func,
}

export default connect(({ trackCount, loading }) => ({ trackCount, loading: loading.models.trackCount }))(SimpleChartComponent)