创建不带编号的d3.js轴
创建不带编号的d3.js轴
提问于 2012-07-28 00:02:13
有没有一种方法可以创建一个d3.js轴而不需要任何编号？Tickmark是可以的，但根本没有数字。目前，我正在用下面的代码创建我的d3.js轴。提前谢谢。
// create Axis
svg.selectAll("axis")
.data(d3.range(angle.domain()[1]))
.enter().append("g")
.attr("class", "axis")
.attr("transform", function(d) { return "rotate(" + angle(d) * 180 / Math.PI + ")"; })
.call(d3.svg.axis()
.scale(radius.copy().range([0,0]))
.ticks(1)
.orient("left"))
.append("text")
.style("color", "white")
.attr("y",
function (d) {
if (window.innerWidth < 455){
console.log("innerWidth less than 455: ",window.innerWidth);
return -(0);
}
else{
console.log("innerWidth greater than 455: ",window.innerWidth);
return -(0);
}
})
.attr("dy", "0em");回答 1
Stack Overflow用户
回答已采纳
发布于 2012-07-28 00:43:18
隐藏刻度标签的最简单方法是通过CSS：
.axis text { display: none; }或者，您可以使用空字符串作为记号格式：
axis.tickFormat("");或者，可以在创建轴之后使用后选择来删除文本元素：
selection.call(axis).selectAll("text").remove();当然，我更喜欢CSS，因为它是最具声明性的。示例如下：
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/11691525
复制相关文章
相似问题
腾讯云开发者
