ruby-on-rails - 使用lazy-highcharts gem 将图表导出为图像

Question

我可以使用惰性 highcharts 生成图表，但我希望将这些图表导出为图像，这是我用来生成图表的代码

@fields= ReportHistory.all_history
@h = LazyHighCharts::HighChart.new('graph') do |f|
f.chart(:renderTo => 'container', :zoomType => 'x',:spacingRight=> 20)
    f.title(:text => 'Reports')
    f.xAxis(:title=>{:text => 'Days'}, :categories =>@fields.map{|x|x.Date}.last(limit=15))
    f.yAxis(:title=>{:text=> 'Jobs_count', :type =>'integer' ,:max => 5000000})
    f.series(:name =>'jobs_count', :data=> @fields.map{|x| x.jobs_count.to_i }.last(limit=15))
    f.export(:type=> 'image/jpeg')
end

在我看来，我要展示我有这个的图表

<%= high_chart("my_id", @h) %>

我想要像这里一样的效果，我可以使用导出按钮下载图表图像。

Answer 1

首先，您需要确保导出模块可用并由您的视图加载：

<%= javascript_include_tag "vendor/highcharts/highcharts.js" %>
<%= javascript_include_tag "vendor/highcharts/modules/exporting.js" %>

第二……没什么可做的。加载导出模块后，它将添加菜单以导出图形。

笔记：

• 您可能需要根据您的设置调整路径。
• 这exporting.js是您从 Highcharts 下载的软件包的一部分。

Answer 2

您可以在您的application.js

//= require highcharts/highcharts
//= require highcharts/highcharts-more
//= require highcharts/modules/no-data-to-display
//= require highcharts/modules/exporting

如果您还想更新 highcharts 的供应商资产，您可以运行：

rake highcharts:update