Google图表无法在IE8中呈现

时间:2013-02-25 16:58:58

标签: javascript internet-explorer-8 google-visualization

有谁知道为什么这个Google图表无法在IE 8中呈现?它在其他浏览器中工作正常

$(function () {
        var trendChartWidth = 670;
             var data = new google.visualization.DataTable();
            data.addColumn('string', '');
            data.addColumn('number', '');
            data.addRows([
                ['Group 1', 168],
                ['Group 2', 83],
                ['Group 3', 1680]
            ]);
            var options = {
                'title': 'Stuff (Last 30 Days)',
                    'width': 210,
                    'height': 170, 
                    'backgroundColor': '#F2F2F2', 
                     colors: ['#94b709', '#4f4840', '#bcbcbc'], 
                     chartArea: { left: 10, top: 30, width: '100%', height: '75%' }, 
                     legend: { position: 'none' }
                };
                var chart = new google.visualization.PieChart(document.getElementById('chartTest'));
                chart.draw(data, options);
        });

这是我的图表div:

<div id="chartTest" style="width:300px;height:300px;border:1px solid red;"></div>

http://jsfiddle.net/dmaXc/6/

1 个答案:

答案 0 :(得分:-1)

'width':210,                     '身高':170,                     'backgroundColor':'#F2F2F2',

不要在宽度和高度以及backgroundColor中放置单个代码。 使用如下语法

宽度:210, 身高:170, backgroundColor:'#F2F2F2',