如何缩小gojs?

时间:2018-08-30 09:29:00

标签: gojs

我正在尝试缩小,但无法正常工作,在这里我使用的是 go.ForceDirectedLayout

var myDiagram = $(go.Diagram, "database_structure",
    {
      "toolManager.mouseWheelBehavior": go.ToolManager.WheelZoom,
      initialContentAlignment: go.Spot.TopLeft,
      allowDelete: false,
      allowCopy: false,
      layout: $(go.ForceDirectedLayout),
      autoScale: go.Diagram.UniformToFill,
      "undoManager.isEnabled": true
    });

当我滚动后,它最初显示为空白屏幕,它将显示该图。 但是我最初想缩小屏幕,因此请提供一些解决方案来解决此问题。

我在下面设置好之后,滚动鼠标时会显示该图,但我需要显示该图最初不需滚动

这里我使用的是 fixedBounds:new go.Rect(-1000,-1000,1,1),因此它最初会减小图表的大小。

myDiagram =
    $(go.Diagram, "database_structure",
      {
      "toolManager.mouseWheelBehavior": go.ToolManager.WheelZoom,
        initialContentAlignment: go.Spot.Center,
        layout: $(go.ForceDirectedLayout),
        fixedBounds:new go.Rect(-1000,-1000,1,1),
        initialAutoScale: go.Diagram.Uniform,
        scale:0.0001,
        "undoManager.isEnabled": true
      });

1 个答案:

答案 0 :(得分:1)

您已设置 Diagram.autoScale ,这将使它始终缩放到“ UniformToFill”。这将阻止用户自己进行缩放。

如果在初始布局后首次加载模型时只想自动重新缩放图“ UniformToFill”,请设置 Diagram.initialAutoScale 。这将允许用户随后放大或缩小。

https://gojs.net/latest/intro/initialView.html#AutomaticViewportManagement https://gojs.net/latest/api/symbols/Diagram.html#initialAutoScale