アプリエンジンのアプリでGoogleビジュアライゼーションAPIで提供される並べ替え可能なテーブルをレンダリングしようとしていますが、機能しません。アプリはPythonで記述されており、djangoフレームワークを使用しています。
生成されたHTML/Javascriptをコピーして、プレーンなhtmlファイルとしてローカルに保存すると、問題なく動作します。これにより、問題はhttp://www.google.com/jsapi'>が含まれていないか、実行できないことであると私は信じています。
他の誰かがこれに遭遇しますか?app.yamlにいくつかの構成部分がありませんか?
ありがとう!
編集:作成されているHTMLは次のとおりです。
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1 DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>
Test
</title>
<link href="/css/css.css" rel="stylesheet" type="text/css" />
<script type='text/javascript' src='http://www.google.com/jsapi'></script>
<script type='text/javascript'>
google.load('visualization', '1', {packages:['table']});
google.setOnLoadCallback(drawTable);
function drawTable() {
var data = new google.visualization.DataTable();
data.addColumn('string', 'Number');
data.addColumn('string', 'Status');
data.addColumn('string', 'Nickname');
data.addColumn('string', 'Target');
data.addColumn('string', 'Recording');
data.addRows(2);
data.setCell(0, 0, '0987654321');
data.setCell(0, 1, 'Active');
data.setCell(0, 2, 'Nothing');
data.setCell(0, 3, '1234567890');
data.setCell(0, 4, 'Enabled');
data.setCell(1, 0, '0987654321');
data.setCell(1, 1, 'Active');
data.setCell(1, 2, 'Nothing');
data.setCell(1, 3, '1234567890');
data.setCell(1, 4, 'Enabled');
var table = new google.visualization.Table(document.getElementById('table_div'));
table.draw(data, {showRowNumber: true});
}
</script>
</head>
<body>
<div id='table_div'></div>
</body>
</html>
これは、htmlファイルとして保存すると正常に機能します。
app.yaml:
application: testapp
version: 2
runtime: python
api_version: 1
handlers:
- url: /(.*\.(mp3|wav))
static_files: \1
upload: (.*\.(mp3|wav))
- url: /css
static_dir: css
- url: /.*
script: main.py