D3.js metinleri birbirinin altına gelmiyor ve renk seçimi

Question

Sorunla birlikte bir fiddle oluşturdum.

svg.append("text") 
    .attr("text-anchor", "middle") 
    .text(75); 
svg.append("text") 
    .attr("text-anchor", "middle") 
    .text("Vehicle"); 

Ben numarası metin alt metin biçiminde, aşağıda geliyor üstte gelmek istiyorum. Ama onu indiremiyorum. Bunu açıkça şekillendirmek zorunda mıyım yoksa bunu nasıl başarabilirim? Ayrıca, dış dairenin değiştirebileceğim bir renk olmasını ve gördüğüm tüm örneklerin zaten mevcut olan renk ölçeğini kullanmasını istiyorum. Bir değişken belirterek rengi nasıl değiştirebilirim?

Answer 1

Sen metin pozisyonları değiştirebilirsiniz:

.attr("dy", "0.5em") 

öznitelik ve size geri arama veya tarzında belirli bir renk döndürebilir. İşte

güncelleştirilmiş keman var: hile yaptı https://jsfiddle.net/mkrrn3sz/1/