Question

我正在尝试在分组条形图中的每个条形上添加文本。但它没有显示，并且控制台上没有错误。我正在使用https://bl.ocks.org/bricedev/0d95074b6d83a77dc3ad

中的示例代码

我尝试了以下代码：

import React, { useState, useEffect } from 'react'

function someFunction() {
  const [someTrigger, setSomeTrigger] = useState(null)
  const [someState, setSomeState] = useState({})

  useEffect(() => {
    async function postSomething() {
      const response = await fetch('somePath',
         method: 'POST',
         body: JSON.stringify(someState),
      })
      ...
    } 
    postSomething()
  } [someTrigger])

  return <SomeComponent />
}

但是输出是output after adding block

在输出中显示对象对象。请帮忙。

output of code is here

Answer 1

您要附加到切片，切片是所有条形组的选择，而不是条形本身。尝试这样的事情来开始：

  slice.selectAll("text")
      .data(function(d) { return d.values; })
      .enter().append("text")
      .attr("x", function(d) { return x1(d.rate); })
      .attr("y", function(d) { return y(d.value); })
      .text(function(d) { return d.value })

d3.js分组条形图：条形图上不显示文本

1 个答案: