使用 Google Charts 绘制烛台图时传递多维数组的正确方法

var data = google.visualization.arrayToDataTable([chartdata],true); // 错误：chartdata 已经被包裹在额外的数组中

var data = google.visualization.arrayToDataTable(chartdata,true); // 正确：直接传递 chartdata

$(document).ready(function(){
    $(document).on("click", "button", function(){

        var parenthis = this.parentElement;
        var tr = parenthis.querySelectorAll('.data');

        var chartdata = [];

        for(var x=0 ; x < tr.length ; x++){

            var subdata = [];
            var array=['date_','open','close','high','low'];

            for(var y=0 ; y < array.length ; y++){

                var class_table = parenthis.querySelectorAll("[class=" + CSS.escape(array[y]) + "]"); 

                if(y==0){
                    subdata.push(class_table[x].innerHTML);
                }
                else if(y==4){
                    subdata.push(parseFloat(class_table[x].innerHTML));
                    chartdata.push(subdata);
                }
                else{
                    subdata.push(parseFloat(class_table[x].innerHTML))
                }

            };                    
        };

        // candlestick chart 
        google.charts.load('current', {'packages':['corechart']});
        google.charts.setOnLoadCallback(drawChart);

        function drawChart(){

            // [[str,num/float,num/float,num/float,num/float],]
            var data = google.visualization.arrayToDataTable(chartdata,true); // 修改这里

            var options = {
            legend:'none',
            };

            var chart = new google.visualization.CandlestickChart(document.getElementById('chart'));
            chart.draw(data, options);
        };      
    })        
});

<div >
    <div>
        <button>OK</button>
        <table id="haha">
            <thead>
                <tr>
                    <td>date</td>
                    <td>open</td>
                    <td>close</td>
                    <td>high</td>
                    <td>low</td>
                    <td>change</td>
                </tr>
            </thead>
            <tr class="data">
                <td class="date_">2022-05-25 12:00</td>
                <td class="open">12</td>
                <td class="close">864</td>
                <td class="high">889</td>
                <td class="low">76</td>
                <td class="change">66</td>
            </tr>
            <tr class="data">
                <td class="date_">2022-05-25 13:00</td>
                <td class="open">765</td>
                <td class="close">45</td>
                <td class="high">97</td>
                <td class="low">82</td>
                <td class="change">613</td>
            </tr>
        </table>
    </div>
</div>
<div id="chart" style="width: 900px; height: 500px;"></div>