我有一個(gè)條形圖，我想在單擊條形圖時(shí)更改顏色。我想在單擊的元素上設(shè)置 CSS 類。一切正常，除了填充樣式（單擊的欄的顏色）沒有改變，但應(yīng)用了綠色描邊。我不明白為什么。這是單擊圖表最后一個(gè)柱之前和之后的屏幕 這就是我想要實(shí)現(xiàn)的目標(biāo)這是我的代碼的一部分，有什么建議嗎？JS//CREATE THE BAR CHARTvar bars = d3  .select("#bars")  .selectAll("rect")  .data(data);bars  .enter()  .append("rect")  .attr("x", function(d) {    return xScale(d.year);  })  .attr("y", function(d) {    return yScale(d.cost);  })  .attr("width", xScale.bandwidth)  .attr("height", function(d) {    return height - yScale(d.cost);  })  .style("fill", function(d) {    return colorScale(d.cost);  });//EVENT ON CLICKd3.select("#bars")  .selectAll("rect")  .on("click", function() {    //reset the previus bar selected    d3.select("#bars")      .select(".selected")      .classed("selected", false)      .style("fill", function(d) {        return colorScale(d.cost);  //reset the original color      });    //set the current bar as selected    d3.select(this).classed("selected", true);  });CSS.selected {  fill: red;  stroke: green;  stroke-width: 3;}