2012-01-13 53 views
7

Gần đây tôi đã bỏ sử dụng Graphael và gói tiện ích Ico. Tôi nghĩ rằng nó vẫn là một thư viện tuyệt vời, nó chỉ cần tài liệu tốt hơn và một API thích hợp trước khi nó có thể được áp dụng rộng rãi.Biểu đồ Google Line: kéo để điều chỉnh giá trị

Tôi đã chuyển đổi các khu vực có biểu đồ để sử dụng Biểu đồ của Google và dường như không thể tìm ra cách để thực hiện một tính năng cụ thể mà tôi đã sử dụng graphael cho: kéo hỗ trợ. Một trong số line charts của tôi cần phải chỉnh sửa được, có nghĩa là các dấu chấm riêng lẻ trên đường có thể được kéo lên và xuống để điều chỉnh giá trị.

Tôi đã cố gắng tìm sự kiện hoặc cách đính kèm sự kiện trong API mà không thành công nhiều. Có ai quản lý để làm một cái gì đó như thế không?

Giả sử có thể làm biểu đồ tùy chỉnh - liệu có thể thực hiện theo cách này không?

EDIT: Có vẻ như nó không thực sự khả thi hoặc cực kỳ khó để nối vào Google API hoặc xuất SVG. Nó đang ở trong một khung nội tuyến và không có mã nguồn có sẵn chỉ làm cho nó ít hơn và ít hấp dẫn lựa chọn.

Tôi đã bắt đầu thử nghiệm với Highcharts. Tôi đã có thể làm tất cả mọi thứ mà công cụ của Google làm và có thể fiddle với biểu đồ sau khi nó được trả lại. Kể từ khi mã nguồn được cung cấp nó làm cho nó dễ dàng hơn để con số những điều nhất định ra ngoài. Dường như nó hoạt động nhanh hơn một chút so với giải pháp của Google vì nó sử dụng đường dẫn khi thực hiện Biểu đồ đường thay vì các phần tử vòng tròn SVG riêng lẻ.

Vấn đề tôi đang gặp phải hiện tại phải làm với phần tử Đường dẫn SVG - không có điểm duy nhất để thiết lập kéo. Vì vậy, để sử dụng jQuery.draggable phải tiêm một SVG Circle hoặc một phần tử khác ở cùng vị trí với đoạn đường dẫn SVG buộc phải kéo. Vì vậy, sau đây đã được giải quyết: - làm thế nào để đặt các yếu tố tạo ra để sửa vị trí? - cách di chuyển phần tử khi biểu đồ được chia tỷ lệ (thay đổi giá trị tối thiểu hoặc tối đa trên một trong hai trục)? - cách chuyển đổi vị trí mới về giá trị, được chia tỷ lệ cho dữ liệu chuỗi được cung cấp?

Có ai có đủ kinh nghiệm sâu sắc với Highcharts để giải quyết vấn đề này không? Tôi sẽ cố gắng cung cấp ví dụ JSfiddle khi có thể.

+0

Tôi đã cố gắng sử dụng jQuery và lắng nghe mousedown/mouseup trên thùng (div) giữ bảng xếp hạng nhưng chứa Google Chart ngăn chặn sự kiện bubbling ... Có lẽ có một cách để cho phép sự kiện bubbling trên biểu đồ? –

+0

Điều này có thể hiệu quả nếu chỉ có một người có thể yêu cầu Biểu đồ của Google hiển thị thay vì biểu đồ