Question

$(function () {
  $('#container').highcharts({
      chart: {
          type: 'line'
      },
      title: {
          text: 'Test Progress'
      },
      xAxis: {
        title: {
            text: 'Date'
        },
        type: "datetime"
      },
      yAxis: {
          title: {
              text: 'Grade'
          }
      },
      credits: { enabled: false },
      series: [{

        data: [[1331028000000, 5], [1331031600000, 6], [1331035200000, 4]]
      }]
  });
});

通过关注此主题，http://stackoverflow.com/questions/9548326/what-format-does-the-highcharts-js-library-accept-for-dates

它说我可以在数据中以上述方式输入日期，但它显示时间而不是日期。

此外，我尝试了第一种方法，仍然给我时间。我该如何显示日期？

此外，我正在尝试从记录中获取日期并在那里显示它们，我需要以什么格式将它们转换为正确显示它们？

Answer 1

对于那些想知道的人，我提出的问题是

Test.where("user_id = ?", 25).order('created_at DESC').select(:grade,:created_at).map { |g| [ g.created_at.to_i * 1000, g.grade.to_i ] }.inspect

我将此查询包装在一个方法中，并在视图中调用该方法

series: [{

        data: <%= grades %>
      }]

这会创建这行代码

data: [[1454777030000, 25], [1454598308000, 50], [1454598191000, 75], [1454163373000, 100], [1454163332000, 100], [1454163177000, 100], [1454163000000, 0], [1454096412000, 50], [1454096220000, 50], [1454095875000, 0], [1454095853000, 50], [1454082249000, 22], [1454081128000, 100], [1453037445000, 100]]

似乎适用于highcharts

Highcharts显示时间而不是日期

1 个答案: