教你一款极为简单实用的图表插件

这里介绍一款简单实用的图表插件，该图表插件是基于jquery和jquery的插件 gchart很容易实现的，而gchart插件是封装了google的图表api 。

一  柱状图

(1) 竖状单行条形直方图效果图：

以上数据取自某个网站六个月份的用户注册量 。从以上数据可以看出，一二月份注册用户数为0，图表能够清晰对比每个月份用户注册量的变化。

//月度报表
        function MonthReport() {
            $.ajax({
                url: "/Home/About",
                success: function (data) {
                    var json = eval(data);
                    var opt = {
                        data: json,
                        axis_labels: ["一月", "二月", "三月", "四月", "五月", "六月"],
                        legend: ["serie1", "serie2", "serie3", "serie4", "serie5", "serie6"],
                        title: "情缘图表",
                        size: "400x200"
                    };
                    var api = new jGCharts.Api();
                    jQuery(\'<img>\').attr(\'src\', api.make(opt)).appendTo("#myDIV");
                }
            });