Yığınlanmış Çubuk Grafik

Question

Ben D3Js.i için yeni yığılmış çubuk graph.I için bu http://codepen.io/benlister/pres/bNeLQy aşağıdaki y ekseni bunun% .I gösterilmektedir y.domain([0,500]); ekleyerek çalıştı absolute.Here nasıl emin değilim am O çalışmadı.Lütfen yardım edin.

Answer 1

İlk olarak,% sembolü hakkında konuşuyorsanız, onaylama biçimini değiştirmeniz gerekir.

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

Sadece tickFormat kaldırmak veya istediğiniz biçime değiştirin:

kod

budur.

Ancak sorununuz daha büyüktür: y ekseni yüzde verileri gösterir çünkü veriler yüzde olarak dönüştürülür. Mutlak değerlerle nasıl yapılacağını görmek için

data.forEach(function (d) { 
      var y0 = 0; 

      d.rates = color.domain().map(function (name) { 
       console.log();; 
       return { 
        name: name, 
        y0: y0, 
        y1: y0 += +d[name], 
        amount: d[name] 
       }; 
      }); 
      d.rates.forEach(function (d) { 
       d.y0 /= y0; 
       d.y1 /= y0; 
      }); 

Kontrol bu örnek:

https://bl.ocks.org/mbostock/3886208

Answer 2

için var yAxis = d3.svg.axis().scale(y).orient("left").tickFormat(d3.format(".0%")); var yAxis = d3.svg.axis().scale(y).orient("left").tickFormat(d3.format("d")); bu çizgiyi değiştirmeyi deneyin Bu matematik yapar koddur y ekseninizde tamsayı değerleri.

Daha fazla ayrıntı için here adresine bakın.