Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/436.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/css/37.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 如何设置x轴标签的宽度?_Javascript_Css_D3.js - Fatal编程技术网

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

Javascript 如何设置x轴标签的宽度?,javascript,css,d3.js,Javascript,Css,D3.js,如果x轴标签较长,则在下一个标签上重叠。如何设置宽度,使其显示在下面的快照中 x轴代码: var xAxis = d3.svg.axis() .scale(x) .orient("bottom") .tickSize(10,10); 我做不到图像中的确切内容 但我从中发现 使用自定义函数包装x轴标签 希望这有帮助。:) 试试看。@Unknown用户:这对我不起作用:我错过了什么?看起来不错!我如何添加函数,使其接受子字符串并在其中附加…?这是我找不到的。我想你实际上不需要带子字符串。它将包装

如果x轴标签较长,则在下一个标签上重叠。如何设置宽度,使其显示在下面的快照中

x轴代码:

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

我做不到图像中的确切内容

但我从中发现

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


希望这有帮助。:)

试试看。@Unknown用户:这对我不起作用:我错过了什么?看起来不错!我如何添加函数,使其接受子字符串并在其中附加
?这是我找不到的。我想你实际上不需要带子字符串。它将包装整个文本,使其在任何长度上都可见。这比子字符串更方便,在子字符串中,用户可以看到完整的标签。增加
svg
的高度。实际上,文本正在被包装,但svg的高度不足以完全显示它
.attr(“height”,height+margin.top+margin.bottom+20)
。试着加上+20。你能看看我的这个名字吗?