我正在创建一个Chrome Extension,它使用content-script在页面加载完成后将Google Visualisation Table插入到页面中。然而,问题是表格永远不会显示-它也不在html中,从下面的图像中可以看出。
Manifest.json
{
"manifest_version": 2,
"name": "blah",
"version": "1.0",
"permissions": [
"tabs", "http://*/*"
],
"web_accessible_resources": [
"jquery-1.10.2.min.js",
"jquery-1.10.2.min.map"
],
"content_scripts": [
{
"matches": ["http://*.ebay.co.uk/*"],
"js": ["jquery-1.10.2.min.js", "jsapi.js", "myScript.js"],
"run_at": "document_end"
}]
}MyScript.js
$('#cbrt').after('<div id=\'google_table_div\'></div>');
google.load('visualization', '1', { packages:['table'], callback : function() { drawTable(); } });
function drawTable()
{
alert('draw');
var data = new google.visualization.DataTable();
data.addColumn('string', 'Name');
data.addColumn('number', 'Salary');
data.addColumn('boolean', 'Full Time Employee');
data.addRows([
['Mike', {v: 10000, f: '$10,000'}, true],
['Jim', {v:8000, f: '$8,000'}, false],
['Alice', {v: 12500, f: '$12,500'}, true],
['Bob', {v: 7000, f: '$7,000'}, true]
]);
var table = new google.visualization.Table(document.getElementById('google_table_div'));
table.draw(data, {showRowNumber: true});
}回调中的alert从未发生过。下面是末尾的HTML:


发布于 2013-09-04 05:04:06
你也需要加载'table‘包。如下所示:
packages:['corechart', 'table']https://stackoverflow.com/questions/18597533
复制相似问题