谷歌图表xAxis必须包含日期时间

我需要创建一个图表使用谷歌图表与xAxis代表日期时间和yAxis代表我的传感器温度。谷歌图表xAxis必须包含日期时间

我它与Java

下面结合是我的代码：

<script type="text/javascript"> 
     google.load("visualization", "1", {packages:["corechart"]}); 
     google.setOnLoadCallback(drawChart); 
     function drawChart() { 
      var data = new google.visualization.DataTable(); 
      data.addColumn('datetime', 'Date'); 
      data.addColumn('number', 'Temperature'); 

     <% 
      for (MyDateTimeFormat key : hm.keySet()) { 
       out.print("data.addRow([new Date("+key.year+","+key.month+","+key.day+","+key.hour+","+key.minute+","+key.second+"), "+hm.get(key)+"]);"); 
      }%> 

     var options = { 
      title: '<% out.print(((ConfigItemTemperatureSensor)item).getId()+" P"+((ConfigItemTemperatureSensor)item).getPort()+((ConfigItemTemperatureSensor)item).getPin()+" "+((ConfigItemTemperatureSensor)item).getName()); %>' 
     }; 

     var chart = new google.visualization.LineChart(document.getElementById('chart_div')); 
     chart.draw(data, options); 
     } 
    </script>

MyDateTimeFormat的值如下：

MyDateTimeFormat [year=2014, month=01, day=07, hour=17, minute=05, second=56] 
MyDateTimeFormat [year=2014, month=01, day=07, hour=17, minute=06, second=01] 
MyDateTimeFormat [year=2014, month=01, day=07, hour=17, minute=06, second=06] 
MyDateTimeFormat [year=2014, month=01, day=07, hour=17, minute=06, second=11] 
MyDateTimeFormat [year=2014, month=01, day=07, hour=17, minute=06, second=16] 
MyDateTimeFormat [year=2014, month=01, day=07, hour=17, minute=06, second=21]

，其结果是完全错误的： enter image description here

来源

2014-01-07 tzortzik

看着你的l OOP用于填充图表数据：

for (MyDateTimeFormat key : hm.keySet()) { 
      out.print("data.addRow([new Date("+key.year+","+key.month+","+key.day+","+key.hour+","+key.minute+","+key.second+"), "+hm.get(key)+"]);"); 
     }%>

如果变量HM是一个HashMap，那么这将是无序这或许可以解释为什么图表看起来它的方式。

你既可以将图表更改为散点图或填充VAR 数据

来源

2014-01-07 14:41:53

您也可以调用'data.sort（0）;'来对javascript中的数据进行排序。 – asgallant

从大卫霍奇森前面的回答解释了我的问题的原因之前排序键集。

要知道像HashMap这样的集合中元素的插入顺序是不可能的。如果你想知道这个顺序，你可以使用LinkedHashMap。就我而言，这个班级解决了这个问题。

LinkedHashMap与HashMap相似，它们唯一的区别是LinkedHashMap知道插入顺序。

谢谢大卫霍奇森！

来源

2014-01-07 15:14:38 tzortzik

谷歌图表xAxis必须包含日期时间

回答

相关问题