感谢CSS的Google可视化图表不显示

我在显示图形时遇到了一些麻烦。这是一个非常奇怪的问题，因为它适用于旧笔记本电脑，并且适用于Safari。但不适用于Chrome /旧的Firefox版本。

这是JS代码：

$.getJSON(q_project_info, function (results) { 
      var data = new google.visualization.DataTable(); 
      data.addColumn('string', 'xxxxxx'); 
      data.addColumn('number', 'xxxxx'); 

      $.each(results.d, function (i, v) { 
        ................ 
      }); 

      var options = { title: 'xxxxxxxx', 
       height: '300', 
       backgroundColor: '#F5F5F5', 
       colors: ['#036109', '#58892d'], 
       legend: 'none' 
      }; 
      var chart = new google.visualization.AreaChart(document.getElementById('xxxxxxxxx')); 
      chart.draw(data, options); 
     });

这就像一个魅力！ ......以及我的旧笔记本电脑......和Safari。 Chrome和Firefox无法完成这项工作（甚至没有试过IE）。

我还使用了Impress.js一些奇特的转变......（也许有问题..但我想就觉得是不是因为我想保留的lib ...）

我有点指出了这个问题...和图表是可见的，当我删除背景：div的css属性（图表在），但我真的很需要那种背景色...

这里是css代码：

.slide { 
    /**/display: block; 
    width: 900px; 
    height: 700px; 

    padding: 40px 60px; 

    border-radius: 10px; 

    /**/background: #F5F5F5; 
    border: 1px solid rgba(0, 0, 0, .3); 

    font-family: 'Open Sans', Arial, sans-serif; 

    color: rgb(102, 102, 102); 
}

我希望你能帮我找到一些方法来显示字符t ...

来源

2012-03-05 user1244835

您必须触发Google Charts API完全加载事件时的第一次绘制事件。把你完整的JavaScript代码插入函数，调用这个函数（这里drawChart（）），通过以下命令：

// Set a callback to run when the Google Visualization API is loaded. 
google.setOnLoadCallback(drawChart);

从Quick Start - Google Chart Tools

来源

2012-03-05 19:51:37 thomas

感谢CSS的Google可视化图表不显示

回答

相关问题