javascript - 如何在 ruby​​ 上实现时间序列、可缩放 Highcharts

Question

我想在 ruby​​ 上实现时间序列、可缩放的 Highcharts ，如下图所示。 http://www.highcharts.com/demo/line-time-series

我使用 lazy_high_charts 获得了以下折线图但是我不知道如何获取时间序列图表。你能告诉我如何解决这个问题吗？

def show
  @graph = LazyHighCharts::HighChart.new('graph') do |f|
    f.title(text: 'A/B Price')
    f.xAxis(categories: @date_array)
    f.plotOptions(line: {marker: {enabled: false}})
    f.series(name: 'A/B', data: @rate_array)
  end
end

Answer 1

有两件事:

1) f.xAxis(categories: @date_array) - 创建一个类别数组，而您需要 f.xAxis(:type=> "datetime")反而。另外，@rate_array 应该是数组的数组，如下所示:

[ [date_1, value_1], [date_2, value_2], ... ]

2) 将类型从line更改为area，例如:

f.series(:type=> "area", :name=> 'A/B', :data=> @rate_array)