0

したがって、次のコードをWebサイトに埋め込みます。その目的は、日次および月次のWebサイトメトリックを表形式で表示することです。

ページをモックアップしようとしていますが、障害に直面しています。googlechartsAPIを使用して2つの異なるgoogleチャートをレンダリングする方法が見つからないようです。

私が見ていなかったのは信じられないほどばかげた間違いだと確信していますが、私はこれを約1時間調べていて、2つのテーブルを表示する方法を理解できません。

<!DOCTYPE html>
<html>
  <head>
    <script type='text/javascript' src='https://www.google.com/jsapi'></script>
    <script type='text/javascript'>
      google.load('visualization', '1', {packages:['table']});
      google.setOnLoadCallback(drawDailyTable);
      function drawDailyTable() {
        var Dailydata = new google.visualization.DataTable();
        Dailydata.addColumn('string', 'Metric');
        Dailydata.addColumn('number', 'Number');
        Dailydata.addRows([
          ['Total Daily Unique Users',  {v: 462, f: '462'}],
          ['Total Daily Visits',   {v:6702,   f: '6,702'}]
        ]);
        var Dailytable = new google.visualization.Table(document.getElementById('table_div'));
        Dailytable.draw(Dailydata, {showRowNumber: true});
      }
    </script>


    <script type='text/javascript' src='https://www.google.com/jsapi'></script>
    <script type='text/javascript'>
      google.load('visualization', '1', {packages:['table']});
      google.setOnLoadCallback(drawMonthlyTable);
      function drawMonthlyTable() {
      var Monthlydata = new google.visualization.DataTable();
        Monthlydata.addColumn('string', 'Metric');
        Monthlydata.addColumn('number', 'Number');
        Monthlydata.addRows([
          ['Total Monthly Unique Users',  {v: 12875, f: '12,875'}],
          ['Total Monthly Visits',   {v:37980,   f: '37,980'}]
        ]);
        var Monthlytable = new google.visualization.Table(document.getElementById('table_div'));
        Monthlytable.draw(Monthlydata, {showRowNumber: true});
        }
    </script>
  </head>

  <body>
    <div id='table_div'></div>
  </body>
</html>
4

1 に答える 1

0

ドローテーブル関数で次のように表示されていることがわかりました。document.getElementById('table_div')、それぞれのテーブルのIDの名前をとに変更しdocument.getElementById('dailytable_div')、document.getElementById('monthlytable_div')ボディを次のように編集しました。

  <body>
    <div id='dailytable_div'></div>
    <div id='monthlytable_div'></div>
  </body>

問題が解決しました！

于 2012-07-26T15:01:27.237 に答える