Question

我在同一页面上有两个GOJS图表。一个是主图。它获取页面加载数据并显示节点。它还可以搜索节点之间的路径搜索采用源节点和目标节点。然后在搜索操作上，第二个图只显示搜索中涉及的节点及其链接。

我正在使用鼠标滚轮进行放大和缩小。

mainDiagram.addDiagramListener("InitialLayoutCompleted", function (e) {
    e.diagram.toolManager.mouseWheelBehavior = go.ToolManager.WheelZoom;
});

主图没有问题。但第二张图的缩放不起作用。以下是我的第二张图的代码。

var myPathDiagram = _go(go.Diagram, "policyPathDiv",
        {
            initialContentAlignment: go.Spot.Center, 
            layout: _go(go.LayeredDigraphLayout,
                    {direction: 0}),
            autoScale: go.Diagram.UniformToFill,
            maxSelectionCount: 1,
            "undoManager.isEnabled": false,
            hasHorizontalScrollbar: false,
            hasVerticalScrollbar: false,
        });

然后是工具管理器设置

 myPathDiagram.addDiagramListener("InitialLayoutCompleted", function (e) {
     e.diagram.toolManager.mouseWheelBehavior = go.ToolManager.WheelZoom;
 });

第二张图使用以下代码获取搜索操作的数据。

myPathDiagram.model = new go.GraphLinksModel(nodes, links);

除了缩放第二张图外，一切都是正确的。键盘快捷键 ctrl + 和 ctrl - 也不适用于第二张图。

我尝试过很多东西，但到目前为止我无法在第二张图上进行缩放。任何建议请...

Answer 1

如果您希望用户缩放（a.k.a. zoom）图表，请不要设置 Diagram.autoScale 。

GOJS第二张图的缩放问题

1 个答案: