离线3d交互式饼图

时间:2017-09-14 09:20:53

标签: javascript php charts

我想要构建一个3D交互式饼图。首先我使用谷歌图表但不幸的是,这不能脱机工作。我使用了jpgraph,jscharts和rgraph的图表,但没有我想要的效果。我想要一个必须是免费的图表,脱机工作并且与谷歌图形具有大致相同的外观。有什么建议? 提前谢谢!

重要我想使用我的数据库中的结果。我写这段代码但不行:

- (CGFloat)tableView:(UITableView *)tableView heightForRowAtIndexPath:(NSIndexPath*)indexPath {

     return  UITableViewAutomaticDimension;
}

我有这些疑问:

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'

3 个答案:

答案 0 :(得分:0)

请使用highchart,因为它提供了各种类型的图表,您也可以使用离线模式。 https://www.highcharts.com/

答案 1 :(得分: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结果的方式。
在数据中,我从数据库中获取活动和非活动值。

对于用户界面,请检查此fiddle link 如果您有任何疑问,请告诉我。

答案 2 :(得分:-1)

Highcharts可轻松为您的网络和移动项目添加交互式移动优化图表。它是免费的,离线的,满足您的要求。 “https://www.highcharts.com/demo