2016-02-24 31 views
0

所以,我有一个数据集,生成一个非常巨大的条形图---如此之大,试图让一个非滚动页面上的所有酒吧,确保文字只是一个触摸太小而不能舒适地阅读。谷歌图表条形图,查看窗口滚动和打印PNG

根据一些阅读,我想我可能会使用Google's example about changing the view window上下滚动条。伟大的作品,一切都看起来不错...

直到我试图呈现图表,这使得这只是外界的视图窗口的酒吧的打印版本(并使得打印图表看起来可怕):

Text removed to protect my job.

对于我的生活,我不能确定我需要做些什么来确保png只显示视图窗口中的内容。

非常感谢您的帮助。

回答

0

好的,对于最终与此相关的其他人来说,修复方法实际上是用一些javascript/jquery删除“离开页面”的酒吧。我使用jQuery,因为我很懒(?)。

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

最后的值需要是图表上最后一个可见条的y位置。我对所有位于可见图表范围“上方”的酒吧做了类似的处理。请确保在您选择从'g [clip-path]'商业中删除的内容中确实具体,因为页面上还有其他可能匹配并且被删除的元素。