2014-09-26 3 views
2

Это, вероятно, простое исправление, но я не вижу, что происходит не так. Я пытаюсь использовать немного кода от Candlesticks is always on top of lines in combo chart google chart и https://google-developers.appspot.com/chart/interactive/docs/gallery/candlestickchart. Я попытался поместить его в свой html-код (это работает для других примеров), но он не работает в этом случае. Просто интересно, можете ли вы помочь мне отладить его.Google Chart - Combo Chart Пример Выпуск

<html> 
    <head> 
    <script type="text/javascript" src="https://www.google.com/jsapi"></script> 
    <script type="text/javascript"> 
     google.load("visualization", "1", {packages:["corechart"]}); 
google.setOnLoadCallback(drawVisualization); 



function drawVisualization() { 
    // Create and populate the data table. 
    var data = new google.visualization.DataTable(); 
    data.addColumn('string', 'Day'); 
    data.addColumn('number', 'Dummy'); 
    data.addColumn('number', 'Range'); 
    data.addColumn({type: 'number', role: 'interval'}); 
    data.addColumn({type: 'number', role: 'interval'}); 
    data.addColumn('number', 'Trend'); 
    data.addRows([ 
    ['Mon', 28, 10, -8, 17, 42.8], 
    ['Tue', 38, 17, -7, 28, 47.5], 
    ['Wed', 55, 22, -5, 25, 52.2], 
    ['Thu', 66, 11, -16, 11, 56.9], 
    ['Fri', 22, 44, -7, 44, 61.6], 
    ]); 

    // Create and draw the visualization. 
    var ac = new google.visualization.ComboChart(document.getElementById('visualization')); 
    ac.draw(data, { 
    title : 'Monthly Coffee Production by Country', 
    width: 600, 
    height: 400, 
    vAxis: {title: "Cups"}, 
    hAxis: {title: "Month"}, 
    isStacked: true, 
    seriesType: "bars", 
    series: {0: {color: 'transparent'}, 2: {type: "line"}} 
    }); 
} 



    </script> 
    </head> 
    <body> 
    </body> 
</html> 

ответ

4

Ваш HTML тело не содержит элемент с именем визуализации - это когда карта вставлена ​​в следующей строке:

var ac = new google.visualization.ComboChart(document.getElementById('visualization')); 

Вот скрипка: http://jsfiddle.net/s2nya2Lv/

Помог ли ваша проблема, или есть еще одна проблема? В вашем вопросе непонятно, в чем проблема.