Ich verwende die d3 Wortwolke (https://github.com/jasondavies/d3-cloud). Es funktioniert ziemlich gut, aber ich muss die Wörter jedes Mal aktualisieren, wenn ich auf einen Knopf klicke. In dem Code, den ich fand, gibt es eine „Update“ -Funktion in der Rückkehr einer anderen Funktion wie am Ende des Codes unten erklärt:d3 Wortwolke in Javascript - Aktualisierungsfunktion kann nicht verwendet werden
function wordCloud(selector) {
//lookForWords();
var fill = d3.scale.category20();
//Construct the word cloud's SVG element
$(selector).html("");
var svg = d3.select(selector).append("svg")
.attr("width", 1000)
.attr("height", 800)
.append("g")
.attr("transform", "translate(250,250)");
$("svg").css('position','absolute');
$("svg").css('top','250px');
$("svg").css('left','500px');
$("svg").css('overflow','visible');
//Draw the word cloud
function draw(words) {
var cloud = svg.selectAll("g text")
.data(words, function(d) { return d.text; })
//Entering words
cloud.enter()
.append("text")
.style("font-family", "Impact")
.style("fill", function(d, i) { return fill(i); })
.attr("text-anchor", "middle")
.attr('font-size', 1)
.text(function(d) { return d.text; });
//Entering and existing words
cloud
.transition()
.duration(3500)
.style("font-size", function(d) { return d.size + "px"; })
.attr("transform", function(d) {
return "translate(" + [d.x, d.y] + ")rotate(" + d.rotate + ")";
})
.style("fill-opacity", 1);
//Exiting words
cloud.exit()
.transition()
.duration(3500)
.style('fill-opacity', 1e-6)
.attr('font-size', 1)
.remove();
}
//Use the module pattern to encapsulate the visualisation code. We'll
// expose only the parts that need to be public.
return {
//Recompute the word cloud for a new set of words. This method will
// asycnhronously call draw when the layout has been computed.
//The outside world will need to call this function, so make it part
// of the wordCloud return value.
update: function(words) {
d3.layout.cloud().size([1000, 1000])
.words(words)
.padding(1)
.rotate(function() { return ~~(Math.random() * 2) * 90; })
.font("Impact")
.fontSize(function(d) { return d.size; })
.on("end", draw)
.start();
}
}
}
ich keine Informationen über sie online finden konnte. Wie kann ich diese Funktion von der "Außenwelt" nennen?
Thank you! Es klappt –