<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>jQuery鱼骨图</title>
<script src="https://libs.baidu.com/jquery/1.10.2/jquery.min.js"></script>
<script src="https://cdn.bootcss.com/html2canvas/0.5.0-beta4/html2canvas.js"></script>
<script src="./fishBone2.js"></script>
<link rel="stylesheet" href="./fishBone2.css">
</head>
<body>
<div class="wrapper">
<div class="fish-bone"></div>
</div>
<script>
var option = {
data:[
{
label:'John Resig提议改进Prototype的“Behaviour”库',
date:'2005年8月'
},
{
label:'John Resig等人创建了jQuery',
date:'2006年1月'
},
{
label:'jQuery 1.1.3版发布,这次小版本的变化包含了对jQuery选择符引擎执行速度的显著提升',
date:'2007年7月'
},
{
label:'jQuery 1.2.6版发布,这版主要是将Brandon Aaron开发的流行的Dimensions插件的功能移植到了核心库',
date:'2008年5月'
},
{
label:'jQuery 1.3版发布,它使用了全新的选择符引擎Sizzle',
date:'2009年1月'
},
{
label:'也是jQuery的四周年生日,jQuery 1.4版发布',
date:'2010年1月'
},
{
label:'jQuery 1.4.2版发布,它新增了有关事件委托的两个方法',
date:'2010年2月'
},
{
label:'jQuery 1.5版发布',
date:'2011年1月'
},
],
color:"chocolate",
dowload:true,
}
fishBone.init(".fish-bone",option)
</script>
</body>
</html>