Warning: file_get_contents(/data/phpspider/zhask/data//catemap/8/svg/2.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
Svg nvd3图表-xAxis标签_Svg_D3.js_Nvd3.js - Fatal编程技术网

Svg nvd3图表-xAxis标签

Svg nvd3图表-xAxis标签,svg,d3.js,nvd3.js,Svg,D3.js,Nvd3.js,我们如何以之字形对齐长X轴标签?(不要使用旋转标签),或者是否有可能在nvd3图表中对那些长X轴标签进行文本换行 请查看附件中的图片以供参考 带有-问题的实际图像 预期结果-1 预期结果-2 提前感谢…获得预期结果1: 您可以添加以下选项:.staggetables(true),如您所见 对于预期结果2: 在图表中使用空格之前,您必须通过将空格替换为新行来手动处理数据。如果你在处理数字,你也可以看看 感谢Christopher,我们如何对多条分组和堆叠图表执行相同的操作。错误标签(true

我们如何以之字形对齐长X轴标签?(不要使用旋转标签),或者是否有可能在nvd3图表中对那些长X轴标签进行文本换行

请查看附件中的图片以供参考

带有-问题的实际图像

预期结果-1

预期结果-2


提前感谢…

获得预期结果1: 您可以添加以下选项:
.staggetables(true)
,如您所见


对于预期结果2:
在图表中使用空格之前,您必须通过将空格替换为新行来手动处理数据。如果你在处理数字,你也可以看看

感谢Christopher,我们如何对多条分组和堆叠图表执行相同的操作。错误标签(true)不起作用?还有,我如何安排在固定的宽度和高度(甚至酒吧的特定宽度。现在它是根据可用的宽度渲染)…嗨,经常需要浏览nvd3的源代码,看看什么是可能的。如果找不到所需内容,请提出新问题:-)您可以始终向nvd3轴组件添加tickValues方法,然后使用它仅传递要显示为标签的值。nvd3代码非常灵活,如果你知道你想做什么,并相应地采取行动…@paxRoman-我用tickValues尝试了这一点。但是我需要显示标签的全名作为工具提示。。。我怎样才能做到这一点?@ChristopherChiche-我用tickValues试过了。但是我需要显示标签的全名作为工具提示。。。我该怎么做?对于结果2,请看我的答案: