svg.append('text').attr('x', 100) // 文本 x 坐标.attr('y',200 ) // 文本 y 坐标// .attr('text-anchor', 'middle') // 文本居中.attr('fill', 'black') // 文本颜色.attr('transform', `rotate(-90, 25, 30)`) // 旋转 -90 度.attr('font-size', '9').text('你的文本');
有些老哥私信说使用transform把坐标系数的角度变换之后会出现问题,这里稍微说一下自己的理解。
一:如代码所示把系数90度转了一下角度,x和y的数值会不准确。
其实不是不准确,只是以你调转后的数值为基准设置了xy轴。
直接上呆瓜快乐图。
但是在d3的文档没有找到准确的说法,所以只是猜测,不过按照这个思路来设置的x和y数值,在页面呈现的位置坐标是准确的。