主从轴为秒和微秒

Question

我目前正在使用d3.js并且必须使用秒和微秒。为此，我打算使用格式与此类似的轴：

我尝试使用两个x轴，但问题是我不知道如何使μ-sec轴依赖于sec轴，以便在新的秒刻度之后从零重新开始μ-sec计数。

以下是数据输入的示例：

{"id": 0, "start": 5667572130, "end": 5667581035, "taskName": "t"},

以下是我如何初始化两个轴：

x = d3.scale.linear().domain( [ timeDomainStart, timeDomainEnd ] ).range( [ 0, width ] ).clamp( true );
x2 = d3.scale.linear().domain( [ timeDomainStart/1000000, (timeDomainEnd/1000000) ] ).range( [ 0, width ] ).clamp( true );
xAxis = d3.svg.axis().scale( x ).orient( "bottom" ).tickSize( 4 ).tickPadding( 4 ).ticks(5);
x2Axis = d3.svg.axis().scale( x2 ).orient( "bottom" ).tickSize( 8 ).tickPadding( 8 ).tickFormat( d3.format( "f" ) ).ticks(10);

这是一个jsfiddle，它基于一个甘特图示例https://dk8996.github.io/Gantt-Chart/