Questions tagged [tspan]
55 questions
0
votes
1 answer
SVG: How to remove the offset from tspan for multiline text with text-anchor set to middle?
I have some multi-line text and I am using and to handle this. I want each line to be centered, so I am using in the main tag text-anchor="middle". However, even with dx=0, the entire block is still shifted by the total length…
SumNeuron
- 4,850
- 5
- 39
- 107
0
votes
1 answer
D3.JS Dynamically replace
I am using sunburst example as a basis and trying to change multi-lined
caption on clicking with a new data. The click function looks like this:
function click(d) {
text.transition().attr("opacity", 0);
console.log(d.depth);
path.transition()
…
VVK
- 435
- 2
- 27
0
votes
0 answers
D3.JS rotation in sunburst
I am building my own sunburst diagram from this example
by adding multiline captions as .
for(i = 0; i < MAX_LINES; i++){
var text = g.append("text")
.attr("transform", function(d) { return "translate(" + getCentroid(d) + ")rotate(" +…
VVK
- 435
- 2
- 27
0
votes
1 answer
hyperlink in tspan (SVG) not shown
working on Javascript to chatroom message with tspan.
Original: this function add name and content text to tspan for each of the items in svg
function showMessage(nameStr, contentStr, color){
var node =…
john
- 9
- 4
0
votes
1 answer
Alignment of tspans inside text
I seem to not be able to solve this issue despite reading similar issues on SO. I would like my legend and sublegend (so the two tspans inside the text) to align on the x-attribute (So Austin and Detail sublegend should start at the same x…
Yana K.
- 1,926
- 4
- 19
- 27
0
votes
1 answer
Why does the SVG tspan y attribute alter the horizontal alignment of text?
HTML:
The x's overlap with Test. I do not see why…
Daniel
- 3,383
- 4
- 30
- 61
0
votes
1 answer
How to split long text in Ext.draw.Text using tspan
I created a custom legend panel for an Ext chart using Ext.draw.Text.... In my application, legends may have long custom texts. So I need to split them using a fixed length. One way would be two split the text using Javascript and create text…
Gilsha
- 14,431
- 3
- 32
- 47
-1
votes
1 answer
how can i get the text from tspan tag by using pythonl beatiful soup with xpath
from bs4 import BeautifulSoup
from lxml import etree
import requests
from lxml import html
url="https://www.findchips.com/detail/TS63Y502KR10/2516-Vishay%20Intertechnologies?quantity=1"
Dict_Headers = ({'User-Agent':'Mozilla/5.0 (Windows NT 10.0;…
lee
- 1
-1
votes
1 answer
How to make svg size to fit content text
Please check my code link