Ember 1.13: çoklu tuvaller

Question

Çeşitli tuvaller var. Şimdiye kadar onları d3 kullanarak doğrudan DOM öğesine ekledim. Her şey bir şey hariç mükemmel çalışır: Bir altbilgi eklediğimde - son tuvali kaplar. Bunu nasıl düzeltebilirim?

şablonları/dashboard.hbs

<div class="row"> 
    {{my-chart canvasesNumber=3}} 
</div> 
<footer> 
    Some info 
</footer> 

bileşenleri/my-chart.js

export default Ember.Component.extend({ 
    ... 
    canvasesNumber: null, 

    init: function() { 
     this._super(); 
     id = '#' + this.elementId; 
     for (i = 0; i < this.canvasesNumber; i++) { 
      d3.select(id).append('canvas') 
          .attr({ 
           'width': 200, 
           'height': 100, 
          }).style({ 
           'position': 'absolute', 
           'z-index': 0, 
           'left': '0px', 
           'top': (100 * i) + 'px' 
          }); 
     } 
    } 
}); 

Teşekkür

Answer 1

Sen konumunu kullanmaya gerek olmayabilir: absolute; veya onu destekleyen stil özelliklerinden herhangi biri. Mutlak konumlandırma, altbilgiyi kapattığını görmedir. Ekran gibi daha fazlasını kullanmayı öneririm: satır içi blok; VEYA yüzer: sol; Pozisyon her şeydir.

Bir jsbin veya codepen örneği sağlayabilirseniz, bir örnekle yardımcı olabilirim. İyi şanslar!