如何强制在非显示的选项卡上呈现图表以获取svg数据?

时间:2014-08-01 07:54:27

标签: extjs

必须渲染ExtJS图表,以便从html元素中提取svg数据。此图表位于我的测试应用中的tab2上,其中tab1是活动选项卡。如何在没有用户看到图表的情况下强制渲染图表,以便我可以获取svg数据?

forceLayout:是的,  deferredRender:false,  layoutOnTabChange:true,  默认值:{hideMode:'offsets'}

到图表的父标签但没有帮助。这样做是强制图表div显示在html节点树中 - 但是svg数据是没有图表细节的骨架....非常奇怪,因为切换到tab2显示了它的所有荣耀中的图表!完整的svg数据仅在两个选项卡之间切换回来和转发后才显示在html节点树中。

1 个答案:

答案 0 :(得分:0)

通过将ExtJS图表放在前面的标签上来解决这个问题,以便及时呈现,图表在屏幕外显示"并且用户无法看到。使用布局:' fit'仅显示我处理图表svg数据的第一个顶部容器,并且渲染图表位于第二个较低容器内,其svg数据可用,但在gui上未显示。可能有更优雅的方式,但我找不到一个。