Tôi muốn thêm một số biểu đồ hình tròn, thanh và phân tán vào ứng dụng web Ruby on Rails của mình. Tôi muốn chúng hấp dẫn, dễ bổ sung và không giới thiệu nhiều chi phí.
Bạn sẽ đề xuất giải pháp biểu đồ nào?
Hạn chế của nó là gì (yêu cầu Javascript, Flash, đắt tiền, v.v.)?
Câu trả lời:
Google Charts là một lựa chọn tuyệt vời nếu bạn không muốn sử dụng Flash. Nó khá dễ sử dụng, nhưng đối với Rails, nó thậm chí còn dễ dàng hơn với gchartrb gem. Một ví dụ:
GoogleChart::PieChart.new('320x200', "Things I Like To Eat", false) do |pc|
pc.data "Broccoli", 30
pc.data "Pizza", 20
pc.data "PB&J", 40
pc.data "Turnips", 10
puts pc.to_url
end
Nếu bạn không cần hình ảnh và có thể giải quyết việc yêu cầu JavaScript, bạn có thể thử một giải pháp phía máy khách như flot plugin jQuery .
Tôi là một fan hâm mộ của Gruff Graphs , nhưng Google Charts cũng rất tốt nếu bạn không ngại dựa vào máy chủ bên ngoài.
Nó yêu cầu flash và không miễn phí (mặc dù không tốn kém): amcharts .
Tôi đã sử dụng nó thành công và thích nó. Tôi đã đánh giá một số tùy chọn một thời gian và chọn nó. Tuy nhiên, vào thời điểm đó, Google Charts chưa hoàn thiện như bây giờ. Tôi sẽ xem xét điều đó đầu tiên nếu bây giờ tôi đánh giá lại.
Ngoài ra còn có Scruffy . Tôi đã xem mã gần đây và nó có vẻ dễ dàng sửa đổi / mở rộng. Nó tạo ra svg và (bằng cách chuyển đổi) png.
Bạn đã thử API Google Charts chưa? - API dịch vụ web không thực sự đơn giản hơn nhiều. Nó miễn phí để sử dụng, đơn giản để triển khai và các biểu đồ trông không quá kém.
Open Flash Chart II là một tùy chọn miễn phí cho kết quả rất đẹp. Như bạn mong đợi, nó yêu cầu Flash.
Fusion Charts thậm chí còn đẹp hơn, nhưng là $ 499. Khi nghiên cứu vấn đề này, tôi đã tìm thấy một phiên bản miễn phí cắt giảm có thể phục vụ nhu cầu của bạn.
Tôi lần thứ 2 bỏ phiếu cho flot . Phiên bản mới nhất cho phép bạn thực hiện một số hoạt ảnh và hành động mà trước đây tôi nghĩ chỉ có thể thực hiện được qua Flash. Các tài liệu là tuyệt vời. Nó đơn giản để viết bằng tay, nhưng đối với những trường hợp đơn giản, nó thậm chí còn dễ dàng hơn với một plugin Rails có tên là flotilla . Bạn nên xem trang ví dụ để biết rõ hơn về khả năng của nó. Khả năng phóng to và di chuột đặc biệt ấn tượng.
Google Visualization mới xuất hiện để tạo ra các biểu đồ đa dạng hơn, trông đẹp hơn và tương tác hơn so với Google Graphs.
Morris.js rất hay và là mã nguồn mở. Tôi muốn chọn nó so với highcharts. Có một video hướng dẫn tuyệt vời mới từ Railscasts
Tôi vừa tìm thấy ZiYa tạo ra một số biểu đồ thực sự quyến rũ và dành riêng cho Rails.
Nhược điểm là nó sử dụng Flash và nếu bạn không muốn các trang web liên kết đến trang XML / SWF thì chi phí $ 50 cho mỗi trang web.
[Tôi vẫn chưa quyết định nó, nhưng muốn ném nó ra khỏi đó trong trường hợp mọi người muốn bỏ phiếu]
Tôi đã sử dụng Fusion Charts rộng rãi từ bên trong một ứng dụng web Java, nhưng nó sẽ hoạt động theo cùng một cách với Rails vì bạn chỉ cần nhúng một Flash qua HTML hoặc JavaScript và chuyển nó dữ liệu XML. Đó là một gói mềm và hỗ trợ của họ luôn rất nhạy.
Bạn nên xem qua thư viện Javascript của Dmitry Baranovskiy có tên là Raphaël .
Biểu đồ của Google rất hay, nhưng nó không phải là giải pháp duy nhất. Bạn chỉ cần sử dụng ngôn ngữ lập trình mà bạn chọn để tạo động các url chứa dữ liệu và google trả lại cho bạn một hình ảnh đẹp với biểu đồ của bạn.
Ngày xưa, tôi quyết định tự mình lăn lộn (sử dụng RVG / RMagick), chủ yếu là vì Gruff không có mọi thứ tôi muốn. Nhược điểm là việc tìm kiếm và loại bỏ tất cả các lỗi trong mã vẽ đồ thị là một điều khó khăn. Ngày nay, Gruff là sự lựa chọn của tôi vì nó thực sự tiến bộ về khả năng tùy biến và tính linh hoạt.
Mặc dù vậy, các mẫu / lựa chọn màu sắc tiêu chuẩn của Gruff rất tệ, vì vậy bạn sẽ cần phải làm bẩn tay để có kết quả tốt nhất.
Về amcharts , có một phiên bản "miễn phí" với một vài hạn chế tạo ra các biểu đồ Flash bao gồm đề cập đến 'chart by amCharts.com'.
Và có một plugin hay, ambling , cung cấp cho bạn một số phương pháp trợ giúp để dễ dàng thêm biểu đồ vào chế độ xem của bạn. Xin lưu ý rằng tài liệu tham khảo của amCharts.com vẫn là điều bắt buộc để điều chỉnh biểu đồ theo yêu cầu của bạn.
Biểu đồ GoogleCharts và Gruff rất tuyệt, nhưng đôi khi chúng thiếu một số tính năng mà tôi cần để lập biểu đồ khoa học hơn. Có một viên ngọc cho gnuplot có thể hữu ích cho một số trường hợp này.
Tôi đã bắt đầu sử dụng protovis để tạo biểu đồ SVG bằng javascript. Cách tiếp cận cơ bản của tôi trong rails là có một bộ điều khiển trả về dữ liệu được lập biểu đồ dưới dạng JSON và thu thập dữ liệu đó bằng một chút javascript và protovis.
Nhược điểm duy nhất, là hỗ trợ IE đầy đủ (Vì nó dựa trên SVG) hiện không có sẵn ngay lập tức ... Tuy nhiên, các bản vá hiện tại đi một cách hợp lý để cung cấp hỗ trợ IE, bạn có thể tìm chi tiết tại đây .
Cá nhân tôi thích biểu đồ dựa trên JavaScript hơn Flash. Nếu điều đó ổn, hãy xem thêm Bảng xếp hạng cao . Một plugin Rails cũng có sẵn.
Có vẻ như đá quý gchartrb không còn được duy trì. Tác giả chỉ ra những viên ngọc này:
Chúng tôi thực hiện điều này bằng cách chuyển sang gnuplot để tạo các biểu đồ dưới dạng PNGs phía máy chủ. Nó hơi cũ và các biểu đồ không tương tác nhưng nó hoạt động và có thể lưu vào bộ nhớ cache.
(Lý do khác chúng tôi làm điều này là để chúng tôi có thể đặt chính xác cùng một biểu đồ trong phiên bản PDF của báo cáo).
Tuy nhiên, đây không phải là RoR cụ thể, nó là một cổng khá mượt mà của Gruff sang javascript: http://bluff.jcoglan.com/
ChartDirector . API xấu, nhưng tốt, kết quả hình ảnh phía máy chủ. Nhị phân tự chứa.
FWIW, tôi không phải là người thích sử dụng Google Charts khi sự phù hợp và hoàn thiện là quan trọng. Tôi thấy rằng các biến số để định kích thước, đặc biệt, là không thể đoán trước - biểu đồ làm việc riêng của nó.
Tôi chưa chơi với Gruff / Bluff / etc., Nhưng đối với một dự án cao cấp hơn, tôi sẽ không sử dụng Google Charts.
Nếu bạn muốn các biểu đồ khá gợi cảm, dễ tạo và bạn có thể bật Flash, thì bạn chắc chắn nên xem qua các biểu đồ xml / swf của maani.us .
Một số trình tạo XML đằng sau nó và bạn đã sẵn sàng.
FusionCharts là một sản phẩm biểu đồ rất tốt. Hoạt động tốt với RoR. Hỗ trợ của họ và diễn đàn là tốt. Phiên bản miễn phí của sản phẩm này có số lượng biểu đồ và tính năng hạn chế, nhưng không có hình mờ.
Tôi vừa mới bắt đầu sử dụng googlecharts cho dự án rails 3 của mình. Nó đẹp và sạch sẽ và dường như là viên ngọc dựa trên api trực quan hóa của google duy nhất còn sống. Những người khác không hoạt động và chủ yếu sử dụng api biểu đồ cũ của google (được phát hành ở đâu đó vào năm 2007-2008).
D3 đã trở thành cách ưa thích của tôi để thêm các biểu đồ tuyệt vời vào ứng dụng web. Bạn phải thực hiện một số công việc nhỏ so với một số khuôn khổ khác, nhưng sự xuất hiện và kiểm soát vượt trội hơn điều đó.
Tôi chủ yếu sử dụng SVG, có nghĩa là không có IE8, nhưng điều đó đang trở nên ít vấn đề hơn.
HighChart - Thư viện biểu đồ được viết bằng JavaScript thuần túy
Đá quý như highchart-rails , lazy-high-chart giúp tích hợp với các đường ray dễ dàng hơn