플롯 그래프가 표시되지 않음

php를 사용하여 mySql 데이터베이스에서 데이터를 가져와 flot을 사용하여 그래프를 플롯합니다. 쿼리가 제대로 작동하지만 코드를 실행할 때 그래프가 표시되지 않습니다. 그래프가 있어야하는 곳에 빈 공간이 생깁니다. 당신의 X 값은 문자열처럼플롯 그래프가 표시되지 않음

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> 
<html> 
<head> 


<meta http-equiv="Content-Type" content="text/html; charset=utf-8"> 
<title>Flot Graph</title> 
<link href="layout.css" rel="stylesheet" type="text/css"> 

<script language="javascript" type="text/javascript" src="../jquery.js"></script> 
<script language="javascript" type="text/javascript" src="../jquery.flot.js"></script> 

</head> 
<body> 
<h1>Flot Graph</h1> 

<div id="placeholder" style="width:600px;height:300px;"></div> 

<?php 

$mysqli=new mysqli('localhost','root',"",'simpledb'); 

    $sql="select name, age from `people` where age=23"; 


    $results = $mysqli->query($sql); 
    if ($results) 
    { 
    while ($row=$results->fetch_assoc()) 
    { 
     $dataset1[] = array($row['name'],$row['age']); 
    } 
    } 
    else 
    { 

    echo "Error"; 
    } 

?> 


<script type="text/javascript"> 
var dataset1 = <?php echo json_encode($dataset1); ?>; 
$(function() 
{ 
$.plot($("#placeholder"), [ 
{ 
    data: dataset1, 
    bars: {show: true} 
    } 
]); 
}); 
</script> 



</body> 
</html>

출처

2013-10-31 user99592

그것은 보인다, 그러나 당신이 categories plugin을 포함하지 않은 : 여기에 내가 가진 것입니다.

출처

2013-10-31 12:32:04 DNS

저에 대해 알려 주셔서 감사합니다! 그러나 그것을 추가하고 여전히 작동하지 않습니다. var dataset1 = ; $ .plot ($ ("# placeholder"), [dataset1], {xaxis : {mode : "categories"}})); – user99592

@ user99592, 주어진 "정상적인"데이터는 저에게 적합합니다 : http://jsfiddle.net/Gz8yW/1/ – Mark

감사합니다. 나는 일하도록했다. 문제가 무엇인지 확실하지 않지만 자바 스크립트 부분을 다음과 같이 바꾼 후에 작동합니다.

});

출처

2013-11-01 10:56:22 user99592

플롯 그래프가 표시되지 않음

답변

관련 문제