3D交互式饼图离线

Question

我想缩合3D交互式饼图。首先，我使用Google图表，但不幸的是，这无法脱机。我使用了JPGraph，Jscharts和Rgraph的图表，但没有我想要的效果。我想要一个必须免费的图形，离线工作，并且与Google Graph具有大致相同的外观。有建议吗？预先感谢！

很重要，我想使用DB的结果。我编写此代码，但不起作用：

data: [{
            name: 'Present',
            y: <?php 
              while( $row2 = mysql_fetch_assoc($res2)){
                echo $row2["COUNT(*)"];

                }
        }, {
            name: 'absentees',
            y: <?php 
              while( $row1 = mysql_fetch_assoc($res1)){
                echo $row1["COUNT(*)"];

                }

我有这些查询：

SELECT COUNT(*) 
FROM staff s, work w, absence a 
WHERE s.id=a.id_staff 
AND s.id_work=w.id 
AND w.name='sales manager' 
AND a.name='disease'
SELECT COUNT(*) 
    FROM staff s, work w, absence a 
    WHERE s.id=a.id_staff 
    AND s.id_work=w.id 
    AND w.name='sales manager'
    AND a.name='vacation'

我尝试这个但不起作用

    series: [{
        type: 'pie',
        name: 'Absent',
        data: [
            ['Absent Illness',  <?php


                   while( $row1 = mysql_fetch_assoc($res1)){
                     while( $row2 = mysql_fetch_assoc($res2)){
                    $row['COUNT(*)']=$row2['COUNT(*)'] - $row1['COUNT(*)'];
                    echo $row["COUNT(*)"];

                    }
                    }
                    ?>],
            ['Absent Vacation', 
            <?php
                   while( $row1 = mysql_fetch_assoc($res1)){

                    echo $row1["COUNT(*)"];

                    }
                    ?>]

        ]
    }]
});                                         

Answer 1

请使用HighChart，因为它提供了夸张的图表类型，您也可以使用IT离线模式。https://www.highcharts.com/

Answer 2

让我指导在饼图上显示mySQL结果。 function functionname() { $.ajax({ url : 'POST API LINK', type : 'GET', dataType : 'json', success : function(data) { var chart = new CanvasJS.Chart("chartContainer", { title : { text : "A suitable title" }, animationEnabled : true, zoomEnabled : false, data : [ { type : "pie", dataPoints : [ { y : data.active, indexLabel : "Active part=" + data.active }, { y : data.Inactive, indexLabel : "Inactive part=" + data.Inactive }, ] } ] }); chart.render(); }, error : function() { alert('sorry!Somthing went wrong in Pie chart'); } }); }

这就是您显示mySQL结果的方式。
在数据中，我从DB中获得了活跃和不活跃的价值。

对于UI，请检查此小提琴链接。
请让我知道您是否有任何疑问。