D3 V5:将初始缩放与缩放事件同步

问题描述

我正在尝试对网络进行初始缩放。它工作正常,但是当我尝试手动缩放图形时,可视化会跳至其自然缩放设置。阅读Stack和d3的官方文档中的答案,以下代码对我来说似乎正确,但是并不能解决问题。

我在做什么错? 非常感谢您的帮助!

const svg = d3.select('div#network')
    .append("svg")
        .attr("width",width + margin.left + margin.right)
        .attr("height",height + margin.top + margin.bottom)
        .call(d3.zoom().on("zoom",function () {
            svg.attr("transform",d3.event.transform)
        }),d3.zoomIdentity.scale(.2))
    .append("g")
        .attr("transform",`translate(${margin.left},${margin.top})`)
        .attr("transform","scale(.2)")

解决方法

暂无找到可以解决该程序问题的有效方法,小编努力寻找整理中!

如果你已经找到好的解决方法,欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@)