分页符在Google图表的Chrome中不起作用

时间:2014-12-23 17:06:32

标签: javascript html css google-chrome graphics

我正在尝试使用Google Charts设置分页符,但分页符不起作用。

HTML

<div class="row">
    <div class="col-sm-12 chartPrint" funds-chart data-item="vm.report.data"><!--google chart here--></div>  
    <div class="col-sm-12 chartPrint" total-chart data-item="vm.report.data"><!--google chart here--></div>               
    <div class="col-sm-12 chartPrint" allocation-chart data-item="vm.report.data"><!--google chart here--></div>              
</div>      

CSS

.chartPrint {
    width: 100%;
    display: block;
    page-break-inside: avoid;
    page-break-after: always;
    -webkit-column-break-inside: avoid;
    -webkit-column-break-after: always;
}

我做了一些研究,-webkit-column-break应该有效,但它没有。有人用谷歌图解决了这个问题吗?是否有Firefox分页符语法?任何帮助将不胜感激

0 个答案:

没有答案