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

jum*_*noz 10 javascript charts svg graph d3.js

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

Oct   Nov   Dec   Jan   Feb   Mar   Apr
|_____________|   |___________________|
     2011                 2012
Run Code Online (Sandbox Code Playgroud)

我知道你可以在SVG中做任何事情来使它工作,但我想尽可能多地使用d3,这样动态更新图表就容易多了.

谢谢,杰克

Jos*_*osh 20

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

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