Question

我的网站上有几张Google Charts，它们昨天工作得很好，但今天却不能正常工作-自昨天以来，我没有更改任何代码。

这是我的一些相关代码：

import { Chart } from 'react-google-charts';
/*global google*/

getUPS(evt) {
evt.preventDefault();
fetch(url + document.getElementById("time").value)
.then(results => {
    return results.json();
 }).then(data => {
     data = data.value;
     var data2 = new google.visualization.DataTable();
     data2.addColumn("string", "timestamp");
     data2.addColumn("string", "name");
     data2.addColumn("string", "trackingId");
     for (let i = 0; i < data.length; i++) {
         data2.addRow([data[i].timestamp, data[i].customEvent.name, data[i].customDimensions.trackingId]);
      }

     this.setState({
         data7: data2
     });
     console.log(data2);
     document.getElementById("datatable").style.display = "block";
     })
}

    render() {
       return (
                   <div style={{ display: 'none' }} id="tablechart" className={'chart'}>
            <Chart
                chartType="Table"
                data={this.state.data7}
                options={this.state.options2}
                width="1600px"
                height="1000px"
            /> 
            </div>
         )}

Answer 1

原来我不需要使用Google可视化数据表。

能够使其适用于：

            let data2 = [
                [
                    "time",
                    "requests"
                ]
            ]
            for (let i = 0; i < data.length; i++) {
              data2.push([data[i].time, data[i].requests])
            }
            this.setState({data: data2});

为什么Google图表无法正确呈现？

1 个答案: