Javascript d3 v4垂直条形图问题,条形图上有文字
我正在尝试将简单的文本添加到条的顶部,尝试添加用于条的相同x和y坐标来添加文本,但对于某些情况,它不起作用,我知道它很简单,但无法捕获,请有人指出错误?非常感谢任何帮助 简单d3选择输入/更新问题。如果您查看控制台,您会更好地了解为什么无法查看文本。这是因为文本被附加到Javascript d3 v4垂直条形图问题,条形图上有文字,javascript,angular,typescript,d3.js,bar-chart,Javascript,Angular,Typescript,D3.js,Bar Chart,我正在尝试将简单的文本添加到条的顶部,尝试添加用于条的相同x和y坐标来添加文本,但对于某些情况,它不起作用,我知道它很简单,但无法捕获,请有人指出错误?非常感谢任何帮助 简单d3选择输入/更新问题。如果您查看控制台,您会更好地了解为什么无法查看文本。这是因为文本被附加到rects 将d3输入选择代码更改为: 现在,如果您检查控制台,您会看到文本是一组(分类为条)的一部分,其中矩形和文本作为单独的元素。这就是在rect中追加文本的方式 叉子: 希望这能有所帮助。明白了,非常感谢您抽出时间,另一双新
rect
s
将d3输入选择代码更改为:
现在,如果您检查控制台,您会看到文本
是一组
(分类为条)的一部分,其中矩形
和文本
作为单独的元素。这就是在rect中追加文本的方式
叉子:
希望这能有所帮助。明白了,非常感谢您抽出时间,另一双新鲜的眼睛总是有帮助的!很高兴我能帮忙。
const bar = svg
.selectAll('.bar')
.data(chartData)
.enter().append('g').attr('class', 'bar');
bar
.append('rect')
.attr('x', d => this._xScale(d.name))
....
bar
.append('text')
.attr('class', 'barText')
...