我需要帮助用Highcharts绘制这些数据

时间:2013-05-11 21:00:05

标签: highcharts

好吧,我对javascript了解不多 我有一些数据,我想用Highcharts绘制,现在我正在关注这个tuto: http://blueflame-software.com/blog/using-highcharts-with-php-and-mysql/ 我设法做了那个例子,但我有这样的不同数据:

    date        : temp

2013-05-08 20:17:26:-22

2013-05-08 20:18:26:-21

2013-05-08 20:24:26:-22

2013-05-08 20:37:26:-20

2013-05-08 20:40:26:-22

2013-05-08 20:47:26:-21

2013-05-08 20:52:26:-20

2013-05-08 20:53:26:-19

如何使用x轴中的日期和y轴中的temp来绘制此图

1 个答案:

答案 0 :(得分:0)

要在xaxis上绘制日期/时间,请使用xaxis type指定datetime

      xAxis: {
        type: 'datetime'
      }

接下来,您需要以Highcharts理解的时间格式格式化您的xvalues;从1970年1月1日午夜开始的毫秒数。您有两种选择:

  1. 按照示例链接解析日期字符串:

    line = line.split(/\t/);
    date = Date.parse(line[0] +' UTC'); // change timezone accordingly
    
  2. 让PHP / MySQL返回毫秒而不是数据库中的字符串:

    $result = mysql_query("SELECT UNIX_TIMESTAMP(timespan) * 1000, visits FROM highcharts_php");