こんにちは、mysql データベースからデータを取得して flot pie を作成しようとしています。データは次のようになっています。
配列内のデータ
$配列 = 配列();
$Array[0] = 配列(); $配列[1] = 配列(); $Array[2] = 配列();
$Array[0]['label'] = 'グレード A'; $Array[1]['label'] = 'グレード B'; $Array[2]['label'] = 'グレード C';
$Array[0]['color'] = '#89A54E'; $Array[1]['color'] = '#AA4643'; $Array[2]['color'] = '#4572A7';
$Array[0]['data'][0] = 配列(1,700); $Array[1]['data'][0] = 配列(1,500); $Array[2]['data'][0] = 配列(1,600);
echo json_encode($配列);
そしてこのmysql
$server = "localhost";
$user="root";
$password="";
$database = "db_test";
$connection = mysql_connect($server,$user,$password);
$db = mysql_select_db($database,$connection);
$query = "SELECT * FROM pie";
$result = mysql_query($query);
while ($record = mysql_fetch_assoc($result)) {
$event_array[] = array(
'label' => $record['label'],
'color' => $record['color'],
'data' => $record['data']
);
}
echo json_encode($event_array);
私のflot js
$.ajax
({
type:'POST',
dataType: 'JSON',
url:'data.php',
success: function(data)
{
$.plot($('#Pie'), data,
{
series:
{
pie:
{
show: true,
innerRadius: 0.4,
radius: 1,
label: {
show: true,
radius: 1,
formatter: function(label, series)
{
return "<div style='font-size:11px; text-align:center; padding:2px; color:white;'>"+label+"<br/>"
+Math.round(series.percent)+"%</div>";
},
background:
{
opacity: 0.8
}
}
}
},
grid:
{
hoverable: true
},
legend:
{
show: false
}
});
}
});
何も表示されません。誰か助けてください。