2016-11-09 56 views
0

我有概述如下圖:如何防止圖中不必要的滾動?

var $ = go.GraphObject.make; 
var diagram = 
     $(go.Diagram, element[0],{ 
      initialContentAlignment: go.Spot.TopCenter, 
      initialScale: (pageBodyWidth > 500 ? 1 : 0.6), 
      contentAlignment: go.Spot.TopCenter, 
      layout: $(go.LayeredDigraphLayout, { direction: 0 }), 
      isReadOnly: false, 
      allowLink: true, 
      allowClipboard: false, 
      'animationManager.duration': 200, 
      'undoManager.isEnabled': false 
     }); 
var overview = $(go.Overview, 'diagramOverview', { observed: diagram }); 

這之後我看到一個圖,但有不必要的滾動和它存在於概述: enter image description here

如何禁用此滾動?我想有一個固定的圖表區域。

我也看到圖有一個額外的空間: enter image description here

這是什麼空間?是否有可能沒有這個空間的圖表,例如http://gojs.net/latest/samples/orgChartStatic.html

+0

怎樣才能重現此問題?我修改了組織結構圖(靜態)示例,以提供「概覽200像素高度」和「100像素寬度」(如截圖),而且我無法在「概覽」圖表的文檔邊界之外滾動圖表的視口。 順便說一句,如果您使用我們的論壇,您可能會得到更快的回覆:https://forum.nwoods.com/c/gojs –

回答

0

嘗試設置「allowHorizo​​ntalScroll:假」和「allowVerticalScroll:假」當你定義圖表因此,它將成爲: var $ = go.GraphObject.make; var diagram = $(go.Diagram, element[0],{ initialContentAlignment: go.Spot.TopCenter, initialScale: (pageBodyWidth > 500 ? 1 : 0.6), contentAlignment: go.Spot.TopCenter, layout: $(go.LayeredDigraphLayout, { direction: 0 }), isReadOnly: false, allowLink: true, allowClipboard: false, 'animationManager.duration': 200, 'undoManager.isEnabled': false, allowHorizontalScroll: false, allowVerticalScroll: false }); var overview = $(go.Overview, 'diagramOverview', { observed: diagram });