Javascript 谷歌绘制的线条图似乎可以追溯到过去
我正在使用谷歌图表API制作一个折线图。出于某种原因,看起来有一些数据点可以追溯到过去 我不确定为什么会发生这种情况,是因为我如何将日期保存到MySQL数据库,还是因为API和javascript。我听说月数是从0-11开始计算的,而不是从1-12开始计算的,但我认为这不是问题所在,因为今天的日期只有几个小时 下面是我将日期保存到MySQL表的代码:Javascript 谷歌绘制的线条图似乎可以追溯到过去,javascript,mysql,datetime,google-visualization,Javascript,Mysql,Datetime,Google Visualization,我正在使用谷歌图表API制作一个折线图。出于某种原因,看起来有一些数据点可以追溯到过去 我不确定为什么会发生这种情况,是因为我如何将日期保存到MySQL数据库,还是因为API和javascript。我听说月数是从0-11开始计算的,而不是从1-12开始计算的,但我认为这不是问题所在,因为今天的日期只有几个小时 下面是我将日期保存到MySQL表的代码: $dateTime = new DateTime(); $date = $dateTime->format('Y-m-d H:i:s');
$dateTime = new DateTime();
$date = $dateTime->format('Y-m-d H:i:s');
$sql = "INSERT INTO prices (priceLBTC, dt)
VALUES ($bitcoinPrice, '$date')";
if ($conn->query($sql) === TRUE) {
echo "New record created successfully";
} else {
echo "Error: " . $sql . "<br>" . $conn->error;
}
$dateTime=newdatetime();
$date=$dateTime->format('Y-m-dh:i:s');
$sql=“插入到价格中(priceLBTC,dt)
价值($bitcoinPrice,$date')”;
if($conn->query($sql)==TRUE){
echo“新记录创建成功”;
}否则{
echo“Error:”.$sql.“
”$conn->Error;
}
以下是我创建线条图的方法:
google.load('visualization', '1', {packages: ['corechart', 'line']});
google.setOnLoadCallback(drawAxisTickColors);
function drawAxisTickColors() {
var data = new google.visualization.DataTable();
data.addColumn('datetime', 'Date');
data.addColumn('number', 'Price');
var dateArr2 = (<?php echo json_encode($dateArr); ?>).reverse();
// for (i = 0; i < dateArr2.length; i++) {
// dateArr2[i] = dateArr2[i].split(/[- :]/);
// }
var bitcoinArr = (<?php echo json_encode($bitcoinPriceArr); ?>).reverse();
var length = Math.min(dateArr2.length, bitcoinArr.length);
var rows = [];
for (var i = 0; i < length; ++i) {
rows.push([new Date((dateArr2[i]).replace(/-/g, '/')), bitcoinArr[i]]);
}
data.addRows(rows);
var options = {
// backgroundColor: '#E4E4E4',
curveType: 'function',
chartArea: {
left: 0,
top: 0,
right: 0,
bottom: 0,
width: "100%",
height: "100%"
},
hAxis: {
textPosition: 'none',
baselineColor: 'none',
gridlines: {
color: 'none'
},
},
vAxis: {
textPosition: 'none',
baselineColor: 'none',
gridlines: {
color: 'none'
}
},
colors: ['#2098d4', '#ffffff'],
legend: 'none'
};
var chart = new google.visualization.LineChart(document.getElementById('chart_div'));
chart.draw(data, options);
}
google.load('visualization','1',{packages:['corechart','line']});
setOnLoadCallback(drawAxistickColor);
函数drawAxisTickColors(){
var data=new google.visualization.DataTable();
data.addColumn('datetime','Date');
data.addColumn(“数字”、“价格”);
var dateArr2=().reverse();
//对于(i=0;i
如果我们能够看到数据,重新创建图表,回答起来会更容易……在绘制图表之前,请确保数据的顺序与您希望的顺序一致(即按时间排序)。这可能会解决您的问题。如果我们能看到数据,重新创建图表,回答起来会更容易。在绘制图表之前,请确保您的数据按您希望的方式排序(即按时间排序)。这可能会解决你的问题。。