Google Charts draw () - Methode gibt bei Angabe von DataTable @ einen falschen Typ e

Question

Feb 25, 2016, 08:04 PM

google-visualization datatable javascript google-api

Google Charts draw () - Methode gibt bei Angabe von DataTable @ einen falschen Typ e

Ich versuche, ein Liniendiagramm mit einem Bereichsfilter in Google Charts mit HTML und Javascript anzuzeigen, aber wann immer ich dasdraw() -Funktion, der Code sagt mir, dass ich den falschen Datentyp für das @ verwendet hadraw() Argument (es sollte ein @ seDataTable). Ich konstruiere meine Daten jedoch mitarrayToDataTable(), das laut Google Charts APIDokumentatio erstellt eine Datentabelle. Hier ist mein vollständiger Code:

<html>
    <head>
        <script type="text/javascript" src="http://www.google.com/jsapi"></script>
        <script type="text/javascript" src="https://www.gstatic.com/charts/loader.js"></script>
        <script type="text/javascript">
            //Chart data
            google.charts.load('current',{'packages':['controls']});
            google.charts.setOnLoadCallback(drawDashboard);

            function drawDashboard(){
                var dataSet = google.visualization.arrayToDataTable([
                    [{label:'date',type:'datetime'},{label:'Bytes from network:Bytes to network',type:'number'}],
                    [new Date(2016,01,23,00,00),1.0],
                    [new Date(2016,01,23,01,00),1.0075187969924813],
                    [new Date(2016,01,23,03,00),1.126865671641791],
                    [new Date(2016,01,24,22,00),0.987012987012987],
                    [new Date(2016,01,25,01,00),1.0],
                    [new Date(2016,01,25,02,00),0.9166666666666666],
                    [new Date(2016,01,25,10,00),1.0],
                    [new Date(2016,01,26,12,00),1.0],
                    [new Date(2016,01,27,17,00),0.9864864864864865],
                    [new Date(2016,01,28,22,00),0.03125],
                    [new Date(2016,02,01,22,00),0.97],
                ]);

                var dashboard = new google.visualization.Dashboard(document.getElementById('dashboard_div'));

                var dateRangeFilter = new google.visualization.ControlWrapper({'controlType':'ChartRangeFilter','containerId':'filter_div','options': {'filterColumnLabel':'date'}});

                var lineChart = new google.visualization.ChartWrapper({'chartType':'LineChart','containerId':'curve_chart','options':{'title': 'Total Bytes from the Source Network to Total Bytes To the Source Network per Day','curveType': 'function','legend': {'postition':'bottom'}}});

                dashboard.bind(dateRangeFilter,lineChart);

                dashboard.draw(dataSet);
            }
        </script>
    </head>
    <body>
        <!--draw charts using corresponding div tags-->
        <div id="dashboard_div">
            <div id="filter_div"></div>
            <div id="curve_chart" style="width:900px;height:500px"></div>
        </div>
    </body>
</html>

ie man sehen kann, erstelle ich eine Variable mit dem NamendataSet usinggoogle.visualization.arrayToDataTable(), das ein @ zurückgiDataTable. Dann am unteren Rand desdrawDashboard() Methode, ich rufedashboard.draw(dataSet), was den Fehler auslöst

You called the draw() method with the wrong type of data rather than a DataTable or DataView

Ich bin nicht sicher, warum es diesen Fehler auslöst, dadataSet ist eindeutig eine Instanz desDataTable Klasse. Ich habe mehrmals versucht, meinen Cache und meine Cookies zu leeren, aber ohne Erfolg.