Google Chart ComboChart Candlesticks with Line

Question

I have looked at the docs for combo charts and am able to reproduce a bar chart with a line as a different series. But how do I have a candlestick chart with a line as a different series?

When I try, I get the error Last domain does not have enough data columns (missing 3). Yes, I am adjusting my datatable so it has the right number of variables (columns).

Date, Low, Open, High, Close, Average

I can create a candlestick combo chart with only one series when my data looks like:

Date, Low, Open, High, Close

What is happening when I add another column?

Update:

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

asgallant asgallant · Accepted Answer · 2014-10-04T00:29:05

The "line" series is the 2nd data series, not the 6th, so your series option should be:

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

Google Chart ComboChart Candlesticks with Line

1 Answers