对fusionchar的二次封装(插件的原理)

核心代码:

$.mychart=function(option){
//这行代码 这是jQuery里面的参数继承
//默认参数定义
var defaults={
type:"column2d",
target:"chartContainer",
width:"100%",
heigh:360,
dataType:"xml",
data:""
};

var opts=$.extend({},defaults,option);

FusionCharts.ready(function(){
var revenueChart = new FusionCharts({
"type": opts.type,//统计报销的类型?? column3d pie3d pie2d
"renderAt": opts.target, //统计报表的目标
"width": opts.width,//统计报表的宽度
"height": opts.height,//统计报表的高度
"dataFormat": opts.dataType,//统计数据渲染的类型 json/xml两种格式
"dataSource": opts.data

});
revenueChart.render();
})

}

案例下载:http://pan.baidu.com/s/1dD6UbM5

posted on 2015-10-24 22:06  _javachen  阅读(177)  评论(0编辑  收藏  举报

导航