Warning: file_get_contents(/data/phpspider/zhask/data//catemap/1/angular/32.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

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/0/unity3d/4.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
Javascript d3 v4垂直条形图问题,条形图上有文字_Javascript_Angular_Typescript_D3.js_Bar Chart - Fatal编程技术网

Javascript d3 v4垂直条形图问题,条形图上有文字

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

我正在尝试将简单的文本添加到条的顶部,尝试添加用于条的相同x和y坐标来添加文本,但对于某些情况,它不起作用,我知道它很简单,但无法捕获,请有人指出错误?非常感谢任何帮助

简单d3选择输入/更新问题。如果您查看控制台,您会更好地了解为什么无法查看文本。这是因为文本被附加到
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')
  ...