我想让文本包装在下面的D3树上,而不是
Foo is not a long word
Run Code Online (Sandbox Code Playgroud)
每一行被包裹
Foo is
not a
long word
Run Code Online (Sandbox Code Playgroud)
我已经尝试将文本设置为"foreignObject"而不是文本对象,文本确实包装,但它不会在树动画上移动,而是全部分组在左上角.
代码位于
http://jsfiddle.net/mikeyai/X43X5/1/
使用Javascript:
var width = 960,
height = 500;
var tree = d3.layout.tree()
.size([width - 20, height - 20]);
var root = {},
nodes = tree(root);
root.parent = root;
root.px = root.x;
root.py = root.y;
var diagonal = d3.svg.diagonal();
var svg = d3.select("body").append("svg")
.attr("width", width)
.attr("height", height)
.append("g")
.attr("transform", "translate(10,10)");
var node = svg.selectAll(".node"),
link = svg.selectAll(".link");
var duration = 750,
timer = setInterval(update, …Run Code Online (Sandbox Code Playgroud) 我正在使用 D3 来生成家谱图,(基于此处提供的代码:http : //www.d3noob.org/2014/01/tree-diagrams-in-d3js_11.html)并且图数据来自服务器和用户可以选择他想要查看的家庭,然后单击返回数据的提交按钮,然后 D3 绘制图形。但是,如果用户选择了另一个系列(或与此相同的系列)并在不刷新页面的情况下按提交,则新图表将绘制在旧图表下方。如何清除 D3.js 画布,以便新图形是唯一可见的东西?
我正在尝试学习如何使用 Boost 的多索引,并且我专门查看了http://www.boost.org/doc/libs/1_39_0/libs/multi_index/example/basic.cpp上的基本示例上的基本示例。我如何修改它以仅返回年龄小于特定数字(或 ID 等)的员工?
相关代码:
/* Boost.MultiIndex basic example.
*
* Copyright 2003-2008 Joaquin M Lopez Munoz.
* Distributed under the Boost Software License, Version 1.0.
* (See accompanying file LICENSE_1_0.txt or copy at
* http://www.boost.org/LICENSE_1_0.txt)
*
* See http://www.boost.org/libs/multi_index for library home page.
*/
#if !defined(NDEBUG)
#define BOOST_MULTI_INDEX_ENABLE_INVARIANT_CHECKING
#define BOOST_MULTI_INDEX_ENABLE_SAFE_MODE
#endif
#include <boost/multi_index_container.hpp>
#include <boost/multi_index/member.hpp>
#include <boost/multi_index/ordered_index.hpp>
#include <algorithm>
#include <iostream>
#include <iterator>
#include <string>
using boost::multi_index_container;
using namespace boost::multi_index;
/* an employee record holds its …Run Code Online (Sandbox Code Playgroud)