Biểu đồ Google - Biểu đồ đường cong cong không chính xác xuống dưới 0

Question

Tôi có biểu đồ đường Google, tôi đặt 'curveType': 'function' để biểu đồ bị cong và có giao diện đẹp. Vấn đề của tôi là khi một điểm dữ liệu có giá trị bằng 0, tiếp theo là giá trị cao sau đây, biểu đồ giảm xuống dưới 0 để đường cong có thể vừa với nhau. Điều này cũng làm cho vAxis có một minRange -2000, điều này là không thể cho dữ liệu của tôi (số lần tải xuống theo thời gian).

Tôi đã cố gắng giải quyết vấn đề này bằng cách đặt 'minValue': 0 và 'viewWindowMode': 'maximized' trên vAxis nhưng chưa giải quyết được vấn đề hoàn toàn.

Tôi đã đính kèm một hình ảnh sẽ giải thích vấn đề của tôi tốt hơn rất nhiều so với tôi có thể với từ.

http://img41.imageshack.us/img41/7589/screenshot20121031at144.png

Nếu có ai biết một giải pháp này, mà không có tôi phải quay trở lại đường thẳng, nó sẽ được nhiều đánh giá cao. Cảm ơn

Answer 1

Chỉ cần một cập nhật nhanh chóng trên điều này. Tôi nhận ra rằng dữ liệu của tôi làm việc không phù hợp với đồ thị cong, vì nó là dữ liệu rời rạc và không liên tục. Tôi đã phải chuyển về đường thẳng, điều này đã loại bỏ vấn đề của tôi. Không phải là một giải pháp lý tưởng, tôi biết, nhưng nó là một trong đó làm việc cho tôi.

Answer 2

Bạn có thể thử một thư viện biểu đồ khác. Tôi thường sử dụng flot cho các biểu đồ đơn giản, và đồ thị raphael cho những thứ phức tạp hơn (hơi khó thao tác, và trông vụng về hơn một chút với tôi)

gRaphael: http://g.raphaeljs.com/ Flot: http://www.flotcharts.org/

Answer 3

Đường cong có thể tiếp tục giảm xuống dưới 0 bất kể bạn làm gì, nhưng bạn có thể cắt chế độ xem sao cho điểm thấp nhất của biểu đồ được hiển thị là 0. Bạn có thể làm điều đó với thuộc tính vAxis.viewWindow.min:

lineChart.draw(data, 
    { 
    curveType: "function", 
    vAxis: {viewWindow: {min:0} } 
    } 
); 

Xem LineChart documentation để biết thông tin về vAxis.viewWindow.min và các tùy chọn cấu hình khác.