Ruby on rails 使用gagejs和rails更新SVG

我正在试验Raphael、SVG和rails。我希望随着每个任务通过“完成”按钮被划掉，量具作为进度指示器进行动态更新

类似于完成的任务/创建的总任务

附件是浏览器中的视图，下面是显示页面

 <h1 class="page-header"> Getting it up</h1>
 <div class="well span9 offset2">
   <h2 class="page-header"><%= @list.name %></h2>
   <h2 class="lead"><%= @list.description %></h2>  
   <div class="pull-right" id="smallbuddy" style="width:340px; height:200px;"></div>

   <h3>Still Not Finished</h3>

   <ul>
     <% @list.tasks.incomplete.each do |task| %> 
     <li style="list-style:none"><%= task.description %> <%= button_to "Completed", complete_task_path(@list.id,task.id), :class =>"btn-mini" %></li>
     <% end %>
   </ul>
   <hr>
   <h3>Finished</h3>
   <ul id="completed">
     <% @list.tasks.completed.each do |task| %> 
     <li style="list-style:none; opacity:.5; text-decoration:line-through;"><em><%= task.description %></em></li>
     <% end %>
   </ul>

   <hr>
   <%= form_for [@list, @list.tasks.new] do |form| %>
   <p><%= form.text_field :description %><%= form.submit %></p>
   <% end %>
 </div>    

 <span class="btn affix"><%= link_to "Back to all Installs", lists_url %></span>
 <div>

 </div>

 <script>
   var g = new JustGage({
     id: "smallbuddy", 
     value: 27, 
     min: 0,
     max: 100,
     title: "Until Complete"
   }); 

 </script>

还没有完成

“btn迷你”%>


完成了





var g=新的JustGage({
id:“smallbuddy”，
价值：27，
分:0,，
最高：100，
标题：“直到完成”
}); 

我需要操纵拉斐尔图书馆吗？还是justgagejs lib

---

我仍在努力解决这个问题，但一些经验丰富的建议可以为我指明如何实现这一目标的正确方向。提前谢谢

您需要rails控制器响应JS请求，请阅读以下内容：问题

---

这样，您就可以在控制器返回的JS中更新仪表。

Ahh当然，在得到一些帮助后开始工作，谢谢链接。