zoukankan      html  css  js  c++  java
  • jquery.tochart.js

    var _jq, _hc;
    var jqsrc = "http://code.jquery.com/jquery-1.7.min.js";
    var hcsrc = "http://code.highcharts.com/highcharts.js";
    
    function checkJquery() {
        if(typeof(jQuery) == "function") {
            window.clearInterval(_jq);
            initHighcharts();
        }
    }
    function checkHighcharts() {
        if(typeof(jQuery("body").highcharts) == "function") {
            window.clearInterval(_hc);
            initTochart();
        }
    }
    function initJquery() {
        if(typeof(jQuery) != "function") {
            var jq = document.createElement("script");
            jq.type = "text/javascript";
            jq.src = jqsrc;
            document.body.appendChild(jq);
    
            _jq = window.setInterval(checkJquery, 500);
        } else {
            initHighcharts();
        }
    }
    function initHighcharts() {
        if(typeof(jQuery("body").highcharts) != "function") {
            var hc = document.createElement("script");
            hc.type = "text/javascript";
            hc.src = hcsrc;
            document.body.appendChild(hc);
    
            _hc = window.setInterval(checkHighcharts, 500);
        } else {
            initTochart();
        }
    }
    function initTochart() {
        jQuery.fn.tochart = function(options) {
            var defaults = {x: 0, sort: null, include: [], exclude: []};
            var opts = $.extend(defaults, options);
    
            var title = {}, rtitle = {};
            jQuery.each(jQuery(this).find("tr:first").find("th"), function(i, o) {
                title[i] = jQuery(o).text();
                rtitle[jQuery(o).text()] = i;
            });
    
            var include = [], exclude = [];
            
            if(!opts.x) opts.x = 0; 
            else if(typeof(opts.x) == "string") opts.x = rtitle[opts.x] || 0;
            else if(!typeof(opts.x) != "number") opts.x = 0;
    
            if(opts.include instanceof Array) {
                for(var i = 0; i < opts.include.length; i++) {
                    var c = opts.include[i];
                    if(typeof(c) == "number") include.push(c);
                    else if(typeof(c) == "string" && rtitle[c] != undefined) include.push(rtitle[c]);
                }
            }
    
            if(opts.exclude instanceof Array) {
                for(var i = 0; i < opts.exclude.length; i++) {
                    var c = opts.exclude[i];
                    if(typeof(c) == "number") exclude.push(c);
                    else if(typeof(c) == "string" && rtitle[c] != undefined) exclude.push(rtitle[c]);
                }
            }
    
            var rows = jQuery(this).find("tr");
            if(typeof(opts.sort) == "boolean") {
                rows.sort(function(a, b) {
                    return jQuery(a).find("td:eq(" + opts.x + ")").text().localeCompare(jQuery(b).find("td:eq(" + opts.x + ")").text()) * (opts.sort ? 1 : -1);
                });
            }
    
            var data = {};
            jQuery.each(rows, function(i, o) {
                jQuery.each(jQuery(o).find("td"), function(j, p) {
                    if(data[j] == undefined) {
                        data[j] = [];
                    }
                    if(j == opts.x) {
                        data[j].push(jQuery(p).text());
                    } else if(!isNaN(jQuery(p).text())) {
                        data[j].push(parseFloat(jQuery(p).text()));
                    } else {
                        data[j].push(0);
                    }
                });
            });
    
            var ys = [];
            for(var c in title) {
                var i = parseInt(c);
                if(i != opts.x && (include.length == 0 || include.indexOf(i) != -1) && (exclude.length == 0 || exclude.indexOf(i) == -1)) {
                    ys.push({name: title[i], data: data[i]});
                }
            }
    
            jQuery("body").append("<div id="__chart" style="display: block;"></div>");
            jQuery("#__chart").highcharts({
                title: {
                    text: ""
                },
                credits: {
                    enabled: false
                },
                xAxis: {
                    categories: data[opts.x]
                },
                series: ys,
                tooltip: {
                    formatter: function() {
                        return this.x + "<br />" + this.series.name + ": " + this.y;
                    }
                }
            });
        }    
    }
    
    initJquery();

    用法: $('table').tochart({x:'日期',sort:true,exclude:['ID']}) 

  • 相关阅读:
    Tomcat 容器的安全认证和鉴权
    Tomcat 中的 Session 和 Cookie
    Tomcat 类加载器的实现
    Tomcat 对静态资源的处理
    Tomcat 路由请求的实现 Mapper
    Tomcat 配置文件解析工具 Digester
    Tomcat 容器的设计和实现
    ArrayList 和 LinkedList 源码分析
    Mybatis自定义分布式二级缓存实现与遇到的一些问题解决方案!
    Dubbo序列化多个CopyOnWriteArrayList对象变成同一对象的一个大坑!!
  • 原文地址:https://www.cnblogs.com/jieyuefeng/p/3798458.html
Copyright © 2011-2022 走看看