đám mây từ d3 - quá nhiều chồng chéo xảy ra

Question

tôi đang sử dụng ví dụ d3 từ http://www.jasondavies.com/wordcloud/#http%3A%2F%2Fen.wikipedia.org%2Fwiki%2F%7Bword%7D=cloud để tạo đám mây từ của riêng mình.

Tất cả những gì tôi đang cố làm là lấy một số thuộc tính màu được thêm vào các từ dựa trên thuộc tính của các đối tượng mà từ đó biểu thị. Ví dụ:

Ví dụ, có 4 từ - Mỹ, Ấn Độ, Vương quốc Anh và Đức - tôi sử dụng các ngưỡng để đặt màu của các từ - giả sử điều này giống như đặt màu dựa trên mật độ dân số.

Tuy nhiên điều này không ảnh hưởng gì đến kích thước phông chữ - điều này có thể biểu thị khối lượng đất của quốc gia.

Vấn đề của tôi là tất cả các từ đều chồng lên nhau.

Tôi tự hỏi tôi có thể làm gì sai - xem mã này - chức năng 'vẽ' của tôi. Tôi có thể làm gì sai ở đây?

draw: function(countries) { 
     var cctrplt = {BuOrPuRd: { 
      4: ["#9ebcda","#e32636","#08306b", "#ffbf00"] 
     }}; 
     var fillthr = 
      d3.scale.threshold() 
      .domain([2, 5, 10]) 
      .range(cctrplt.BuOrPuRd[4]); 
     d3.select("#ddTagCloudContentRoot").append("svg") 
      .attr("width", width) 
      .attr("height", height) 
      .append("g") 
      .attr("transform", "translate(300,300)") 
      .selectAll("text") 
      .data(countries) 
      .enter().append("text") 
      .style("font-size", function(d) { return (d.size) + "px"; }) 
      .style("font-family", "Impact") 
      .style("fill", function(k,i) { var ccode = colours_list[k.text]; return fillthr(ccode); }) 
      .attr("text-anchor", "middle") 
      .attr("transform", function(d) { 
       return "translate(" + [d.x, d.y] + ")"; 
      }) 
      .text(function(d) { return d.text; }); 
    } 

Nếu có bất kỳ mã nào khác mà tôi cần chia sẻ - hãy cho tôi biết.

cảm ơn bạn.

Answer 1

Tìm thấy giải pháp. Tôi đã không sử dụng lệnh gọi hàm rotate() khi tôi muốn văn bản được đặt theo chiều ngang. tôi nghĩ việc bỏ cuộc gọi hoàn toàn sẽ giúp ích.

dường như không đúng. vì vậy tôi thêm xoay (0) và đó là nó. bây giờ tôi có một đám mây từ đẹp.

CHỈ DẪN: tôi sử dụng hành trình: đen chống lại kiểu văn bản và điều này mang đến một bản trình bày gọn gàng.