Warning: file_get_contents(/data/phpspider/zhask/data//catemap/8/svg/2.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
D3.js 在d3中旋转弯曲的文本路径_D3.js_Svg - Fatal编程技术网

D3.js 在d3中旋转弯曲的文本路径

D3.js 在d3中旋转弯曲的文本路径,d3.js,svg,D3.js,Svg,我已经创建了一些弯曲的文本路径,但不知道如何旋转像“石头磨坊法院”,“马林驱动器”这样的倒置文本 我有以下代码: var svg=d3.select(“body”).append(“svg”) .attr(“宽度”,w) .attr(“高度”,h) .attr(“视图框”,“0 0”+w+”+h); svg.selectAll(“路径”) .数据(特征) .输入() .append(“路径”) .attr('id',函数(d,i){return'曲线-'+i;}) .attr(“d”,路径)

我已经创建了一些弯曲的文本路径,但不知道如何旋转像“石头磨坊法院”,“马林驱动器”这样的倒置文本

我有以下代码:

var svg=d3.select(“body”).append(“svg”)
.attr(“宽度”,w)
.attr(“高度”,h)
.attr(“视图框”,“0 0”+w+”+h);
svg.selectAll(“路径”)
.数据(特征)
.输入()
.append(“路径”)
.attr('id',函数(d,i){return'曲线-'+i;})
.attr(“d”,路径)
.attr(“填充”,“无”)
.attr('笔划','蓝色')
.attr(“笔划宽度”,1);
svg.selectAll(“文本”)
.数据(特征)
.输入()
.append(“文本”)
.attr(“id”,函数(d,i){return'曲线文本-'+i;})
//这里需要做一些事情来旋转文本。
.append(“textPath”)
.attr(“xlink:href”,函数(d,i){return'#curve-'+i;})
.文本(功能(d){
返回d.标签
});