離線3D交互式餅圖

-2

我想構建一個3D交互式餅圖。首先我使用谷歌圖表，但不幸的是這不能脫機工作。我使用jpgraph，jscharts和rgraph的圖表，但沒有我想要的效果。我想要一個圖表，它必須是免費的，離線工作，並且與谷歌圖形具有大致相同的外觀。有什麼建議？在此先感謝！離線3D交互式餅圖

重要我想使用我的分貝結果。我寫這篇文章的代碼，但不工作：

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(*)"]; 


        } 
        ?>] 



     ] 
    }] 
});

來源

2017-09-14 user8190974

您以何種形式收到您的數據？以下是使用外部數據源的餅圖的簡單示例：http://jsfiddle.net/ox50bLbn/。 –

-1

Highcharts方便地添加互動性，移動優化圖表到您的網絡和移動項目。它是免費的，離線服務您的要求。「https://www.highcharts.com/demo」

來源

2017-09-14 09:23:26 Jason

請參閱此[鏈接]（https://stackoverflow.com/a/46218712/8081811）。謝謝。 – Jason

請使用highchart，因爲它提供了各種類型的圖表，您也可以在離線模式下使用它。 https://www.highcharts.com/

來源

2017-09-14 09:27:28

讓我引導將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結果。
在數據中，我從我的數據庫中獲得活動和非活動的值。

對於用戶界面，請檢查這個fiddle link。
請讓我知道你是否有任何疑問。

來源

2017-09-14 12:07:47 Jason

離線3D交互式餅圖

回答

相關問題