3

こんにちは、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
            }
        });
    }
});

何も表示されません。誰か助けてください。

4

0 に答える 0