d3-svg中的选择
selection in d3 svg
我是d3和svg的新手,我试图选择一些类来删除它们。
我的代码是;
svgBC.append("g")
.attr("class", "x axis")
.attr("transform", "translate(30," + height + ")")
.call(xAxis);
svgBC.append("g")
.attr("class", "y axis")
.call(yAxis)
.attr("transform", "translate(30,0)")
.append("text")
.attr("transform", "rotate(-90)")
.attr("y", 6)
.attr("dy", ".71em")
.style("text-anchor", "end")
.text("Population");
我想去掉"y轴",保留x轴。在那之前,我使用了remove:selectAll("g").remove
方法,但现在我想保留我的图表的一部分。。。
那么,如何有更好的选择来删除我绘画的一部分呢?
感谢
这与经典CSS选择器的工作方式相同,因此:
使用selectAll("g.axis.y").remove()
仅移除具有axis
和y
类的g
元素。
plnkr:示例
相关文章:
- d3 svg differentiate onclick
- 在工具提示中显示D3 SVG
- 使用HTML渲染d3 SVG图形
- 在呈现 D3 SVG 对象之前更改引导按钮文本
- 定位D3 SVG画布x/y和加载时的缩放级别
- 如何从数据中选择d3.js中的唯一值
- parentNode in d3 svg
- 使用d3.js在绑定数据内数组(以恒定性动态生成d3.svg.line)
- 如何在D3 SVG上绘制文本,如果它's的边界框符合某些标准
- D3 svg路径转换摇摆不定(包括jsfiddle)
- d3-svg中的选择
- 使用 d3 SVG 比例而不进行翻译
- 如何在 D3 svg 矩形中显示数据映射
- D3 SVG 图表中的现有元素不会更新 - 所有元素都被视为 exit() 和 enter() 集
- 按属性选择d3.js数据元素
- 使用d3.svg.path()绑定密钥
- d3 svg填充屏幕
- d3 SVG上的下拉菜单
- TypeError for "offsetParent"属性d3 svg选择在Firefox中
- 如何选择具有特定ID的d3 svg路径