Y軸の値はmorris javascriptで渡されません

Question

私は、morris javascriptを使用してPHPを介してmysqlから値を渡して、動的な棒グラフを表示しようとしましたが、値はx軸のみが渡されます。したがって、グラフは空白です。私はそれを見つけることができなかったので、すべての研究をしました。あなたの助けが必要です。私はプログラミングが初めてです。

Morris.Bar({ 
 
element : 'chart', 
 
data:[<?php echo $chart_data; ?>], 
 
xkey:'gp_submit', 
 
ykeys:['cnt'], 
 
labels:['Submitted','cnt'], 
 
hideHover:'auto', 
 
stacked:true 
 
});

<?php $connect = mysqli_connect("localhost", "root", "", "hr"); 
 
$query = "SELECT gp_submit AS dt, name AS cnt FROM `emp_det` where gp_submit>=DATE_SUB(NOW(), INTERVAL 1 WEEK) GROUP BY gp_submit"; 
 
$result = mysqli_query($connect, $query); 
 
$chart_data = ''; 
 
while($row = mysqli_fetch_array($result)) 
 
{ 
 
$chart_data .= "{ gp_submit:'".$row["dt"]."', cnt:'".$row["cnt"]."'}, "; 
 
} 
 
$chart_data = substr($chart_data, 0, -2); 
 
?>

<div id="chart" style="width:100%; height:280px;"></div>

Answer 1

そのあなたがそこに合格されていないため、適切なJSON

この

$chart_data = array(); 
while($row = mysqli_fetch_array($result)) 
{ 
$chart_data []['gp_submit']= $row["dt"]; 
$chart_data[]['cnt] = $row["cnt"]; 
} 

とJSのように試してみてください。

Morris.Bar({ 
element : 'chart', 
data:<?php echo json_encode($chart_data, JSON_NUMERIC_CHECK); ?>, 
xkey:'gp_submit', 
ykeys:['cnt'], 
labels:['Submitted','cnt'], 
hideHover:'auto', 
stacked:true 
}); 

これはうまくいくはずです。

Answer 2

new Morris.Bar({ 
    element: "bargraph", 
    data: d_data,//getBarData(data,periodvalue,year),//data, 
    xkey: "day", 
    ykeys: ["total","confirm"], 
    xLabels:'day Month', 
    labels: [total,confirm], 
    barColors: ['#0b62a4','#7BB661'] 
}); 

Morris.Bar({ 
    element : 'chart', 
    data:[<?php echo $chart_data; ?>], 
    xkey:'gp_submit', 
    ykeys:['here you haveto put value','cnt'], 
    labels:['Submitted','cnt'], 
    hideHover:'auto', 
    stacked:true 
});