显示错误值的高图表日期时间转换

High chart date time conversion showing wrong values

本文关键字：日期 时间 转换 高图表 错误 显示      更新时间：2023-09-26

下面是我在高图表上的简单图表。一切似乎都很好，但我现在唯一的问题，我的数据只有两个 2012-05-26 01：00：00、200 和 2012-05-26 02：00：00，300。y 轴显示正常。但是在 x 轴上，它显示时间从 17：00 开始，到 18：00 结束，甚至没有显示日期。可能是什么问题？

<?php
    define('DB_HOST', '*******');
    define('DB_USER', 'user1');
    define('DB_PASSWORD', 'test1');
    define('DB_DATABASE', 'db1');
 $dbcnx = mysql_connect(DB_HOST, DB_USER, DB_PASSWORD);
 mysql_select_db('db1');
$sql = "select unix_timestamp(datetime1) as datetime1, value1 from data";
$result = mysql_query($sql,$dbcnx);
$data = array();
while ($row = mysql_fetch_array($result)) {
   //extract $row;
   //$datetime1 = $row['dateTime1']*1000;
   $datetime = $row['datetime1']*1000; 
   //echo $datetime;
   echo $row['value1'];
   $val  = $row['value1'];
   // convert from Unix timestamp to JavaScript time
   $data[] = "[$datetime, $val]";
}
?>
<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
        <title>Highcharts Example</title>
        <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
        <script type="text/javascript">
$(function () {
    $(document).ready(function() {
      //alert("TS");
      var chart = new Highcharts.Chart({
      chart: {
         renderTo: 'container',
                type: 'line',
                marginRight: 130,
                marginBottom: 25
      },
      series: 
        [{
         data: [<?php echo join($data, ',') ?>]
      }],
      xAxis: { type: 'datetime'}
   });
  });
});
        </script>
    </head>
    <body>
<script src="js/highcharts.js"></script>
<script src="js/modules/exporting.js"></script>
<div id="container" style="min-width: 400px; height: 400px; margin: 0 auto"></div>
    </body>
</html>
我不知道

你通过高图表的数据是什么。 通过它的声音，你只传递它两个数据点。 是否已验证查询是否正在提取所需的数据？ 如果是这样，你能在这里发布应该在高图表中的数据吗？ 另外，您可以在此处发布在网页视图源中生成的高图表吗？

就 xaxis 标签而言，由于它们是日期时间格式，因此图表将以它认为合适的最佳方式呈现它们。 如果您不喜欢它们的呈现方式，可以使用 dateTimeLabelFormats 控制图表的日期时间格式。 您还可以使用 tickInterval 控制显示日期的间隔。

相关文章：