d3.js - 字体大小在我的 d3.js 代码中不起作用

Question

我正在编写 d3.js 来生成许多图表和图形..但是当没有数据时，我只是附加 svg 文本并写入“没有要显示的数据”并分配一些属性，例如 x y dy 等..类似的字体-size，但除了字体大小之外，一切都正常。

为什么？这是我的代码

var svg = d3.select(selector).append("svg")
  .attr("width", width + margin.left + margin.right)
  .attr("height", height + margin.top + margin.bottom)
  .append("g")
  .attr("transform", "translate(" + margin.left + "," + margin.top + ")");

if (!data.IssueTrendsDAO.issueTrendList) {
  svg.append("text")
    .attr("font-size","34px")
    .attr("y", 79)
    .attr("x", 40)
    .attr("dy", ".47em")                        
    .style("text-anchor", "start")
    .style("fill", "#004669")
    .style("font-weight", "bold")
    .text("No data to display");
}

Answer 1

我认为，如果您将 font-size 指定为样式而不是属性，您会发现它是有效的。

.style("font-size", "34px")

(更好的是，分配一个 id 或 class 属性并在 CSS 中设置所有样式)