Printing a Google Chart: print css ignored -
i have google horizontal bar chart grows downwards dynamically depending on number of items, 2500 px.
<div class="page"> <div class="pagecontent"> <div id="chart" style="width:80%; height: ${chartheight}px;"></div> </div> </div>
i'm trying fit 1 full page when printing. none of browsers seems care width/height set, no matter combination of min-height, max-height , height tried. tried setting both 100% , pixel value, 2500px chart ends 1 , half page tall.
div.page { page-break-after: always; } .pagecontent { margin: 40px 5px 5px 5px; } @media print { body {font-size: xx-small;} #chart {width: 100% !important; min-height:100px !important ;max-height:100px !important; height:100px !important;} div.pagecontent {margin: 5px;} }
fitting height lesser issue, problem half of chart missing because of being wide.
Comments
Post a Comment