教你开发一款极为简单实用的jQuery图表插件(1)(2)

时间:2013-03-06 14:58来源:未知作者:admin 点击: 次

分享到：

四饼图 498)this.width=498;' onmousewheel = 'javascript:return big(this)' alt="" src="http://www.1sohu.com/sp/attachments/2013/03/1_2013030616455917i2I.jpg" width="313" height="200" /> 498)this.wid

四饼图

一般情况下我最细的是饼图，给人的感觉就是很不错。以上两个图其实就这是类型不同而已

//饼图  
        function QuarterPie(){  
            $.ajax({  
                url: "/Home/GetQuarterPie",  
                success: function (data) {  
                    var json = eval(data);  
                    var opt = {  
                        data: json,  
                        title: "情缘图表",  
                        axis_labels: ["一月", "二月", "三月","四月"],  
                        size: "400x200",  
                        type: "p" 
                    };  
                    var api = new jGCharts.Api();  
                    jQuery('<img>').attr('src', api.make(opt)).appendTo("#myQuarterPie");  
                }  
            });  
        }  
 
 
//3D饼图  
        function Quarter3DPie(){  
            $.ajax({  
                url: "/Home/GetQuarterPie",  
                success: function (data) {  
                    var json = eval(data);  
                    var opt = {  
                        data: json,  
                        title: "情缘图表",  
                        axis_labels: ["一月", "二月", "三月","四月"],  
                        size: "400x200",  
                        type: "p3" 
                    };  
                    var api = new jGCharts.Api();  
                    jQuery('<img>').attr('src', api.make(opt)).appendTo("#myQuarter3DPie");  
                }  
            });  
        }