在d3 svg中对齐文本

文章/答案/技术大牛

发布

0回答

html、css、d3.js、svg

我在d3的一个简单任务中遇到了麻烦，因为我是新来这个库的。使用渐变，我在footer div元素中插入了一个线性渐变： position: absolute; bottom= d3.select("footer") .attr("width", 300)/&#

浏览 7提问于2016-12-30得票数 5

回答已采纳

1回答

如何将svg foreignObject与文本元素对齐？

d3.js、svg

我想在我的d3 svg中添加一个带有标签的复选框。我希望它们位于单独的g元素中，因为由于某种原因，如果标签位于foreignObject中，字体呈现与svg的其他部分不匹配(与我的问题无关，不过我也很乐意对此做出解释)。然而，我不知道如何让他们垂直对齐。是的，我可以介绍一些模糊因素，但这似乎只对一个特殊大小的svg，这是可以改变的。我该怎么做呢？let y=40; .appe

浏览 0提问于2018-01-26得票数 1

回答已采纳

1回答

在矩形内对齐段落

javascript、css、d3.js

我正在尝试使用css“文本对齐”在矩形框内对齐段落(居中或右)，当段落很小(一两个单词)时，它不会对齐，但当段落很大时，会有完美的对齐。position: absolute; top: 50%;}let svg= d3 .append(

浏览 29提问于2021-02-10得票数 1

回答已采纳

1回答

svg对象在svg视图中的放置

javascript、d3.js、svg、webview、ionic

我目前正在尝试在(Android和iOS) webview中的文本对象中居中(垂直和水平)对齐多个跨度。在浏览器端，一切都很好，转移到移动客户端，然而，群体拒绝将他们的属性传递给他们的孩子。这本身就是一个问题，但在hat上已经解决了。现在真正的问题是如何对齐svg<

浏览 2提问于2015-12-11得票数 1

1回答

最近，我在实习期间被分配了一项任务，以帮助使用AngularJS将旧项目的样式转换为更新的Verison。我有一个旧版本的图表：这两个版本的图形都是用D3制作的，但在新版本中，图形是在自定义的角度指令中生成的。我需要做的是调整价格和名称与酒吧的右边如图所示。在旧代码中，这都是一个很大的JS文件，D3和div可以轻松地从彼此之间获取高度、边距等以保持彼此对齐。在这个新版本中，指令保持相当独立，我不能访问在

浏览 2提问于2016-03-08得票数 0

回答已采纳

1回答

D3堆叠条形图无法看到全x轴标签

javascript、jquery、d3.js

我已经创建了下面的，堆叠条形图，我们D3。.showControls(false) .append('svg') .datum(stackedBarChartData);svg.transition()

浏览 0提问于2019-03-15得票数 0

回答已采纳

1回答

垂直中心多行SVG文本

css、svg

谁能给我一个的例子如何垂直中心多行文本在SVG？我在googled上搜索了很多关于对齐的引用--基线和显性-baselin_e，但没有具体的例子供我参考。例如，在下面的SVG中，文本元素被其左上角锁定.文本开始出现在那个y位置之后。如果我希望文本在y位置上下均匀分布，我需要做什么？1.5em" x="110" style="font-style: italic

浏览 2提问于2015-06-24得票数 4

1回答

在d3中附加多个外部svg并将它们与数据绑定

javascript、svg、d3.js

我有几个svg文件，我想要包括在我的d3图表。我可以添加他们通过硬编码和使用css正确地对齐他们与我的图表。但这似乎是一种愚蠢的方式。我知道我可以使用d3.xml从文件中导入svg，或者复制&粘贴&将它作为一个对象追加到代码中。但这不能解决我的问题，因为有太多的手工绑定。有什么方法可以让我以d3的连接更新出口的方式导入和使用它们吗？

浏览 1提问于2015-03-02得票数 1

回答已采纳

1回答

d3.js水平条形图问题

javascript、jquery、reactjs、d3.js、charts

我是d3库的新手，并且使用d3库尝试了一些图表。我能够使用d3.js库制作水平条形图，但是我在一些问题上被困住了。 Math.ceil((data.length + 0.1) * barHeight) + margin.top + margin.bottom; .range([margin.left, width - margin.righ

浏览 2提问于2020-04-15得票数 1

回答已采纳

1回答

带有文本锚点的D3文本包装:中间

d3.js、word-wrap

在D3中，我想包装具有中间文本锚点的文本。我看了看，但我不能把头绕在设置上。 .insert("svg") .attr('height', 200); plot.append仅仅设置文本的y似乎并没有改变任何东西。

浏览 0提问于2018-01-24得票数 1

回答已采纳

1回答

Svelte与D3的反应性

svelte

我使用d3构造了一个SVG，这取决于页面上的<input>元素的值。我希望SVG在输入值发生变化时进行更新。有简单的。但是，将代码放在onMount中，这似乎破坏了反应性。下面是一个例子： import { onMount } from 'svelte'; <

浏览 4提问于2022-08-13得票数 0

回答已采纳

2回答

我们可以使用的d3符号列表

javascript、d3.js、symbols

在哪里可以找到d3.js提供给我们的符号列表，该行代码引用了这些符号： d3.svg.symbol().type(/*Name of the symbol type that is available

浏览 2提问于2014-07-03得票数 13

回答已采纳

1回答

Inkscape文本区域左侧的正方形是什么？

textbox、inkscape

我注意到Inkscape上的文本框左侧有一个看起来像手柄的正方形：有人用过这个吗？

浏览 2提问于2017-10-06得票数 0

回答已采纳

1回答

D3.js对象中的超链接，第2部分

javascript、svg、d3.js、hyperlink

我对D3非常陌生，但是我已经根据这个例子建立了一个Reingold树：nodeEnter.append("svga") .attr("xlink:href", f

浏览 3提问于2014-11-22得票数 0

回答已采纳

2回答

如何使用文本锚点:在fabric js中居中

javascript、svg、canvas、fabricjs

我从fabric js中创建了svg。在创建卡片时，我使用以下代码将文本对齐应用于对象： textAlign : 'center',canvas.renderAll(); 现在，当我用原始值更改{company_address}地址变量时，该文本应该是对齐中心，但它不是。然后我手动修改了SVG，在SVG

浏览 1提问于2018-03-22得票数 0

回答已采纳

1回答

使用SVG中的HTML格式对齐文本

javascript、html、d3.js、svg

我试图把这个代码中的数字排成一行，不管它们是正数还是负数。var texts = svg.selectAll("text").data(pointer_labels); .append("text") }); <script src="https://cdnjs.cloudflare.

浏览 0提问于2015-09-24得票数 2

回答已采纳

3回答

布局:直接使用D3还是使用HTML中的div/span？

javascript、html、d3.js

我的HTML上有两个D3生成的svg(目前都在body标记中)，我想在每个svg下面添加一行文本。当我只是将文本添加为D3元素时，它显示在右侧，但我希望它位于下方。我试图添加一个div，但也不起作用。那么，我必须使用HTML或D3布局吗？(你必须在一个新的窗口中打开vis，希望文本在两个气泡云的正下方，而不是向右偏移。谢谢!

浏览 2提问于2014-07-23得票数 0

5回答

将文本围成圆圈

javascript、text、svg、d3.js、geometry

我使用d3绘制了一个UML图，并希望将文本包装在用d3绘制的形状中。我已经得到了下面的代码，无法找到一个解决方案，使文本“适合”在我的形状(见下图)。var svg = d3.select('#svg') .attr('width', 500) .attr('height', 200)

浏览 7提问于2014-01-03得票数 13

回答已采纳

1回答

如何在d3文本函数中返回html？

javascript、d3.js

我希望能够从这样的文本函数返回html： .attr("x", 0) .text(function(d,i)

浏览 2提问于2013-05-20得票数 17

2回答

d3.js中".getComputedTextLength()“的等价方法

javascript、d3.js、svg

.getComputedTextLength()方法在d3中的等价性是什么？.getComputedTextLength()处理的是Dom元素，而不是d3元素的对象。 

浏览 4提问于2017-03-10得票数 7

点击加载更多