我有一個問題,我可以將文本附加到其中SVG,但是當我想要更改它時,我似乎無法選擇它進行更改。上面的代碼d3.select("button")和bar.transition. 有人可以幫我弄清楚如何選擇,"text"所以當我單擊按鈕時它將使用新數(shù)據(jù)集嗎?var bar = svg.selectAll("rect") .data(dataset) .enter();bar.append("rect") .attr("x", function(d) { return xScale(d[0]); }) .attr("y", function(d) { return yScale(d[2]); }) .attr("width", xScale.bandwidth()) .attr("height", function(d) { return height - yScale(d[2]); }) .attr("class", function(d) { var s = "bar "; if (d[2] < 50) { return s + "bar1"; } else if (d[2] < 100) { return s + "bar2"; } else { return s + "bar3"; } });bar.append("text") .attr("dy", "1.3em") .attr("x", function(d) { return xScale(d[0]) + xScale.bandwidth() / 2; }) .attr("y", function(d) { return yScale(d[2]); }) .attr("text-anchor", "middle") .attr("font-family", "sans-serif") .attr("font-size", "11px") .attr("fill", "black") .text(function(d) { return d[2]; });d3.select("button") .on("click", function() { var dataset = [ ['Jun-19', 8.6, 21.7], ['Jul-19', 8.68, 17.98], ['Aug-19', 8.9, 25.38], ['Sep-19', 6.38, 11.6], ['Oct-19', 10.36, 65.08], ['Nov-19', 22.36, 125.72], ['Dec-19', 26.52, 112.22], ['Jan-20', 21.08, 76.1], ['Feb-20', 6, 44, 19.625], ['Mar-20', 4.68, 8.95], ['Apr-20', 7.4, 15.94], ['May-20', 7.36, 18.36] ]; bar = svg.selectAll("rect") .data(dataset); bar.transition() .attr("x", function(d) { return xScale(d[0]); }) .attr("y", function(d) { return yScale(d[2]); }) .attr("width", xScale.bandwidth()) .attr("height", function(d) { return height - yScale(d[2]); })我試過使用bar.selectAll("text"),但它根本不起作用,但如果我使用svg.selectAll("text")它,它會從我那里拿走滴答聲Axis.Left并移動它。
當我想更改值時,我無法在我的 svg 中選擇(“文本”)
瀟湘沐
2023-05-19 19:51:04