2013-07-17 2 views
0

Привет У меня есть базовая диаграмма, которая не отображается в IE 8 или 9. Работает в IE 10. Пространство просто пустое. Вот код:Google Charts не отображается в IE 8

var colors = ['#C02942', '#53777A', '#ECD078', '#542437', '#D95B43']; 

    var data = google.visualization.arrayToDataTable([['Month', 'Clicked','Delivered','Sent'],['12/11', 0,0,0],['1/12', 1,1,1],['2/12', 0,0,1],['3/12', 0,0,0],['4/12', 0,0,0],['5/12', 0,0,1],['6/12', 0,0,2],['7/12', 0,0,0],['8/12', 0,0,2],['9/12', 0,0,0],['10/12', 0,0,0],['11/12', 0,0,0],['12/12', 0,0,0],['1/13', 0,0,0],['2/13', 0,0,0],['3/13', 0,0,1],['4/13', 0,0,0],['5/13', 0,0,3],['6/13', 0,0,0]]); 


    var options = { 
     width: 650, 
     colors: colors, 
     chartArea: { left: 50, top: 20}, 
     hAxis: {showTextEvery: 2}, 
     isStacked: true 
    }; 

chart = new google.visualization.AreaChart(document.getElementById('chart_div')); 
chart.draw(data, options); 

ТИА

ответ

2

Я побежал код в IE9, и он бросает ошибку в консоли JavaScript (хит F12, чтобы привести консоль вверх). Ошибка: «цвета не определены». Если вы не определили цвета где-то еще, это ошибка, которую я вижу.

+0

Спасибо, да, цвета были определены ранее в коде. См. Править. –

+0

Код, как указано, имеет дополнительный тик до даты 4/13. Преднамеренное? –

+0

Борьба с редактором SO. Этот символ обозначает код, а дополнительный добавлен. был удален. –

0

Похоже, проблема была в моей линии google.setOnLoadCallback. Поскольку сценарий был загружен из вызова ajax, он не стрелял в IE 8, а только каждый другой браузер. Ответ состоял в том, чтобы просто вызвать функцию drawChart напрямую, вместо того, чтобы обернуть ее в google.setOnLoadCallback.

+0

Вы не хотите пропустить вызывающий google.setOnLoadCallback, так как вы можете попытаться нарисовать диаграмму до API загружается таким образом. Если вы вставляете вызов AJAX внутри обратного вызова загрузчика google, это должно решить проблему безопасно. – asgallant

Смежные вопросы