javascript - d3标签云中的换行符

我正在使用它在我的应用程序中生成大量单词，并且从如下所示的json文件中获取数据：

var a = [];

    for (var i=0; i < a.length; i++){
            a.push(a[i].word);
        }

这给了我们一个数组。

a = ["gsad","sagsa","gsag","sagas","gsag","gsagas","yhff","gag"];

我让它正确显示在屏幕上，但是由于该行太长，它从边框掉出来，我想给它一个链接中断，而不是更改SVG大小，我该怎么做？

更新：

下面的代码是我插入代码的方式：

var PositiveArr = [“ gsad”，“ sagsa”，“ gsag”，“ sagas”，“ gsag”，“ gsagas”，“ yhff”，“ gag”]； //考虑NegativeArr，NeutralArr具有相似的内容

var fill = d3.scale.category20();
                  d3.layout.cloud().size([600, 300])
                      .words([NegativeArr,NeutralArr,PositiveArr].map(function(d) {
                        return {text: d, size: 10 + Math.random() * 50};
                      }))
                      .rotate(function() { return ~~(Math.random() * 2) * 90; })
                      .font("Impact")
                      .fontSize(function(d) { return d.size; })
                      .on("end", draw)
                      .start();


                  function draw(words) {
                    d3.select("#pre-theme").append("svg")
                        .attr("width", 600)
                        .attr("height", 300)
                      .append("g")
                        .attr("transform", "translate(300,150)")
                      .selectAll("text")
                        .data(words)
                      .enter().append("text")
                        .style("font-size", function(d) { return d.size + "px"; })
                        .style("font-family",  "Impact, Arial")
                        .style("fill", function(d, i) { return fill(i); })
                        .attr("text-anchor", "middle")
                        .attr("transform", function(d) {
                          return "translate(" + [d.x, d.y] + ")rotate(" + d.rotate + ")";
                        })
                        .text(function(d) { return d.text; });
                  }

解：
我发现自己是一个解决方案，我只是使用合并所有数组

var allResult = PersonsArr.concat(PlacesArr,PatternsArr,ProductsArr,CompaniesArr);

然后将.map插入

.words(entityResult.map(function(d) {
                        return {text: d, size: 10 + Math.random() * 50};
                      }))

最佳答案

解决方案：我发现自己是一个解决方案，我只是使用以下方法将所有数组合并为一个

var allResult = PersonsArr.concat(PlacesArr,PatternsArr,ProductsArr,CompaniesArr);

然后将.map插入

.words(entityResult.map(function(d) {
                        return {text: d, size: 10 + Math.random() * 50};
                      }))

关于javascript - d3标签云中的换行符，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/36446704/