Javascript d3时间轴基于时间偏移使轴分段（色码）

我正在使用d3-timeline.js（）构建这个：

当前，时间轴的轴如下所示：

现在，我希望轴更宽一点，使它看起来像这样：

我怎样才能做到这一点

这是我的代码：

 var data = [
            {label: "person a", "color": "red", times: [
                {"starting_time": 1355752800000, "ending_time": 1355759900000},
                {"starting_time": 1355767900000, "ending_time": 1355774400000}
            ]},
            {label: "person b", "color": "green", times: [
                {"starting_time": 1355759910000, "ending_time": 1355761900000}
            ]},
            {label: "person c", "color": "blue", times: [
                {"starting_time": 1355761910000, "ending_time": 1355763910000}
            ]},
          ];

var chart = d3.timeline()
            .stack() // toggles graph stacking
            .margin({left:70, right:30, top:0, bottom:0});

        var svg = d3.select(target)
        .append("svg")
        .attr("width", 500)
        .datum(data)
        .call(chart);

---

最简单的解决方案是将背景图像添加到SVG元素中并正确定位