小编use*_*236的帖子

在D3中包装文本

我想让文本包装在下面的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)

javascript css d3.js

18
推荐指数
1
解决办法
3万
查看次数

清除 D3.js 画布

我正在使用 D3 来生成家谱图,(基于此处提供的代码:http : //www.d3noob.org/2014/01/tree-diagrams-in-d3js_11.html)并且图数据来自服务器和用户可以选择他想要查看的家庭,然后单击返回数据的提交按钮,然后 D3 绘制图形。但是,如果用户选择了另一个系列(或与此相同的系列)并在不刷新页面的情况下按提交,则新图表将绘制在旧图表下方。如何清除 D3.js 画布,以便新图形是唯一可见的东西?

javascript d3.js

4
推荐指数
2
解决办法
2148
查看次数

Boost 多索引的上限

我正在尝试学习如何使用 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)

c++ boost multi-index

3
推荐指数
1
解决办法
1323
查看次数

标签 统计

d3.js ×2

javascript ×2

boost ×1

c++ ×1

css ×1

multi-index ×1