Highcharts: X và Y Axis vượt qua ở mức 0 trong biểu đồ phân tán

Question

Trong biểu đồ cao, tôi muốn vẽ biểu đồ phân tán/bong bóng trong đó giá trị x nằm trong khoảng từ -50 đến +50 và giá trị y từ -100 đến +100. Có cách nào để có được trục x và y được vẽ để chúng vượt qua ở mức 0 ở giữa biểu đồ không?

Tôi đã thử sử dụng thông số 'bù đắp' trong trục, di chuyển trục, ví dụ: http://bit.ly/Xd9Z51 nhưng cách tiếp cận này có các vấn đề sau:

1. Bạn không thể đặt thông số bù động, nếu chuỗi cập nhật và thay đổi giá trị min/max x/y, trục không còn vượt qua bằng không.
2. Nếu bạn phóng to, trục không còn vượt qua ở mức 0.
3. Thật khó để tính toán độ lệch bằng pixel, có tính đến kích thước div, lề, tiêu đề, v.v.
4. Thay đổi kích thước div chứa khiến các vị trí bù trục cần thay đổi.

Answer 1

Hiện tại, giải pháp duy nhất là sử dụng thông số bù trừ. Tuy nhiên, kể từ Highcharts 3.0, bạn có thể tự do kiểm soát thuộc tính và trục cập nhật:

chart.yAxis[index].update(options); 

Tùy chọn ở đâu là đối tượng có tùy chọn cho yAxis, bao gồm bù đắp. Để có được vị trí điểm ảnh, bạn có thể sử dụng chức năng bên trong chart.xAxis[index].translate(value) (ít hacky, nhưng hoạt động). Vì vậy, khi cả hai được kết hợp, hãy xem ví dụ: http://jsfiddle.net/UGpPV/6/