带图表的Google Chart ComboChart烛台

时间:2014-10-02 20:07:14

标签: javascript charts google-visualization

我查看了docs for combo charts并能够重现一个条形图,其中一条线作为一个不同的系列。但是,如何将烛台图表作为一个不同的系列?

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

Date, Low, Open, High, Close, Average

我的数据如下所示,我可以创建一个只有一个系列的烛台组合图表:

Date, Low, Open, High, Close

添加其他列时会发生什么?

更新

    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);
   }

1 个答案:

答案 0 :(得分:2)

“line”系列是第2个数据系列,而不是第6个,所以你的系列选项应该是:

series: {
    1: {
        type: 'line'
    }
}