javascript - 名称较长的条形图

Question

我有一个非常简单的条形图。 http://jsfiddle.net/6m2t6/3/问题是我的应用程序中应该有很长的 LPU 名称，并且它们相互重叠，正如您在 fiddle 中看到的那样。

data = '[{"lpu":"Some very Long Name (VERY VERY LONG) #1","amount":"1"},{"lpu":"Some very Long Name (VERY VERY LONG) #2","amount":"0"},{"lpu":"Some very Long Name (VERY VERY LONG) #3","amount":"0"},{"lpu":"Some very Long Name (VERY VERY LONG)","amount":"1"}]';

防止它重叠并有可能查看全名的最佳方法是什么？

Answer 1

您应该在 x 轴上旋转标签。

这是一篇很棒的博文:http://www.d3noob.org/2013/01/how-to-rotate-text-labels-for-x-axis-of.html

还要记得在图表底部留出更多空间，为标签留出空间

希望这对您有所帮助。