Google 图表无法在 Android 手机的网页视图上打开

发布于 2024-12-29 17:46:55 字数 1602 浏览 1 评论 0原文

我正在使用phonegap来开发我的android应用程序。我想在我的页面上显示google图表，我已经使用google图表api来实现这个目的。我的javascript代码是

<代码>
  <头>
<脚本类型=“text/javascript”src=“http://www.google.com/jsapi”>
<脚本类型=“text/javascript”>
  google.load("可视化", "1", {packages:["corechart"]});
  google.setOnLoadCallback(drawVisualization);
  函数绘制可视化（）{
    // 创建并填充数据表。
    var data = new google.visualization.DataTable();
    var raw_data = [['奥地利', 1336060, 1538156, 1576579, 1600652, 1968113, 1901067],
                    ['保加利亚', 400361, 366849, 440514, 434552, 393032, 517206],
                    ['丹麦', 1001582, 1119450, 993360, 1004163, 979198, 916965],
                    ['希腊', 997974, 941795, 930593, 897127, 1080887, 1056036]];

    var 年 = [2003, 2004, 2005, 2006, 2007, 2008];

    data.addColumn('字符串', '年份');
    for (var i = 0; i < raw_data.length; ++i) {
      data.addColumn('number', raw_data[i][0]);
    }

    data.addRows(years.length);

    for (var j = 0; j < 年数.length; ++j) {
      data.setValue(j, 0, 年[j].toString());
    }
    for (var i = 0; i < raw_data.length; ++i) {
      for (var j = 1; j < raw_data[i].length; ++j) {
        data.setValue(j-1, i+1, raw_data[i][j]);
      }
    }

    // 创建并绘制可视化。
    新的 google.visualization.BarChart(document.getElementById('可视化'))。
        绘制（数据，
             {title：“按国家/地区划分的年度咖啡消费量”，
              宽度：600，高度：400，
              vAxis: {title: "年份"},
              hAxis：{标题：“杯子”}}
        ）；
  }

  <身体>

这不是在我的网络视图上打开图表...... 怎么解决呢？

原文

I am using phonegap to develop my android application.I want to show google chart on my page,I have used google chart api for this purpose.My javascript code is

<html>
  <head>
<script type="text/javascript" src="http://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();
    var raw_data = [['Austria', 1336060, 1538156, 1576579, 1600652, 1968113, 1901067],
                    ['Bulgaria', 400361, 366849, 440514, 434552, 393032, 517206],
                    ['Denmark', 1001582, 1119450, 993360, 1004163, 979198, 916965],
                    ['Greece', 997974, 941795, 930593, 897127, 1080887, 1056036]];

    var years = [2003, 2004, 2005, 2006, 2007, 2008];

    data.addColumn('string', 'Year');
    for (var i = 0; i  < raw_data.length; ++i) {
      data.addColumn('number', raw_data[i][0]);
    }

    data.addRows(years.length);

    for (var j = 0; j < years.length; ++j) {
      data.setValue(j, 0, years[j].toString());
    }
    for (var i = 0; i  < raw_data.length; ++i) {
      for (var j = 1; j  < raw_data[i].length; ++j) {
        data.setValue(j-1, i+1, raw_data[i][j]);
      }
    }

    // Create and draw the visualization.
    new google.visualization.BarChart(document.getElementById('visualization')).
        draw(data,
             {title:"Yearly Coffee Consumption by Country",
              width:600, height:400,
              vAxis: {title: "Year"},
              hAxis: {title: "Cups"}}
        );
  }
</script>
  </head><body>
<div id="visualization"></div>
  </body>
  </html>

This is not opening the chart on my webview...
How to solve it?

分享到QQ

分享到微博