gpt4 book ai didi

javascript - 使用 Highcharts 制作的折线图在 Xaxis 上显示时间

转载 作者:行者123 更新时间:2023-11-29 22:26:47 25 4
gpt4 key购买 nike

我正在使用 Highcharts 制作折线图,除了 X 轴之外一切都很好。它没有显示我从 mysql 获得的正确数据。这是我现在的图表,但它不是我所期望的。 X 轴行自动将我的所有数据更改为 01:[我的分钟]:[我的分钟],例如:我的数据是:2015-05-12 08:23:40 它会自动转换为 01:23:40。我不知道为什么

http://imgur.com/YSC7vTl,Y4jYQ8q#0

我需要一个像这样的图表,但我不知道如何解决它,请帮助我。

http://imgur.com/YSC7vTl,Y4jYQ8q#1

我的代码如下:

<?php 

$query = "select distinct idchip from datatable ";
$result = mysql_query( $query );
$rows = array();
$count = 0;

while( $row = mysql_fetch_array( $result ) ) {

$table = array();

$query2 = "select datetime,temperature from datatable where idchip=".$row['idchip'].' group by datetime ';
$query3 = "select datetime from datatable where idchip=".$row['idchip'].' group by datetime ASC';
$timeresult = mysql_query($query3);

while($datatime = mysql_fetch_array($timeresult))
{
$newtime .= $datatime['0'].',';


$newcates .= "'".$datatime['0']."',";
}

$total= explode(",", $newtime);
array_pop($total);
$count = 0;

$dataresult = mysql_query($query2);
while($datarow = mysql_fetch_array($dataresult))
{

$data = '';
//$datatimes = '';

$datatimes .= $datarow['0'].',';

//$stringtime .= $datatimes;


/* $timetotal = explode(",",$datatimes);

array_pop($timetotal);
echo count($total).' |'; */

//echo count($timetotal).' |';
//echo $timetotal[$count]." |";
//$data .= "[moment('".$datarow['0']."').valueOf(),".(integer)$datarow['1']."],";
$data .= "[moment('".$datarow['0']."').valueOf(),".(integer)$datarow['1']."],";
$stringdata .= $data;

}

$newstring = $stringdata ;
//$total = '';
//$newtime = '';
$stringdata = '';
$stringtime = '';

//$stringcates = '';
//echo $newstring;


$namedata = "{name:'Chip ".$row["idchip"]."',data:[$newstring],type: 'spline'},";
$getall .= $namedata;

}

$serries = 'series: [ '.$getall.' ]';



?>

这是我的 XAxis

xAxis: {

type: 'datetime',
datetime:[<?=$newcates?>],
minTickInterval: moment.duration(1, 'month').asMinutes()
},

这是我的数据库,看起来像:

                id  idchip  datetime       signal temperature
Edit Delete 1 5 2015-05-12 08:24:40 + 29
Edit Delete 12 5 2015-05-12 08:23:40 + 031
Edit Delete 3 6 2015-05-12 08:27:55 + 29
Edit Delete 4 7 2015-05-12 08:26:01 + 50
Edit Delete 5 5 2015-05-12 08:25:12 + 28
Edit Delete 6 6 2015-05-12 08:28:32 + 29
Edit Delete 7 6 2015-05-12 08:24:42 + 30
Edit Delete 8 5 2015-05-12 08:27:58 + 29
Edit Delete 9 5 2015-05-12 08:26:02 + 31
Edit Delete 10 5 2015-05-12 08:26:13 + 29
Edit Delete 11 5 2015-05-12 08:26:53 + 32

最佳答案

问题已解决,您只需添加此代码即可,一切正常。

$(function() {
Highcharts.setOptions({
global: {
useUTC: false
}
});
});

关于javascript - 使用 Highcharts 制作的折线图在 Xaxis 上显示时间,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/30208298/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com