Hi guys,
I have a stylesheet where I do all my formatting to print a page. I want
to resize the Google chart I made.
Here is part of my CSS for the printing:
@media print {
.navbar{
display: none;
}
.heading{
display: none;
}
.hiddenVariables{
display: none:
}
.printVisible {
display: block;
}
.printHide {
display: none;
}
.mouse-over-button {
display: none;
}
.well{
border: none;
-webkit-box-shadow: 0px 0px 0px 0px transparent;
box-shadow: 0px 0px 0px 0px transparent;
background-color: transparent;
margin:0px;
-webkit-border-radius: 0px;
-moz-border-radius: 0px;
border-radius: 0px;
}
Here is my HTML for the chart:
<div class="offset1 span4" id="oppSplitPieChart1_div">
Here is the Javascript that makes the chart:
function drawOppSplitBuildingSegmentChart(oppSplitBuildStage,
oppSplitBuildFrom, oppSplitBuildTo) {
$(function ()
{
$.ajax({
url: 'queries/OppSplitBuildingChartQuery.php',
data: "oppSplitBuildStageID=" +
oppSplitBuildStage + "&oppSplitBuildFrom=" + oppSplitBuildFrom +
"&oppSplitBuildTo=" + oppSplitBuildTo,
dataType: 'json',
success: function(result)
{
//console.log(result);
var oppSplitBuildingData =
JSON.parse(result);
var data =
google.visualization.arrayToDataTable(oppSplitBuildingData);
var formatter = new
google.visualization.NumberFormat(
{prefix: 'R'});
formatter.format(data, 1);
var options = {'title':'Market Segment',
'titleTextStyle':{fontSize:15},
'width':420,
'height':330,
'chartArea':{left:0,top:60,width:"100%"},
'legend':{alignment:'center'}
};
var chart = new
google.visualization.PieChart(document.getElementById('oppSplitPieChart1_div'));
function selectHandler() {
var selectedItem =
chart.getSelection()[0];
if (selectedItem) {
var buildingSegmentName =
data.getValue(selectedItem.row, 0);
populateHiddenVariables(oppSplitBuildStage, oppSplitBuildFrom,
oppSplitBuildTo, buildingSegmentName, "", "");
}
//console.log(buildingSegmentName);
drawOppSplitMarketingSegmentChart(oppSplitBuildStage, oppSplitBuildFrom,
oppSplitBuildTo, buildingSegmentName);
drawOppSplitRegionChart(0, 0, 0, 0, 0);
drawOppSplitBranchChart(0, 0, 0, 0, 0,
0);
}
google.visualization.events.addListener(chart, 'select', selectHandler);
chart.draw(data, options);
}
});
});
}
Any help is appreciated.
Many thanks in advance,
Wesley
--
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/-/bLiq10gImMMJ.
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.
