2017-09-14 17 views
-2

私は3次元インタラクティブな円グラフを作成したい。まずはGoogleのグラフを使用しますが、残念ながらこれはオフラインでは機能しません。 jpgraph、jscharts、rgraphのグラフを使用しましたが、私が望む効果はありません。無料でなければならず、オフラインで作業し、Googleグラフとほぼ同じ外観のグラフが必要です。何かアドバイス? ありがとうございます!3次元インタラクティブな円グラフ

重要私のデータベースの結果を使用したいと思います。私はこのコードを書くが、いけない仕事:

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


        } 
        ?>] 



     ] 
    }] 
});           
+0

どのような形式でデータを受信しますか?次に、外部ソースからのデータを使用した円グラフの簡単な例を示します。http://jsfiddle.net/ox50bLbn/ –

答えて

-1

Highchartsこれを試してみたがdoesntの仕事あなたのウェブとモバイルプロジェクトにあなたの要件を満たす、オフラインで無料です。 「https://www.highcharts.com/demo

+0

[link](https://stackoverflow.com/a/46218712/8081811)を参照してください。ありがとうございました。 – Jason

0

さまざまな種類のグラフを提供し、オフラインモードでも使用できるので、ハイチャートを使用してください。 https://www.highcharts.com/

0

私は、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については、fiddle linkをご確認ください。
ご質問がある場合はお知らせください。

関連する問題