I'm trying to use the visualization API in a chrome extension, and I can't
get if working if I use the directive "manifest_version": 2, in the
manifest.json of the extension.
An example of use that it isn't working for me is:
*manifest.json*
{
"name": "Visualization API Test",
"version": "0.1",
"manifest_version": 2,
"description" :"Test de Visualization API in chrome app",
"app": {
"launch": {
"local_path": "index.html"
}
}
,"content_security_policy":"script-src 'self' https://*.google.com
https://*.googleapis.com; object-src 'self'"
}
*
*
*index.html*
<html>
<head>
<!--Load the AJAX API-->
<script type="text/javascript"
src="https://www.google.com/jsapi";></script>
<script type="text/javascript" src="index.js"></script>
</head>
<body>
<!--Div that will hold the pie chart-->
<div id="chart_div"></div>
</body>
</html>
*index.js*
// Load the Visualization API and the piechart package.
google.load('visualization', '1.0', {
'packages' : [ 'corechart' ]
});
// Set a callback to run when the Google Visualization API is loaded.
google.setOnLoadCallback(drawChart);
// Callback that creates and populates a data table,
// instantiates the pie chart, passes in the data and
// draws it.
function drawChart() {
// Create the data table.
var data = new google.visualization.DataTable();
data.addColumn('string', 'Topping');
data.addColumn('number', 'Slices');
data.addRows([ [ 'Mushrooms', 3 ], [ 'Onions', 1 ], [ 'Olives', 1 ],
[ 'Zucchini', 1 ], [ 'Pepperoni', 2 ] ]);
// Set chart options
var options = {
'title' : 'How Much Pizza I Ate Last Night',
'width' : 400,
'height' : 300
};
// Instantiate and draw our chart, passing in some options.
var chart = new google.visualization.PieChart(document
.getElementById('chart_div'));
chart.draw(data, options);
}
With that files (based in
https://developers.google.com/chart/interactive/docs/quick_start but
changed to allow the manifest_version) the chart insn't loaded and if i
try to draw the table in the console I get:
>chart.draw(data)
Refused to execute inline script because it violates the following Content
Security Policy directive: "script-src 'self' https://*.google.com
https://*.googleapis.com";.
index.html:1<chrome-extension://kfcojfpockngbgmclidahkepkmbhaeeg/index.html>
Refused to execute inline event handler because it violates the following
Content Security Policy directive: "script-src 'self' https://*.google.com
https://*.googleapis.com";.
index.html:1<chrome-extension://kfcojfpockngbgmclidahkepkmbhaeeg/index.html>
>undefined
Anyone know what I'm doing wrong to use the api in an chrome extension?
--
You received this message because you are subscribed to the Google Groups
"Google Visualization API" group.
To view this discussion on the web visit
https://groups.google.com/d/msg/google-visualization-api/-/U2oC_NpJEeoJ.
To post to this group, send email to [email protected].
To unsubscribe from this group, send email to
[email protected].
For more options, visit this group at
http://groups.google.com/group/google-visualization-api?hl=en.
