NVD3/D3 thay đổi trục y giá trị tối thiểu

Question

Tôi hiện đang sử dụng NVD3 để tạo một vài biểu đồ đường kẻ. Tôi tự hỏi nếu nó có thể làm cho các trục y trục luôn bắt đầu từ 0. Hiện tại nó luôn luôn bắt đầu từ giá trị y thấp nhất. Tôi đã thử sử dụng tickValues ​​nhưng tôi không muốn thay đổi các giá trị khác. Tôi cũng đã cố gắng để thêm một điểm dữ liệu với giá trị 0, nhưng điều này có vẻ như một cách giải quyết và nó ảnh hưởng đến cách đồ thị trông. Ý tưởng nào?

Answer 1

Bạn không cần phải thêm điểm dữ liệu "giả", tất cả những gì bạn cần là điều chỉnh miền nhập của tỷ lệ, ví dụ: một cái gì đó như

chart.yAxis.scale().domain([0, maxValue]); 

Answer 2

Hầu hết các biểu đồ có hàm forceX và forceY lấy một mảng giá trị. Bạn có thể sử dụng nó như thế này:

var chart = nv.models.lineChart(); 
    chart.forceX([0, 10]) 
    chart.forceY([-1, 1]) 

Điều này sẽ đảm bảo rằng trên xAxis bạn luôn hiển thị ít nhất 0 và 10, nhưng sẽ không hạn chế miền nếu bạn thao tác trực tiếp. Đó là nếu bạn làm điều gì đó như:

chart.yAxis.scale().domain([0, maxValue]); 

và dữ liệu của bạn có giá trị âm X sẽ không hiển thị trên biểu đồ vì chúng nằm ngoài miền được chỉ định nhưng chúng sẽ sử dụng forceX.

Answer 3

Tôi tìm thấy trang thử nghiệm này là rất hữu ích khi tìm ra tài sản trên bảng xếp hạng nvd3 (áp dụng ngay cả khi bạn không sử dụng góc btw)

https://krispo.github.io/angular-nvd3/#/lineChart

• Nhấp vào 'mở rộng'
• Nhấp vào biểu tượng + bên cạnh forceY
• Nhập giá trị như -5 và sau đó thêm nó ngay lập tức thấy hiệu ứng (biểu đồ mẫu đã không hiển thị).