如何使用HighCharts在xAxis上列出日期（每天）

我正在尝试使用HighCharts在xAxis上显示日期（即按天）。 我正在使用带有Rails的Lazy High Charts gem来这样做。 对于HighCharts的“数据”参数，我传递的是[[date，revenue]，[date，revenue]，[date，revenue] …等]的嵌套数组。

带收入的yAxis工作正常，但xAxis中的相应日期不正常。

这是控制器代码：

def graph_orders sales_and_date_array = [] Order.revenue_to_array(sales_and_date_array) puts sales_and_date_array.inspect # http://jsfiddle.net/gh/get/jquery/1.7.2/highslide-software/highcharts.com/tree/master/samples/highcharts/series/data-array-of-arrays-datetime/ @chart = LazyHighCharts::HighChart.new('graph') do |f| f.title(:text => "Lono Sales") f.xAxis( type: 'datetime' ) f.series(:name => "Lono Sales Revenue", :yAxis => 0, :data => sales_and_date_array) f.yAxis [ {:title => {:text => "Revenue", :margin => 70} }, {:title => {:text => "Revenue"}, :opposite => true}, ] f.legend(:align => 'right', :verticalAlign => 'top', :y => 75, :x => -50, :layout => 'vertical',) f.chart({:defaultSeriesType=>"line"}) end end 

以下是’sales_and_date_array’的内容：

 [["2014-06-12", 208.28], ["2014-06-11", 416.56], ["2014-06-11", 624.84], ["2014-06-11", 833.12], ["2014-06-10", 1041.4], ["2014-06-09", 1249.68], ["2014-06-08", 1457.96], ["2014-06-08", 1666.24], ["2014-06-07", 1874.52], ["2014-06-07", 2082.8], ["2014-06-07", 2291.08],....etc 

以下是图表输出当前的样子：

有什么想法吗？

Answer 1

Highcharts不接受该格式的日期。 您可以传递Date.UTC对象，也可以以javascript纪元格式（以毫秒为单位）传递日期。

引用：

• http://www.epochconverter.com/

• https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Date/UTC

• highcharts js库接受日期的格式是什么？

Answer 2

确切的例子：

 @chart = LazyHighCharts::HighChart.new('graph') do |f| f.title(:text => 'History') f.xAxis(:type => 'datetime', :title => { text: 'Date' }) f.yAxis(:title => { text: 'Values' }) f.series(:name => 'Value', :data => YourModel .map { |i| [i.created_at.to_time.to_i * 1000, i.your_value] }) f.chart({:defaultSeriesType => 'line'})