C3: 在 x 轴刻度文本中强制换行

创建于 2014-10-17  ·  9评论  ·  资料来源: c3js/c3

http://jsfiddle.net/gbdtjsba/11/

我的图表中有相当长的标签。 我在图表中添加了 500 像素的硬高度,并在 x 轴上添加了 200 像素,这很有效,但如果可能的话,我想让轴高度动态化。

我应该遍历标签以找到最大的标签并在应用图形之前计算它的宽度,还是 c3 具有可以执行此操作的功能?

可能与这个有关: https :

感谢提供一个很棒的库,到目前为止,它为我节省了许多 d3 编程时间:)

C-feature-request

最有用的评论

它似乎没有在小提琴中工作..实际代码怎么样? 这个对我有用。 并请设置axis.x.tick.multiline = false显示为一行。 现在多行是默认的。

我认为引入一些强制换行的东西似乎是合理的。 如果需要,我会实施。

所有9条评论

您好,感谢您的举报。 我认为这个提交可以自动计算 x 轴高度,所以你能再试一次最新的代码吗? 谢谢。

更新:
我引入了axis.x.tick.width来支持多行刻度文本,所以此时请设置此选项null 。 没有这个,即使它们被旋转,刻度文本也会被分割成多行。

你好,

感谢您的更新,不幸的是我认为它不起作用 -

  1. http://jsfiddle.net/gbdtjsba/15 - 没有 200px x 轴高度(我试图删除),结果与以前相同。 尝试调整图形大小以查看不一致的行为。
  2. http://jsfiddle.net/gbdtjsba/11 - 在加载时 x 轴似乎具有错误的高度,但是当您调整大小时这是固定的。 这个版本在 x 轴上仍然有 200px 的高度,我认为它正在恢复到这个高度,而不是一个计算的高度。

我认为需要发生的是,例如,图形的高度为 500 像素,轴刻度的最大宽度/高度为 125 像素,因此图表自动给出高度为 375 像素和标签为 125 像素。 或者,如果您更喜欢 / 作为选项,可以使图形高度为 500 像素,并且包括标签在内的总高度变为 625 像素。

1+ 行上的标签很棒。 是否可以强制换行? 例如2014-10-22 \n 2014-10-15 \n 2014-10-08

它似乎没有在小提琴中工作..实际代码怎么样? 这个对我有用。 并请设置axis.x.tick.multiline = false显示为一行。 现在多行是默认的。

我认为引入一些强制换行的东西似乎是合理的。 如果需要,我会实施。

我认为引入一些强制换行的东西似乎是合理的。 如果需要,我会实施。

是的。 需要。

有什么计划吗?

@laurabrooks我不确定你所说的“这个”指的是什么,但是axis.x.tick.multiline已经实施了一段时间,我最近引入了对axis.x.tick.multilineMax并为两者添加了文档(见在这里),希望能有所帮助。

我想知道在标签文本中的指定点强制换行。 multiline 和 multilineMax 属性将完成这项工作,感谢您的回复@jcsmorais

嘿,有没有多行轴标签的规定?

我正在关闭这个问题,因为多行选项已经存在。 请参考该文档这是由@jcsmorais说明。

此页面是否有帮助?
0 / 5 - 0 等级

相关问题

zachallia picture zachallia  ·  3评论

laurentdebricon picture laurentdebricon  ·  3评论

unlight picture unlight  ·  3评论

MarcusJT picture MarcusJT  ·  4评论

Saikat-Sinha picture Saikat-Sinha  ·  3评论