javascript - 如何用数据库中的数据填充图表？

Question

我正在关注这个railscast创建数据图表。它建议我执行以下操作:

订单.js

jQuery ->
  Morris.Line
    element: 'orders_chart'
    data: $('#orders_chart').data('orders')
    xkey: 'purchased_at'
    ykeys: ['price', 'shipping_price', 'download_price']
    labels: ['Total Price', 'Shipping Price', 'Download Price']
    preUnits: '$'

然后在 View 中创建一个元素，并在 View 中创建一个填充图形的表。但是，我希望数据不是 $('#orders_chart').data('orders')，而是直接来自数据库的数据，以便表格不会显示在网页。我该怎么做？

Answer 1

第 1 步:

在路线文件中设置一条路线，该路线将为您提供 json 数据:

get '/get_graph_data', to: 'graphs#data_show', as: 'get_graph_data', defaults: {format: 'json'}

第 2 步:

编写 Controller

class GraphsController
  def data_show
    get the json data
  end
end

编写ajax get请求

get_graph_data = ->
  url = (you can use a data-tag to get the url from your view)
  $.ajax
    type: 'get'
    url: url
    dataType: 'json'
    success: (json) ->
      send_data_to_morris or another method to change it if necessary