主动管理仪表板轨道中的图表集成

Question

我的仪表板

section "Graph", do
div do
    render 'graph'
    end
end

_graph.html.erb

<script type="text/javascript">
$(function(){
    new Highcharts.Chart({
        chart: {
            renderTo: "charts"
        },
        title: {
            text: "Orders"
        },
        xAxis: {
            title: {
                text: "X axis"
            }
        },
        yAxis: {
            title: {
                text: "Y axis"
            }
        },
        series: [{
            data: [1,3,5,7]
        }]
    });
});

我将 _graph.html.erb 放置在哪个文件夹中，以便可以加载它。之后JavaScript可以正常工作吗？

Answer 1

主动管理上的图表集成非常简单，您只需 在 Gemfile 中获取Chartkick即可。

然后在您的dashboard.rb 中，您可以在列中创建另一个面板并显示您的图表。例子：

  panel "Top stuff --all name-removed for brevity--" do
        # line_chart   Content.pluck("download").uniq.map { |c| { title: c, data: Content.where(download: c).group_by_day(:updated_at, format: "%B %d, %Y").count }  }, discrete: true
        # column_chart Content.group_by_hour_of_day(:updated_at, format: "%l %P").order(:download).count, {library: {title:'Downloads for all providers'}}
        # column_chart Content.group(:title).order('download DESC').limit(5).sum(:download)
        bar_chart Content.group(:title).order('download DESC').limit(5).sum(:download) ,{library: {title:'Top 5 Downloads'}}
        ##
        # line_chart result.each(:as => :hash) { |item|
        #   {name: item.title, data: item.sum_download.count}
        # }
      end
    end