使用d3对轴标签进行多级/分组

时间:2012-05-28 01:51:44

标签: javascript graph charts svg d3.js

我想知道是否有一种简单的方法可以在d3中添加轴标签的多级/分层/分组。例如,如果我有一个跨越多年的x轴月份名称的折线图,我希望在月份名称下面还有年份作为标签,所以它看起来像这样。

Oct   Nov   Dec   Jan   Feb   Mar   Apr
|_____________|   |___________________|
     2011                 2012

我知道您可以在SVG中执行任何操作,但我希望尽可能多地使用d3,以便更容易动态更新图表。

谢谢, 千斤顶

1 个答案:

答案 0 :(得分:19)

您可以根据需要添加和格式化多个轴。例如 - 显示一个轴显示月份,另一个轴显示年份。一个基本示例:http://jsfiddle.net/Ea4mT/1/

之后你可能不得不把它搞得一团糟,但是它似乎是你想要完成的核心。