Question

我正在关注此railscast来创建数据图表。它建议我执行以下操作：

orders.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: '$'

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

Answer 1

第1步：

在路径文件中设置一个路径，为您提供json数据：

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

第2步：

写下你的控制器

class GraphsController
  def data_show
    get the json data
  end
end

写下ajax get request

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

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

1 个答案: