我见过这个问题:Is there a way to zoom into a D3 force layout graph?
但是我从我的图表中得到了一些意想不到的行为 - 经过几次拖动或缩放或平移后,所有节点都会冻结并且拖动停止工作。
我创建了这个小提琴:http : //jsfiddle.net/7gpweae9/9/
所以要求提供代码,所以这里是主要部分:
var svg = d3.select("#graph")
.append("svg:svg")
.attr("width", width)
.attr("height", height)
.attr("pointer-event", "all")
.append("svg:g")
.call(d3.behavior.zoom().on("zoom", zoom))
.append("svg:g");
svg.append("svg:rect")
.attr("width", width)
.attr("height", height)
.attr('fill', 'white');
var link = svg.selectAll(".link");
var node = svg.selectAll(".node");
var force = d3.layout.force()
.nodes(nodes)
.links(links)
.size([width,height])
.linkDistance(100)
.charge(-400)
.start();
var drag = d3.behavior.drag()
.origin(function(d) { return d; })
.on("dragstart", dragstarted)
.on("drag", dragged)
.on("dragend", dragended);
node = svg.selectAll(".node")
.data(nodes) …Run Code Online (Sandbox Code Playgroud) 是否可以为每个页面运行一些自定义脚本?
例如,我想alert(1);在每个页面上运行。我怎样才能在不使用任何组件的情况下做到这一点?
我知道可以通过创建 jsx 组件并在每个 .mdx 文件中使用它来完成(但每个文档都应该是一个 .mdx 文件)。所以这不是我要找的东西。
我有这样的简单过滤器:
<div id="dataFilter">
<input type="search" ng-model="dataFilter" />
</div>
Run Code Online (Sandbox Code Playgroud)
并重复:
<tr class="row"
ng-repeat="obj in allObjects
| filter: dataFilter
| orderBy:orderProperty:orderReverse" >
<td>
{{obj.value}}
</td>
</tr>
Run Code Online (Sandbox Code Playgroud)
如何使用alredy filtred对象进行一些计算?
我的意思是......我需要用obj.Value做一些东西,但仅限于滤光对象.
简单的MD
# plain markdown
Run Code Online (Sandbox Code Playgroud)
一些.mdx
# some mdx file
include './plain.md'
Run Code Online (Sandbox Code Playgroud)
结果文件
# some mdx file
# plain markdown
Run Code Online (Sandbox Code Playgroud)
如何使用mdxjs做这样的事情?
describe('some set of related functionality', () => {
const onSelect = jest.fn();
const Wrapper = render(
<MyComponent onSelect={onSelect)} />
);
afterEach(() => {
onSelect.mockReset();
});
it('tests something', async () => {
userEvent.click(await Wrapper.findByText('some-text'));
expect(onSelect).toBeCalledWith('something');
});
it('also tests something on the same component very related to closest describe block', async () => {
userEvent.click(await Wrapper.findByText('some-other-text'));
expect(onSelect).toBeCalledWith('some-other-thing');
});
});
Run Code Online (Sandbox Code Playgroud)
所以这里的想法是在一些测试之间重用包装器并查询该包装器而不是在 global 中清理的全局屏幕afterEach。
我喜欢默认行为,但我认为在某些测试之间重用包装器可能很有用,例如加快某些测试速度或缩短测试时间。
目前的替代方案是在一条语句中编写许多断言(实际上是许多测试)it。例如它可以是这样的
it('tests some set of related functionality', () => …Run Code Online (Sandbox Code Playgroud) 我需要有关运行两个 tomcat 服务器的提示:如何使用 IDEA(或不使用它...)从两个不同的 tomcat 服务器运行两个上下文
?我应该如何配置我的 tomcat 和 IDEA?请提供有关该案例的提示或工作手册的一些链接。
我使用 Windows 7、Tomcat 6、IDEA 14 、Java 6 :'(
angularjs ×1
d3.js ×1
docker ×1
docusaurus ×1
drag ×1
force-layout ×1
javascript ×1
markdown ×1
mdxjs ×1
svg ×1
tomcat ×1