Я добавляю текст и textPath к пути с d3.js
.Но текст переворачивается, когда направление пути 1
.Я хочу повернуть текст на 180 градусов, чтобы исправить положение. Но trahsform-origin имеет значение (0,0,0)
, и я не могу получить x,y
текста.
Как относительное относительное относительно без координаты?
this.link.append('text')
.classed(className, true)
.attr('dy', dy)
.attr('text-anchor', 'middle')
.style('font-size', font_size)
.style('visibility', () => flg ? 'visible' : 'hidden')
.append('svg:textPath')
.classed('textPath', true)
.classed('unselectable', true)
.attr('xlink:href', (d) => `${this._router.url.replace('\/', '')}#${d.id}`)
.attr('startOffset', startOffset)
.text((d) => {
if (!d.multi_end) {
const value = className === 'linkUsage' ? d[valueKey]
? d[valueKey] + '%' : 'N/A' : d[valueKey] ? d[valueKey] : 'N/A';
return value;
}
})
.style('fill', (d) => {
const color = className === 'linkUsage' ? d[valueKey] ?
this.line_service.getLinkColor(d[valueKey] / 100) : '#546e7a' : '#546e7a';
return color;
});
}