Mixing
Wkhtmltopdf not drawing charts when using www.gstatic.com/charts/loader.js
up vote
1
down vote
favorite
I have been trying to output charts in my pdf but for some reason it fails to render the template with the chart.
when using this .
however for some solutions i have seen them using
. but i want the solution for the upper one.
code
<script type="text/javascript">
// Load Charts and the corechart and barchart packages.
function init(){
//google.charts.load('current','1.0',{'packages':['corechart']});
//google.charts.setOnLoadCallback(drawChart);
window.onload = function () {
google.charts.load('current','1.0',{'packages':['corechart']});
setTimeout(function(){drawChart();}, 500);
};
}
// Draw the pie chart and bar chart when Charts is loaded.
function drawChart() {
var data = new google.visualization.DataTable();
data.addColumn('string', 'number');
data.addColumn('number', 'Number of users');
data.addRows([
['Admin', {{ count_4 }}],
['Farmers', {{ count_1 }}],
['Wholesalers', {{ count_2 }}],
['Retailers', {{ count_3 }}]
]);
var piechart_options = {title:'Pie Chart: Showing number of users of the Marketing survey Assistant Web Service',
width:400,
height:300};
var piechart = new google.visualization.PieChart(document.getElementById('piechart_div'));
piechart.draw(data, piechart_options);
}
</script>
python flask jinja2
asked 6 hours ago
joshua
337
add a comment |
up vote
1
down vote
favorite
I have been trying to output charts in my pdf but for some reason it fails to render the template with the chart.
when using this .
however for some solutions i have seen them using
. but i want the solution for the upper one.
code
<script type="text/javascript">
// Load Charts and the corechart and barchart packages.
function init(){
//google.charts.load('current','1.0',{'packages':['corechart']});
//google.charts.setOnLoadCallback(drawChart);
window.onload = function () {
google.charts.load('current','1.0',{'packages':['corechart']});
setTimeout(function(){drawChart();}, 500);
};
}
// Draw the pie chart and bar chart when Charts is loaded.
function drawChart() {
var data = new google.visualization.DataTable();
data.addColumn('string', 'number');
data.addColumn('number', 'Number of users');
data.addRows([
['Admin', {{ count_4 }}],
['Farmers', {{ count_1 }}],
['Wholesalers', {{ count_2 }}],
['Retailers', {{ count_3 }}]
]);
var piechart_options = {title:'Pie Chart: Showing number of users of the Marketing survey Assistant Web Service',
width:400,
height:300};
var piechart = new google.visualization.PieChart(document.getElementById('piechart_div'));
piechart.draw(data, piechart_options);
}
</script>
python flask jinja2
asked 6 hours ago
joshua
337
add a comment |
up vote
1
down vote
favorite
up vote
1
down vote
favorite
I have been trying to output charts in my pdf but for some reason it fails to render the template with the chart.
when using this .
however for some solutions i have seen them using
. but i want the solution for the upper one.
code
<script type="text/javascript">
// Load Charts and the corechart and barchart packages.
function init(){
//google.charts.load('current','1.0',{'packages':['corechart']});
//google.charts.setOnLoadCallback(drawChart);
window.onload = function () {
google.charts.load('current','1.0',{'packages':['corechart']});
setTimeout(function(){drawChart();}, 500);
};
}
// Draw the pie chart and bar chart when Charts is loaded.
function drawChart() {
var data = new google.visualization.DataTable();
data.addColumn('string', 'number');
data.addColumn('number', 'Number of users');
data.addRows([
['Admin', {{ count_4 }}],
['Farmers', {{ count_1 }}],
['Wholesalers', {{ count_2 }}],
['Retailers', {{ count_3 }}]
]);
var piechart_options = {title:'Pie Chart: Showing number of users of the Marketing survey Assistant Web Service',
width:400,
height:300};
var piechart = new google.visualization.PieChart(document.getElementById('piechart_div'));
piechart.draw(data, piechart_options);
}
</script>
python flask jinja2
asked 6 hours ago
joshua
337
I have been trying to output charts in my pdf but for some reason it fails to render the template with the chart.
when using this .
however for some solutions i have seen them using
. but i want the solution for the upper one.
code
<script type="text/javascript">
// Load Charts and the corechart and barchart packages.
function init(){
//google.charts.load('current','1.0',{'packages':['corechart']});
//google.charts.setOnLoadCallback(drawChart);
window.onload = function () {
google.charts.load('current','1.0',{'packages':['corechart']});
setTimeout(function(){drawChart();}, 500);
};
}
// Draw the pie chart and bar chart when Charts is loaded.
function drawChart() {
var data = new google.visualization.DataTable();
data.addColumn('string', 'number');
data.addColumn('number', 'Number of users');
data.addRows([
['Admin', {{ count_4 }}],
['Farmers', {{ count_1 }}],
['Wholesalers', {{ count_2 }}],
['Retailers', {{ count_3 }}]
]);
var piechart_options = {title:'Pie Chart: Showing number of users of the Marketing survey Assistant Web Service',
width:400,
height:300};
var piechart = new google.visualization.PieChart(document.getElementById('piechart_div'));
piechart.draw(data, piechart_options);
}
</script>
python flask jinja2
python flask jinja2
asked 6 hours ago
joshua
337
asked 6 hours ago
joshua
337
asked 6 hours ago
joshua
337
asked 6 hours ago
joshua
337
asked 6 hours ago
joshua
337
337
add a comment |
add a comment |
active
oldest
votes
active
oldest
votes
active
oldest
votes
active
oldest
votes
active
oldest
votes
draft saved
draft discarded
draft saved
draft discarded
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
StackExchange.ready(
function () {
StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2fstackoverflow.com%2fquestions%2f53371387%2fwkhtmltopdf-not-drawing-charts-when-using-www-gstatic-com-charts-loader-js%23new-answer', 'question_page');
}
);
Post as a guest
Required, but never shown
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
