我是 D3 的新手,并尝试学习力布局。我想改变节点之间的链接距离并保持原点形状。我发现更改链接的距离后,布局发生了变化。

图一是原来的布局,然后我用代码distance([150])(在第80行)更改了链接距离,使节点更进一步,但布局的变化超出了我的预期。

我预计布局会随着形状与原始形状保持一致而长大,但布局变化很大。我现在不确定链接距离的含义。任何人都可以帮忙吗?谢谢!我在 codepen 上的代码
我正在尝试使用业力,摩卡咖啡和柴进行一些测试。我很困惑如何在业力中正确导入es6模块。我已经用了karma-babel-preprocessor。谁能帮助我,非常感谢!
这是我的karma.conf.js
module.exports = function(config) {
config.set({
basePath: '',
frameworks: ['mocha', 'chai'],
files: ['src/index.js', 'test/test_karma.js'],
exclude: [],
preprocessors: {
'src/index.js': ['babel'],
'test/test_karma.js': ['babel]
},
babelPreprocessor: {
options: {
presets: ['@babel/preset-env']
}
},
reporters: ['progress'],
port: 9876,
colors: true,
logLevel: config.LOG_INFO,
autoWatch: true,
browsers: ['ChromeHeadless', 'Chrome'],
singleRun: false,
concurrency: Infinity
})
}
Run Code Online (Sandbox Code Playgroud)
这是我的index.js
const sayHello = () => {
return 'hello karma'
}
export { sayHello }
Run Code Online (Sandbox Code Playgroud)
这是我的test_karma.js
import {sayHello} from '../src/index';
import chai from 'chai'; …Run Code Online (Sandbox Code Playgroud)