svg - nvd3 图表 - x 轴标签

标签 svg d3.js nvd3.js

我们如何以之字形方式对齐长 xAxis 标签? (不要使用 rotateLabels),或者是否有可能对 nvd3 图表中的那些长 xAxis 标签进行文本换行?

请查找附件图片以供引用...

存在问题的实际图片

enter image description here

预期结果 - 1

enter image description here

预期结果 - 2

enter image description here

提前致谢...

最佳答案

对于预期结果 1: 您可以添加以下选项:.staggerLabels(true) 如您所见 here .

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

关于svg - nvd3 图表 - x 轴标签,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/16193160/

相关文章:

svg - 多色 Google map SVG 符号

javascript - 获取命名空间声明属性值的正确方法

javascript - 如何在强制布局 D3.js 中生成指向右侧的链接

JavaScript/D3 : Create floating textbox on click and update graph from textbox input

javascript - 用于在 enter() 上附加分组元素的 d3 习惯用法?

javascript - Angular NVD-3 图 : Axis Labels and Axis Numbers Cut Off and Outside of Viewing Window

javascript - D3 在 stackedAreaChart 中乘以数据点

javascript - 在Leaflet控件中使用NVD3图表

html - 我可以在自定义的 Azure AD B2C 用户界面中使用 SVG 吗?

c - svg 在记事本中编辑并在浏览器中流式传输