首页
学习
活动
专区
工具
TVP
发布
社区首页 >问答首页 >创建不带编号的d3.js轴

创建不带编号的d3.js轴
EN

Stack Overflow用户
提问于 2012-07-28 00:02:13
回答 1查看 13.2K关注 0票数 19

有没有一种方法可以创建一个d3.js轴而不需要任何编号?Tickmark是可以的,但根本没有数字。目前,我正在用下面的代码创建我的d3.js轴。提前谢谢。

代码语言:javascript
复制
 // 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");
EN

回答 1

Stack Overflow用户

回答已采纳

发布于 2012-07-28 00:43:18

隐藏刻度标签的最简单方法是通过CSS:

代码语言:javascript
复制
.axis text { display: none; }

或者,您可以使用空字符串作为记号格式:

代码语言:javascript
复制
axis.tickFormat("");

或者,可以在创建轴之后使用后选择来删除文本元素:

代码语言:javascript
复制
selection.call(axis).selectAll("text").remove();

当然,我更喜欢CSS,因为它是最具声明性的。示例如下:

票数 45
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/11691525

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档