Google Charts条形图,查看窗口滚动和打印PNG

时间:2016-02-24 14:41:47

标签: javascript jquery charts google-visualization

所以,我有一个数据集可以生成一个非常巨大的条形图 - 如此之大以至于试图在一个非滚动页面上获取所有条形图确保文本只是一个太小而无法轻松阅读的触摸。

基于一些阅读,我想我可能会使用Google's example about changing the view window向上和向下滚动条形图。效果很好,一切都很好......

在我尝试渲染图表的可打印版本之前,它会渲染视图窗口之外的条形图(并使打印的图表看起来很糟糕):

Text removed to protect my job.

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

提前感谢您的帮助。

1 个答案:

答案 0 :(得分:0)

好的,对于那些最终在努力解决这个问题的人来说,修复方法是实际删除页面上的栏杆"用一些javascript / jquery。我使用jquery是因为我懒惰(?)。

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

最后的值必须是图表上可见的最后一个柱的y位置。我为"上面的所有酒吧做了类似的事情。可见图表范围。确保您真正具体选择要从中删除的内容,以及[剪辑路径]'业务,因为页面上还有其他元素可能匹配,也会被删除。