Eje Maestro Esclavo para Segundos y Microsegundos

I am currently working with d3.js and have to work with seconds and microseconds. For this I intend to use a axis that is formatted similar to this:

enter image description here

I tried using two x-axes but the problem is that I don't know how to make the µ-sec axis dependent on the sec axis in order to restart the µ-sec numeration from zero after a new sec tick.

Here's a example of a data entry:

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

And heres how I initialize the two axes:

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);

Aquí hay una jsFiddle, it is based one following gantt example https://dk8996.github.io/Gantt-Chart/

preguntado el 28 de mayo de 14 a las 14:05

Thanks for those links they helped me to figure out that this does not work with the normal axis generation style. I have to first search positions in the axis where I have full seconds (without nanoseconds), place ticks there and then generate some ticks for the nanoseconds according to the width for one second tick to the next second tick. I guess making this with plain svg+js will be easier and d3.js will not be helpfull for this case. -

0 Respuestas

No es la respuesta que estás buscando? Examinar otras preguntas etiquetadas or haz tu propia pregunta.