D3加上環繞文字圈

所以我一直在嘗試使用D3plus爲了環繞文字但是沒有成功。在我的應用程序中，我有幾個圈/文本對，放在一個「g」元素中。在我的代碼後，我打造的「G」的元素和追加圓圈和文本，使其我所說的d3plus d3plus.textwrap()功能是這樣的：D3加上環繞文字圈

d3plus.textwrap() 
    //selecting the first text element 
    .container(d3.select("#Text0")) 
    .draw();

然而，不是越來越包裹，文字簡單地消失。文本在DOM中仍然是可見的元素，但由於某種原因，其大小變爲0x0。有人知道這裏有什麼問題嗎？

來源

2016-08-14 Xnn04

試試這個代碼'd3plus.textwrap（）容器（d3.select（「＃text0」中））調整（真） .draw（）; ' –

使用方法resize as true如下面的代碼：

<!DOCTYPE html> 
<meta charset="utf-8"> 
<script src="//d3plus.org/js/d3.js"></script> 
<script src="//d3plus.org/js/d3plus.js"></script> 
<style> 
    svg {font-family:"Helvetica","Arial",sans-serif;height: 425px;margin: 25px; width: 400px;} 
    .type {fill: #888;text-anchor: middle;} 
    .shape {fill: #eee;stroke: #ccc;} 
</style> 
<svg> 
    <circle class="shape" r="85px" cx="275px" cy="300px"></circle> 
    <text id="circleResize" class="wrap" y="260px" x="200px" font-size="12"> 
Appeared Text inside circle </text> 
</svg> 
<script> 
    d3plus.textwrap() 
.container(d3.select("#circleResize")) 
.resize(true) 
.draw(); 
</script>

來源

2016-08-31 05:49:24

D3加上環繞文字圈

回答

相關問題