Есть ли простые примеры для одноосного масштабирования в d3?

Question

Я пытаюсь узнать, как сделать одноосное масштабирование для поведения зума d3. Есть ли простые примеры, объясняющие, как это сделать? Я нашел Mike Bostock's example, но для меня это кажется слишком сложным для понимания.

Ради ссылки, вот код, который я написал до сих пор:

var zoom = d3.behavior.zoom() 

svg.call(zoom); 

zoom.y(yRange); 

Ради более образцовых, я просто хотел сказать, что я пытаюсь сделать у оси зума во время события масштабирования ,

Буду признателен за любые указатели/статьи, которые могут помочь, и заблаговременно благодарим.

Answer 1

я добавил следующую функцию масштабирования:

function draw() { 

    vis.select("g.x.axis").call(xAxis); 
    vis.select("g.y.axis").call(yAxis); 


    d3.select(".myLine") 
     .attr("d", lineFunc(lineData)); 
} 

и добавил

.center([xRange(0), yRange(0)]) 
    .on("zoom", draw); 

моему zoom поведения. При этом ось y теперь масштабируется и перетаскивается.