1

我正在尝试使用https://github.com/michelson/lazy_high_charts来呈现一个简单的面积图，其中 x 轴上的日期和 y 轴上的分数。我使用了以下来自lazy_high_charts 的片段。图形已呈现，但 x 轴不是日期。

@h = LazyHighCharts::HighChart.new('graph', style: '') do |f|
  f.options[:chart][:defaultSeriesType] = "area"
  f.options[:plotOptions] = {areaspline: {pointInterval: 1.day, pointStart: 10.days.ago}}
  f.series(:name=>'John', :data=>[3, 20, 3, 5, 4, 10, 12 ,3, 5,6,7,7,80,9,9])
  f.series(:name=>'Jane', :data=> [1, 3, 4, 3, 3, 5, 4,-46,7,8,8,9,9,0,0,9])
  f.xAxis(type: :datetime)
end

我想有一个天间隔的时间序列，像这样http://jsfiddle.net/gh/get/jquery/1.7.2/highslide-software/highcharts.com/tree/master/samples/highcharts/plotoptions /系列点开始日期时间/。

上面的代码生成以下 html ( http://jsfiddle.net/nUxvA/ )

我试图比较两者并且情节选项不同。如何在 x 轴上设置日间隔刻度？

4

1 回答 1

0

上面的代码有3个问题。

  1. pointInterval 必须以毫秒为单位，因此 1.day 应该是 1.day * 1000
  2. pointStart 必须以 UTC 毫秒为单位，因此 10.days.ago 应该是 10.days.ago.getutc.to_i * 1000
  3. areaspline 应该是系列

在 x 轴上绘制日期。

于 2012-11-12T02:34:13.503 回答