Làm cách nào để đặt trục y thành phạm vi cố định trong xe kéo?

Question

Tôi có dữ liệu trong đó hầu hết các giá trị nằm trong khoảng 41-44, nhưng đôi khi có các đỉnh là 150-350, do đó trục y được tự động thu nhỏ thành 0-350 và biểu đồ không thể đọc được.

Cách đặt phút cố định và tối đa cho trục y? Tôi biết rằng một số giá trị sẽ là biểu đồ "ở trên", nhưng đó không phải là vấn đề.

Here is my chart

EDIT: cách khác tôi muốn để cho phép phóng to trong đồ thị này đó sẽ là tốt hơn, bất kỳ ý tưởng làm thế nào để làm điều này?

EDIT2: hoặc có thể bạn đề xuất thư viện biểu đồ đơn giản khác có bật/tắt đường, thu phóng & panning?

Answer 1

Tôi đã stumbled khi câu hỏi này nhiều lần tìm kiếm một giải pháp, xe kéo bây giờ hỗ trợ này chính nó bằng cách thiết lập min và max trong các nhà xây dựng đồ thị: https://github.com/shutterstock/rickshaw#rickshawgraph

Answer 2

Tôi đã sử dụng Giraffe - https://github.com/kenhub/giraffe kéo dài/được xây dựng trên đầu xe kéo. Với điều đó, bạn có thể đặt "phút" và "tối đa" cho biểu đồ để đặt tỷ lệ. Vì hươu cao cổ sử dụng xe kéo bên dưới, nên có thứ gì đó tương tự trên xe kéo.

Answer 3

Bạn có thể thử sử dụng trục Y được chia tỷ lệ (xem ví dụ trong scaled.html). Hãy chắc chắn để thiết lập các quy mô trong đối tượng loạt cũng như trong Trục Y:

var scale = d3.scale.linear().domain([41, 44]).nice(); 
graph = new Rickshaw.Graph({ 
    ... 
    series: [{ 
     ... 
     scale: scale 
    }] 
}); 
new Rickshaw.Graph.Axis.Y.Scaled({ 
    graph: graph, 
    ... 
    scale: scale 
}); 

tôi đã không cố gắng phóng to với xe kéo, nhưng nếu bạn cung cấp một cách cho người sử dụng để kiểm soát các yếu tố zoom, Tôi nghĩ bạn có thể thay đổi tên miền theo tỷ lệ và gọi graph.update().