javascript - 长条形图

我有一个非常简单的条形图。 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"}]';

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

最佳答案

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

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

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

希望这可以帮助。

关于javascript - 长条形图，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/24444648/