条形图名称较长

Question

我有一个非常简单的条形图。 http://jsfiddle.net/6m2t6/3/问题是我的应用程序中应该有很长的LPU名称，并且它们可以在小提琴中相互重叠。

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

另外请记住在图表底部留出更多空间，为标签留出空间

希望这有帮助。