2013-04-08 77 views
0

我已经在Stackoverflow中搜索了有关此日期问题的修复程序中的高和低。我真的很努力地让日期显示在图表上,点正确地设置在它们上面。无法使Highcharts x轴日期工作

这里是JS脚本:

$(document).ready(function() { 
          var options = { 
           chart: { 
             renderTo: 'drawing', 
             zoomType: 'x', 
             width: 900, 
             height: 222 
            }, 
            exporting: { 
             enabled: true  
            }, 
            title: { 
             text: url+' - '+keyword 
            }, 
            credits: { 
             text: 'Testing', 
             href: '' 
            }, 
            xAxis: { 
             type: 'datetime' 
            }, 
            yAxis: [{ 
             allowDecimals: false, 
             reversed: true, 
             title: { 
              text: 'Rankings' 
             } 
            },], 
            tooltip: { 
             crosshairs: true, 
             shared: true 
            }, 
            series: [{}] 
          }; 

           var url = "****/chart.php"; 
           $.getJSON(url, function(data1){        

           options.series = data1; 
           var chart = new Highcharts.Chart(options); 
          });       
         }); 

这是我们的PHP脚本生成的JSON

[{"name":"Google Rank","data":[["Date.UTC(2013, 3, 08)",23],["Date.UTC(2013, 3, 05)",24],["Date.UTC(2013, 3, 04)",23],["Date.UTC(2013, 3, 03)",22],["Date.UTC(2013, 3, 02)",24],["Date.UTC(2013, 3, 01)",26],["Date.UTC(2013, 2, 31)",24],["Date.UTC(2013, 2, 30)",24],["Date.UTC(2013, 2, 29)",25],["Date.UTC(2013, 2, 28)",25],["Date.UTC(2013, 2, 27)",25],["Date.UTC(2013, 2, 26)",26],["Date.UTC(2013, 2, 25)",25],["Date.UTC(2013, 2, 24)",24],["Date.UTC(2013, 2, 23)",0],["Date.UTC(2013, 2, 22)",10],["Date.UTC(2013, 2, 21)",10],["Date.UTC(2013, 2, 20)",10],["Date.UTC(2013, 2, 19)",10],["Date.UTC(2013, 2, 18)",10],["Date.UTC(2013, 2, 17)",10],["Date.UTC(2013, 2, 16)",9],["Date.UTC(2013, 2, 15)",9],["Date.UTC(2013, 2, 14)",9],["Date.UTC(2013, 2, 13)",9]],"visible":true,"pointInterval":86400000,"showInLegend":true},{"name":"Bing Rank","data":[["Date.UTC(2013, 3, 08)",0],["Date.UTC(2013, 3, 05)",0],["Date.UTC(2013, 3, 04)",0],["Date.UTC(2013, 3, 03)",0],["Date.UTC(2013, 3, 02)",0],["Date.UTC(2013, 3, 01)",0],["Date.UTC(2013, 2, 31)",0],["Date.UTC(2013, 2, 30)",0],["Date.UTC(2013, 2, 29)",0],["Date.UTC(2013, 2, 28)",0],["Date.UTC(2013, 2, 27)",0],["Date.UTC(2013, 2, 26)",0],["Date.UTC(2013, 2, 25)",0],["Date.UTC(2013, 2, 24)",0],["Date.UTC(2013, 2, 23)",0],["Date.UTC(2013, 2, 22)",0],["Date.UTC(2013, 2, 21)",0],["Date.UTC(2013, 2, 20)",0],["Date.UTC(2013, 2, 19)",0],["Date.UTC(2013, 2, 18)",0],["Date.UTC(2013, 2, 17)",0],["Date.UTC(2013, 2, 16)",0],["Date.UTC(2013, 2, 15)",0],["Date.UTC(2013, 2, 14)",0],["Date.UTC(2013, 2, 13)",0]],"visible":true,"pointInterval":86400000,"showInLegend":true},{"name":"Yahoo Rank","data":[["Date.UTC(2013, 3, 08)",0],["Date.UTC(2013, 3, 05)",0],["Date.UTC(2013, 3, 04)",0],["Date.UTC(2013, 3, 03)",0],["Date.UTC(2013, 3, 02)",0],["Date.UTC(2013, 3, 01)",0],["Date.UTC(2013, 2, 31)",0],["Date.UTC(2013, 2, 30)",0],["Date.UTC(2013, 2, 29)",0],["Date.UTC(2013, 2, 28)",0],["Date.UTC(2013, 2, 27)",0],["Date.UTC(2013, 2, 26)",0],["Date.UTC(2013, 2, 25)",0],["Date.UTC(2013, 2, 24)",0],["Date.UTC(2013, 2, 23)",0],["Date.UTC(2013, 2, 22)",0],["Date.UTC(2013, 2, 21)",0],["Date.UTC(2013, 2, 20)",0],["Date.UTC(2013, 2, 19)",0],["Date.UTC(2013, 2, 18)",0],["Date.UTC(2013, 2, 17)",0],["Date.UTC(2013, 2, 16)",0],["Date.UTC(2013, 2, 15)",0],["Date.UTC(2013, 2, 14)",0],["Date.UTC(2013, 2, 13)",0]],"visible":true,"pointInterval":86400000,"showInLegend":true}] 

回答

0

在JSON无法使用功能,如Date.UTC(),所以我的建议使用时间戳编号。

+0

嗨,谢谢你的回复。首先,我已经改变了它,所以他们现在发出时间戳,但图表显示了“时间”,例如:18:40,18:45,18:50,18:55等等。然后当我将鼠标悬停在每个点,我只能查看第一个和最后一个点.. – 2013-04-08 11:16:45

+0

你是否按x排序数据,升序? – 2013-04-08 11:17:42

+0

我不太确定..上面的JS代码仍然和现在一样。 – 2013-04-08 11:19:04