小编Pre*_*thi的帖子

我正在使用d3.js开发Normalized堆积条形图,并尝试在rect上附加文本.当我在浏览器中检查时,它会被附加.但是它不可见.我想要这样的东西,

这是我的代码,

var margin = {top: 20, right: 100, bottom: 30, left: 40},
    width = 400 - margin.left - margin.right,
    height = 200 - margin.top - margin.bottom;

var x = d3.scale.ordinal()
    .rangeRoundBands([0, width], .11);

var y = d3.scale.linear()
    .rangeRound([height, 0]);

var color = d3.scale.ordinal()
    .range(["#404041", "#00adef", "#bbbdc0", "#d1d2d4", "#d3d3d3"]);

var xAxis = d3.svg.axis()
    .scale(x)
    .orient("bottom");

var yAxis = d3.svg.axis()
    .scale(y)
    .orient("left")
    .tickFormat(d3.format("10"));

var svg = d3.select("body").append("svg")
    .attr("width", width + margin.left + margin.right)
    .attr("height", height + margin.top + margin.bottom + 20) …

在我的多线图中添加图例时,我的结果是:

通过,失败等...是一半可见.码:

   var margin = {top: 20, right: 20, bottom: 30, left: 50},
width = 1090 - margin.left - margin.right,
height = 339 - margin.top - margin.bottom;

 var x = d3.scale.linear()
.range([0, width]);

   var y = d3.scale.linear()
.range([height, 0]);

  var color = d3.scale.category10();

  var xAxis = d3.svg.axis()
.scale(x)
.orient("bottom");

var yAxis = d3.svg.axis()
.scale(y)
.orient("left");

  var line = d3.svg.line()  
.interpolate("linear")
.x(function(d) { return x(d.days); })
.y(function(d) { return y(d.testRuns); });

 var svg = d3.select("#application_status_graph").append("svg")
.attr("width", width + margin.left + margin.right …