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のような、日間隔の時系列が欲しい/series-pointstart-datetime/ .

上記のコードは、次の 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. エリアスプラインはシリーズでなければなりません

x軸に日付を描画します。

于 2012-11-12T02:34:13.503 に答える