Question

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

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

我也在使用Impress.js进行一些花哨的过渡......（也许有问题..但我觉得这不是因为我想保留lib ...）

我有点确定问题...当我删除div的背景：css属性（图表所在的位置）时，图表是可见的，但我真的需要那种背景颜色......

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

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

我希望你能找到一些显示图表的方法来帮助我......

Answer 1

您必须在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

添加CSS后，Google Visualization图表无法呈现

1 个答案: