第七色在线视频,2021少妇久久久久久久久久,亚洲欧洲精品成人久久av18,亚洲国产精品特色大片观看完整版,孙宇晨将参加特朗普的晚宴

為了賬號安全,請及時綁定郵箱和手機立即綁定
已解決430363個問題,去搜搜看,總會有你想問的

當我想更改值時,我無法在我的 svg 中選擇(“文本”)

當我想更改值時,我無法在我的 svg 中選擇(“文本”)

瀟湘沐 2023-05-19 19:51:04
我有一個問題,我可以將文本附加到其中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并移動它。
查看完整描述

1 回答

?
12345678_0001

TA貢獻1802條經(jīng)驗 獲得超5個贊

您不能將text節(jié)點附加為rect節(jié)點的子節(jié)點 - 因此 SVG 可能永遠不會呈現(xiàn)。嘗試g在每個條形圖中使用一個節(jié)點,然后將rect和添加text到該節(jié)點。barContainer例如,你可以給它 class 。

至于text從軸中選擇和忽略那些,請按照@Andrew Reid 在他的評論中所說的那樣做并使用barContainer.selectAll("text"). 或者,您可以為所有標簽賦予類label,然后使用svg.selectAll(".label").


查看完整回答
反對 回復 2023-05-19
  • 1 回答
  • 0 關注
  • 172 瀏覽
慕課專欄
更多

添加回答

舉報

0/150
提交
取消
微信客服

購課補貼
聯(lián)系客服咨詢優(yōu)惠詳情

幫助反饋 APP下載

慕課網(wǎng)APP
您的移動學習伙伴

公眾號

掃描二維碼
關注慕課網(wǎng)微信公眾號