54

私は多くのチャートやグラフを生成するためにd3.jsを書いています..しかし、データがない場合は、svgにテキストを追加し、「表示するデータがありません」と書き、xy dyなどのいくつかの属性を割り当てています.同様にfont-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");
}
4

1 に答える 1

113

font-size を属性ではなくスタイルとして割り当てるとうまくいくと思います。

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

(さらに良いのは、id または class 属性を割り当て、すべてのスタイルを CSS で設定することです)

于 2013-03-08T14:47:11.150 に答える