javascript - 如何设置 x 轴标签的宽度?

标签 javascript css d3.js

如果 x 轴标签很长,它会与下一个标签重叠 like this .如何为其设置宽度,使其显示如下面的快照?

enter image description here

x轴代码:

var xAxis = d3.svg.axis()
.scale(x)
.orient("bottom")
.tickSize(10,10);

jsFiddle

最佳答案

我无法完全按照图片中的内容进行操作。

但我找到了this来自这个link .

使用自定义函数包装 x 轴标签。

希望这对您有所帮助。 :)

关于javascript - 如何设置 x 轴标签的宽度?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/21874959/

相关文章:

javascript - 如何从php获取数据到jquery

css - 如何在 CSS 中制作一个带有透明水平线的响应圆圈?

javascript - 如何连接两个 jQuery 元素对象? .add() 不起作用

javascript - 当另一个 div 在 jQuery 中显示时隐藏一个 div?

javascript - MapBox dragging.disable 函数阻止页面在移动设备上滚动

html - 居中对齐多个淡入淡出图像

javascript - 如何在 :hover:after with css3 中强制执行整个动画

svg - 如何使用d3.js更新现有svg元素的填充颜色?

javascript - 如何在使用javascript单击另一个类时取消选择一个类

javascript - d3.js 带有类别和数字的数组