Php 谷歌图表-外部文本文件中的多系列动态折线图
我正在尝试使用文本文件中的外部数据在谷歌图表中创建动态折线图。我能够得到一个单一的系列图表工作,但没有任何成功的额外系列。我正在尝试的是: X轴:时间(不是必需的数据点,如果需要,我可以删除) Y轴:客户和价值 ############# 更新:在玩了代码之后,下面的屏幕截图就是我被卡住的地方。我已经更新了下面的代码和源文本/csv数据,以反映屏幕截图中的结果: 我的文本文件示例:Php 谷歌图表-外部文本文件中的多系列动态折线图,php,dynamic,charts,google-visualization,Php,Dynamic,Charts,Google Visualization,我正在尝试使用文本文件中的外部数据在谷歌图表中创建动态折线图。我能够得到一个单一的系列图表工作,但没有任何成功的额外系列。我正在尝试的是: X轴:时间(不是必需的数据点,如果需要,我可以删除) Y轴:客户和价值 ############# 更新:在玩了代码之后,下面的屏幕截图就是我被卡住的地方。我已经更新了下面的代码和源文本/csv数据,以反映屏幕截图中的结果: 我的文本文件示例: 12:00 1 -63 12:00 2 -57 1:00 1 -65 1:00 2 -51 2:00 1 -53
12:00 1 -63
12:00 2 -57
1:00 1 -65
1:00 2 -51
2:00 1 -53
2:00 2 -47
3:00 1 -63
3:00 2 -57
4:00 1 -65
4:00 2 -51
5:00 1 -53
5:00 2 -47
HTML/PHP:
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Cache-Control" content="no-cache, no-store, must-revalidate" />
<meta http-equiv="Pragma" content="no-cache" />
<meta http-equiv="Expires" content="0" />
<script src="https://www.google.com/jsapi"></script>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
<script type="text/javascript">
google.load('visualization', '1.0', {'packages':['corechart']});
google.setOnLoadCallback(drawChart);
function drawChart () {
function datarefresh () {
$.ajax({
url: '/hsd/tmp/24SignalStrength.csv',
type: 'get',
success: function (txt) {
var dataArray = [['Time','Client','Value']];
var txtArray = txt.split('\n');
for (var i = 0; i < txtArray.length; i++) {
var tmpData = txtArray[i].split(/\s+/);
dataArray.push([(tmpData[0]), parseInt(tmpData[1]), parseInt(tmpData[2])]);
}
var data = google.visualization.arrayToDataTable(dataArray);
var chart = new google.visualization.LineChart(document.querySelector('#chart_div'));
var options = {
'title':'2.4GHz Connected Clients Signal Strength',
'width':800,'height':600,
'curveType':'function',
// legend: 'none'
};
chart.draw(data,options);
}
});
}
setInterval(datarefresh, 1000);
}
google.load('visualization', '2', {packages:['corechart'], callback: drawChart});
</script>
</head>
<body>
<div id="chart_div"></div>
</body>
</html>
load('visualization','1.0',{'packages':['corechart']});
setOnLoadCallback(drawChart);
功能图(){
函数datarefresh(){
$.ajax({
url:“/hsd/tmp/24SignalStrength.csv”,
键入:“get”,
成功:函数(txt){
var dataArray=['Time'、'Client'、'Value']];
var txtArray=txt.split('\n');
对于(var i=0;i
我忘了提到客户端的数量不是静态的。在某些情况下,它将有3个客户端,其他5个客户端,等等。。再次感谢你。你想对客户做什么?您想为每个不同的客户端设置一条线路吗?正确-我正在尝试按客户端连续监视信号电平。所需的两个变量是:a)客户机(因为他们可以随时离开/加入),和b)信号级别。我添加了一个时间戳,因为这将随时间测量,但是这对我来说不太重要,因为它应该遵循记录到日志中的顺序。谢谢你的回复!