Google圖表條形圖，查看窗口滾動和打印PNG

Question

因此，我有一個生成非常大的條形圖的數據集-如此之大，以至於試圖將所有條形圖放在一個非滾動頁面上，可以確保文本太小而無法舒適地閱讀。

根據一些閱讀，我想我可能會使用Google的示例來更改視圖窗口以上下滾動條。 效果很好，一切看起來都很好...

在我嘗試渲染圖表的可打印版本之前，它會渲染視圖窗口外的條形（並使打印的圖表看起來很糟糕）：

對於我的一生，我無法弄清楚該怎么做才能確保png只顯示視圖窗口中的內容。

預先感謝您的任何幫助。

Answer 1

好吧，對於其他最終為此苦苦掙扎的人，解決方法是使用一些javascript / jquery實際刪除“頁面外”的欄。 我使用jquery是因為我很懶（？）。

$('#ChartID').find('g[clip-path] rect').filter(
    function(){return $(this).attr('y') > 566}
).remove();

最后的值必須是圖表上最后一個條形的y位置。 對於可見圖表范圍“上方”的所有條，我都執行類似的操作。 確保確實要具體選擇要從該“ g [clip-path]”業務中刪除的內容，因為頁面上還有其他元素可能會匹配並且也會被刪除。