Google Chart ComboChart 带线的烛台

brn*_*792 5 javascript charts google-visualization

我已经查看了组合图的文档,并且能够将带有线条的条形图复制为不同的系列。但如何才能获得包含一条线作为不同系列的烛台图呢?

当我尝试时,我收到错误Last domain does not have enough data columns (missing 3)。是的,我正在调整我的数据表,使其具有正确数量的变量(列)。

Date, Low, Open, High, Close, Average
Run Code Online (Sandbox Code Playgroud)

当我的数据如下所示时,我可以创建一个仅包含一个系列的烛台组合图:

Date, Low, Open, High, Close
Run Code Online (Sandbox Code Playgroud)

当我添加另一列时会发生什么?

更新:

    google.load("visualization", "1", {packages:["corechart"]});
    google.setOnLoadCallback(drawChart);  
    function drawChart() {
        var data = google.visualization.arrayToDataTable([
            ['Date',     'Low', 'Open', 'High', 'Close', 'Average'],
            ['2014/05',   200,   300,    500,    400,     350],
            //...
        ]);

        var options = {
            seriesType: "candlesticks",
            series: {
                5: {type: "line"}
            }
        };

        var chart = new google.visualization.ComboChart(document.getElementById('chart_div'));
        chart.draw(data, options);
   }
Run Code Online (Sandbox Code Playgroud)

asg*_*ant 5

“线”系列是第二个数据系列,而不是第 6 个,因此您的系列选项应该是:

series: {
    1: {
        type: 'line'
    }
}
Run Code Online (Sandbox Code Playgroud)