谷歌图表 - 如何设置X轴间隔?

时间:2014-02-24 13:13:14

标签: json charts intervals

我遇到了一个无法解决的问题。我正在使用谷歌图表的一些图表,但我不明白如何在X轴设置日期时间间隔,如:如果我的数据从06:24开始,它必须从06:00开始,然后07:00,08: 00等等。实际上我的gchart有效但延长了日期时间。

我发布了现在的图片:http://s17.postimg.org/mwd105r73/now.png

以及我需要的:http://s7.postimg.org/5nlttfgrf/want.png

这是我的代码:

$matrice = array();
$matrice[]= array ('Datetime','Valore');
//echo json_encode($matrice);

while($row = mysql_fetch_array($res)){
$val = $row['valore'];
$data = $row['data_'];
$matrice[] = array($data,floatval($val));

}?>

<script type="text/javascript" src="https://www.google.com/jsapi"></script>
<script type="text/javascript">
  google.load("visualization", "1", {packages:["corechart"]});
  google.setOnLoadCallback(drawChart);


  function drawChart() {

  var data = google.visualization.arrayToDataTable(<?php echo json_encode($matrice);?>
  );



    var options = {
    hAxis: {title: 'Data', titleTextStyle: {bold: true,color: 'black'}, 
            gridlines:{color: 'black'}},

    vAxis: {title: 'Temperatura in [C\u00b0]', titleTextStyle: {bold: true,
    color: 'black'}},
    backgroundColor: { fill:'transparent' },

    title: '<? echo $descrizione;?>',
    curveType: 'function',
    legend: { position: 'none' }
    };


 var chart = new   google.visualization.LineChart(document.getElementById('chart_div'));
    chart.draw(data, options);

  }

</script>

请帮助我:D谢谢大家!

0 个答案:

没有答案