Question

首次正确呈现图表组件。当我更改仪表板上的选项卡并再次单击显示图表时，我收到错误this.dataTable.getNumberOfRows不是函数。当我再次安装图表组件时，我收到错误。

图表组件：

var React = require('React');
var ReactDOM = require('ReactDOM');
var {Chart} = require('react-google-charts');  
var $ = require('jquery');

var LineChart = React.createClass({
    getInitialState: function() {
        return {
            rows: [], 
        }
    },
    componentWillMount: function () {
        this.sTime = this.props.sTime;
        this.eTime = this.props.eTime;
    var _this = this;
    var request = function () {       
        $.post("/times" , {'start':_this.sTime, 'end':_this.eTime }, function (res) {   
            _this.setState({
                rows: res.data
            });
        }); 
    };
    request();
       },
    render: function() {
        return (
            <div >
            <Chart chartType="LineChart"
                rows={this.state.rows}
            columns={this.props.columns}
            options={this.props.options}
            />
            </div>
        );
    }
});
module.exports = LineChart;

Answer 1

我需要定义行的初始值。这解决了这个问题。

getInitialState: function() {
    return {
        rows: [[new Date(0),0]], 
    }
},

当再次安装谷歌图表

1 个答案: