├── .gitignore
├── doc
    ├── img
    │   ├── bg_hr.png
    │   ├── blacktocat.png
    │   ├── carousel1.jpg
    │   ├── carousel2.jpg
    │   ├── icon_download.png
    │   ├── sprite_download.png
    │   ├── glyphicons-halflings.png
    │   └── glyphicons-halflings-white.png
    ├── screenshots
    │   ├── bar.jpg
    │   ├── line.jpg
    │   ├── pie.jpg
    │   └── polar.jpg
    ├── css
    │   ├── fonts
    │   │   ├── glyphicons-halflings-regular.eot
    │   │   ├── glyphicons-halflings-regular.ttf
    │   │   └── glyphicons-halflings-regular.woff
    │   ├── styles.css
    │   ├── bootstrap-theme.min.css
    │   └── bootstrap-theme.css
    ├── js
    │   ├── application.js
    │   ├── doc.js
    │   ├── holder.min.js
    │   ├── highlight.min.js
    │   ├── bootstrap.min.js
    │   └── JChart.min.js
    └── index.html
├── demo
    ├── style.css
    ├── radar.html
    ├── bar.html
    ├── polar.html
    ├── line.html
    └── pie.html
├── README.md
├── package.json
├── Gruntfile.js
├── JChart.json
└── src
    ├── JChart.Bar.js
    ├── JChart.Line.js
    ├── JChart.Polar.js
    ├── JChart.Radar.js
    ├── JChart.Pie.js
    ├── JChart.Canvas.js
    ├── JChart.Chart.js
    ├── JChart.js
    └── JChart.Scale.js


/.gitignore:
--------------------------------------------------------------------------------
1 | /node_modules
2 | 


--------------------------------------------------------------------------------
/doc/img/bg_hr.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/shixy/JChart/HEAD/doc/img/bg_hr.png


--------------------------------------------------------------------------------
/doc/img/blacktocat.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/shixy/JChart/HEAD/doc/img/blacktocat.png


--------------------------------------------------------------------------------
/doc/img/carousel1.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/shixy/JChart/HEAD/doc/img/carousel1.jpg


--------------------------------------------------------------------------------
/doc/img/carousel2.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/shixy/JChart/HEAD/doc/img/carousel2.jpg


--------------------------------------------------------------------------------
/doc/img/icon_download.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/shixy/JChart/HEAD/doc/img/icon_download.png


--------------------------------------------------------------------------------
/doc/screenshots/bar.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/shixy/JChart/HEAD/doc/screenshots/bar.jpg


--------------------------------------------------------------------------------
/doc/screenshots/line.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/shixy/JChart/HEAD/doc/screenshots/line.jpg


--------------------------------------------------------------------------------
/doc/screenshots/pie.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/shixy/JChart/HEAD/doc/screenshots/pie.jpg


--------------------------------------------------------------------------------
/doc/screenshots/polar.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/shixy/JChart/HEAD/doc/screenshots/polar.jpg


--------------------------------------------------------------------------------
/doc/img/sprite_download.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/shixy/JChart/HEAD/doc/img/sprite_download.png


--------------------------------------------------------------------------------
/doc/img/glyphicons-halflings.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/shixy/JChart/HEAD/doc/img/glyphicons-halflings.png


--------------------------------------------------------------------------------
/doc/img/glyphicons-halflings-white.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/shixy/JChart/HEAD/doc/img/glyphicons-halflings-white.png


--------------------------------------------------------------------------------
/demo/style.css:
--------------------------------------------------------------------------------
1 | .chartsContainer{
2 |     width : 1000px;
3 |     margin: 0 auto;
4 |     padding: 10px;
5 |     border: 1px solid #eee;
6 | }


--------------------------------------------------------------------------------
/doc/css/fonts/glyphicons-halflings-regular.eot:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/shixy/JChart/HEAD/doc/css/fonts/glyphicons-halflings-regular.eot


--------------------------------------------------------------------------------
/doc/css/fonts/glyphicons-halflings-regular.ttf:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/shixy/JChart/HEAD/doc/css/fonts/glyphicons-halflings-regular.ttf


--------------------------------------------------------------------------------
/doc/css/fonts/glyphicons-halflings-regular.woff:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/shixy/JChart/HEAD/doc/css/fonts/glyphicons-halflings-regular.woff


--------------------------------------------------------------------------------
/README.md:
--------------------------------------------------------------------------------
 1 | JChart
 2 | ======
 3 | 
 4 | Jingle Chart.移动端专属。极简的图表控件，简单的图形+合适的接口，打造交互丰富的图表。
 5 | 
 6 | > 持续开发中...
 7 | 
 8 | 代码参考了chartjs
 9 | 地址: http://www.chartjs.org
10 | 
11 | 1. 大幅重构了chartjs的代码
12 | 2. 加入了移动端独有的事件(drag\tap\longTap\doubleTap)
13 | 3. 通过接口+div的渲染，可以打造出一个华丽的移动端图表


--------------------------------------------------------------------------------
/package.json:
--------------------------------------------------------------------------------
 1 | {
 2 |     "name":"JingleChart",
 3 |     "version":"0.1.0",
 4 |     "engines":{
 5 |         "node":">= 0.8.0"
 6 |     },
 7 |     "devDependencies":{
 8 |         "grunt":"~0.4.0",
 9 |         "grunt-contrib-concat":"~0.3.0",
10 |         "grunt-contrib-copy" : "~0.4.1",
11 |         "grunt-contrib-uglify":"~0.2.0",
12 |         "connect":""
13 |     }
14 | }


--------------------------------------------------------------------------------
/Gruntfile.js:
--------------------------------------------------------------------------------
 1 | module.exports = function(grunt){
 2 | 	grunt.initConfig({
 3 |         pkg : grunt.file.readJSON('package.json'),
 4 | 		concat : {
 5 |             'dist/JChart.debug.js' :
 6 |                 ['src/JChart.js','src/*.js']
 7 | 		},
 8 |         uglify : {
 9 |             target : {
10 |                 files : {
11 |                     'dist/JChart.min.js': 'dist/JChart.debug.js'
12 |                 }
13 |             }
14 |         }
15 | 
16 | 	});
17 |   	grunt.loadNpmTasks('grunt-contrib-concat');
18 |     grunt.loadNpmTasks('grunt-contrib-uglify');
19 | 
20 |   	grunt.registerTask('default', ['concat','uglify']);
21 | }


--------------------------------------------------------------------------------
/JChart.json:
--------------------------------------------------------------------------------
 1 | {
 2 |   "name": "Jingle Chart",
 3 |   "title": "Html5 Mobile Chart",
 4 |   "description": "移动端canvas图表，想做最简单的图表",
 5 |   "version": "0.1.0",
 6 |   "homepage": "https://github.com/shixy/JChart",
 7 |   "author": {
 8 |     "name": "walker",
 9 |     "email": "walker.shixy@gmail.com"
10 |   },
11 |   "repository": {
12 |     "type": "git",
13 |     "url": "git://github.com/shixy/JChart.git"
14 |   },
15 |   "bugs": {
16 |     "url": "https://github.com/shixy/JChart/issues"
17 |   },
18 |   "licenses": [
19 |     {
20 |       "type": "MIT",
21 |       "url": "https://github.com/shixy/Jingle/blob/master/LICENSE-MIT"
22 |     }
23 |   ],
24 |   "keywords": []
25 | }


--------------------------------------------------------------------------------
/doc/css/styles.css:
--------------------------------------------------------------------------------
 1 | 
 2 | .chart-title{
 3 |     text-align: center;
 4 |     font-weight: bold;
 5 |     font-size: 16px;
 6 | }
 7 | .chart-lengend{
 8 |     border: 1px solid #b9b4b6;
 9 |     margin:10px auto;
10 |     width: 120px;
11 |     border-radius:4px;
12 |     padding:5px;
13 |     display: -webkit-box;
14 | }
15 | .arrow_container{
16 |     border-radius: 4px;
17 |     border: 1px solid #C0392B;
18 |     background: #C0392B;
19 |     padding: 5px;
20 |     text-align: center;
21 |     position: relative;
22 |     width:300px;
23 |     color: #fff;
24 |     display: none;
25 | }
26 | .arrow_container:after{
27 |     bottom: 100%;
28 |     left: 50%;
29 |     margin-left: -20px;
30 |     border: solid transparent;
31 |     content: " ";
32 |     height: 0;
33 |     width: 0;
34 |     position: absolute;
35 |     pointer-events: none;
36 |     border-width: 20px;
37 |     border-bottom-color: #C0392B;
38 | }


--------------------------------------------------------------------------------
/demo/radar.html:
--------------------------------------------------------------------------------
 1 | <!DOCTYPE html>
 2 | <html>
 3 | <head>
 4 |     <title>radar</title>
 5 |     <meta charset="utf-8">
 6 |     <meta name = "viewport" content = "initial-scale = 1, user-scalable = no">
 7 |     <script type="text/javascript" src="../src/JChart.js"></script>
 8 |     <script type="text/javascript" src="../src/JChart.Canvas.js"></script>
 9 |     <script type="text/javascript" src="../src/JChart.Chart.js"></script>
10 |     <script type="text/javascript" src="../src/JChart.Scale.js"></script>
11 |     <script type="text/javascript" src="../src/JChart.Radar.js"></script>
12 | </head>
13 | <body>
14 | <canvas id="canvas1" height="600" width="600"></canvas>
15 | <script type="text/javascript">
16 |     var data = {
17 | 	labels : ["Eating","Drinking","Sleeping","Designing","Coding","Partying","Running"],
18 | 	datasets : [
19 | 			{
20 | 				fillColor : "rgba(220,220,220,0.5)",
21 | 				strokeColor : "rgba(220,220,220,1)",
22 | 				pointColor : "rgba(220,220,220,1)",
23 | 				pointStrokeColor : "#fff",
24 | 				data : [65,59,90,81,56,55,40]
25 | 			},
26 | 			{
27 | 				fillColor : "rgba(151,187,205,0.5)",
28 | 				strokeColor : "rgba(151,187,205,1)",
29 | 				pointColor : "rgba(151,187,205,1)",
30 | 				pointStrokeColor : "#fff",
31 | 				data : [28,48,40,19,96,27,100]
32 | 			}
33 | 		]
34 | 	}
35 |     var radar = new JChart.Radar(data,{
36 |         id : 'canvas1'
37 |     });
38 |     radar.on('tap.point',function(data){
39 |         alert(data);
40 |     });
41 |     radar.draw();
42 | </script>
43 | </body>
44 | </html>


--------------------------------------------------------------------------------
/doc/js/application.js:
--------------------------------------------------------------------------------
 1 | !function ($) {
 2 | 
 3 |   $(function(){
 4 |     if (navigator.userAgent.match(/IEMobile\/10\.0/)) {
 5 |       var msViewportStyle = document.createElement("style");
 6 |       msViewportStyle.appendChild(
 7 |         document.createTextNode(
 8 |           "@-ms-viewport{width:auto!important}"
 9 |         )
10 |       );
11 |       document.getElementsByTagName("head")[0].
12 |         appendChild(msViewportStyle);
13 |     }
14 |     var $window = $(window)
15 |     var $body   = $(document.body)
16 |     var navHeight = $('.navbar').outerHeight(true) + 10
17 |     $body.scrollspy({
18 |       target: '.bs-sidebar',
19 |       offset: navHeight
20 |     })
21 | 
22 |     $window.on('load', function () {
23 |       $body.scrollspy('refresh')
24 |     })
25 | 
26 |     $('.bs-docs-container [href=#]').click(function (e) {
27 |       e.preventDefault()
28 |     })
29 | 
30 |     // back to top
31 |     setTimeout(function () {
32 |       var $sideBar = $('.bs-sidebar')
33 | 
34 |       $sideBar.affix({
35 |         offset: {
36 |           top: function () {
37 |             var offsetTop      = $sideBar.offset().top
38 |             var sideBarMargin  = parseInt($sideBar.children(0).css('margin-top'), 10)
39 |             var navOuterHeight = $('.bs-docs-nav').height()
40 | 
41 |             return (this.top = offsetTop - navOuterHeight - sideBarMargin)
42 |           }
43 |         , bottom: function () {
44 |             return (this.bottom = $('.bs-footer').outerHeight(true))
45 |           }
46 |         }
47 |       })
48 |     }, 100)
49 | 
50 | })
51 | 
52 | }(jQuery)
53 | 


--------------------------------------------------------------------------------
/demo/bar.html:
--------------------------------------------------------------------------------
 1 | <!DOCTYPE html>
 2 | <html>
 3 | <head>
 4 |     <title>Bar</title>
 5 |     <meta charset="utf-8">
 6 |     <meta name = "viewport" content = "initial-scale = 1, user-scalable = no">
 7 |     <script type="text/javascript" src="../src/JChart.js"></script>
 8 |     <script type="text/javascript" src="../src/JChart.Canvas.js"></script>
 9 |     <script type="text/javascript" src="../src/JChart.Chart.js"></script>
10 |     <script type="text/javascript" src="../src/JChart.Scale.js"></script>
11 |     <script type="text/javascript" src="../src/JChart.Bar.js"></script>
12 | </head>
13 | <body>
14 | <canvas id="canvas1" height="600" width="800"></canvas>
15 | <script type="text/javascript">
16 |     var data = {
17 |         labels : ["2012","二月","三月","四月","五月","六月","七月",'八月','九月','十月','十一月','十二月'],
18 |         datasets : [
19 | //            {
20 | //                color : "rgba(220,220,220,0.5)",
21 | //                borderColor : "rgba(220,220,220,1)",
22 | //                data : [65,59,90,81,56,55,40,20,3,20,10,60,65,59,90,81,56,55,40,20,3,20,10,60,10,60,65]
23 | //            },
24 |             {
25 |                 color : "rgba(151,187,205,0.5)",
26 |                 borderColor : "rgba(151,187,205,1)",
27 |                 data : [28,48,40,19,96,27,200,40,40,70,11,89]
28 |             }
29 |         ]
30 |     }
31 |     var bar = new JChart.Bar(data,{
32 |         id : 'canvas1',
33 |         datasetGesture : true,
34 |         datasetShowNumber : 6
35 |     });
36 |     bar.on('tap.bar',function(data,i,j){
37 |         alert(JSON.stringify(data));
38 |     });
39 |     bar.on('longTap.bar',function(data,i,j){
40 |         alert('longTap:'+data);
41 |     });
42 |     bar.draw();
43 | 
44 | </script>
45 | </body>
46 | </html>


--------------------------------------------------------------------------------
/demo/polar.html:
--------------------------------------------------------------------------------
 1 | <!DOCTYPE html>
 2 | <html>
 3 | <head>
 4 |     <title>Polar</title>
 5 |     <meta charset="utf-8">
 6 |     <meta name = "viewport" content = "initial-scale = 1, user-scalable = no">
 7 |     <script type="text/javascript" src="../src/JChart.js"></script>
 8 |     <script type="text/javascript" src="../src/JChart.Canvas.js"></script>
 9 |     <script type="text/javascript" src="../src/JChart.Chart.js"></script>
10 |     <script type="text/javascript" src="../src/JChart.Scale.js"></script>
11 |     <script type="text/javascript" src="../src/JChart.Polar.js"></script>
12 | </head>
13 | <body>
14 | <canvas id="canvas1" height="600" width="600"></canvas>
15 | <script type="text/javascript">
16 |     var data = {
17 |         labels : [0,1,2,3,4,5,6,7,8,9,10,11,12,13,14,15,16,17,18,19,20,21,22,23],
18 |         datasets : [
19 |             {
20 |                 value : 30,
21 |                 color: "#D97041"
22 |             },
23 |             {
24 |                 value : 90,
25 |                 color: "#C7604C"
26 |             },
27 |             {
28 |                 value : 24,
29 |                 color: "#21323D"
30 |             },
31 |             {
32 |                 value : 58,
33 |                 color: "#9D9B7F"
34 |             },
35 |             {
36 |                 value : 82,
37 |                 color: "#7D4F6D"
38 |             },
39 |             {
40 |                 value : 8,
41 |                 color: "#584A5E"
42 |             }
43 |         ]
44 |     }
45 |     var radar = new JChart.Polar(data,{
46 |         id : 'canvas1',
47 |         showScaleLabel : false
48 |     });
49 |     radar.on('doubleTap',function(){
50 |         alert('double');
51 |     });
52 |     radar.draw();
53 | 
54 | </script>
55 | </body>
56 | </html>


--------------------------------------------------------------------------------
/demo/line.html:
--------------------------------------------------------------------------------
 1 | <!DOCTYPE html>
 2 | <html>
 3 | <head>
 4 |     <title>Line</title>
 5 |     <meta charset="utf-8">
 6 |     <meta name = "viewport" content = "initial-scale = 1, user-scalable = no">
 7 |     <link rel="stylesheet" href="style.css">
 8 |     <script type="text/javascript" src="../src/JChart.js"></script>
 9 |     <script type="text/javascript" src="../src/JChart.Canvas.js"></script>
10 |     <script type="text/javascript" src="../src/JChart.Chart.js"></script>
11 |     <script type="text/javascript" src="../src/JChart.Scale.js"></script>
12 |     <script type="text/javascript" src="../src/JChart.Line.js"></script>
13 | </head>
14 | <body>
15 | <h1 style="text-align: center">折线图</h1>
16 | 
17 | <div class="chartsContainer">
18 |     <div>公司产品销售汇总(2012-2014)</div>
19 |     <canvas id="line_canvas"></canvas>
20 | </div>
21 | 
22 | <script type="text/javascript">
23 |     var data = {
24 |         labels : ["2012","二月","三月","四月","五月","六月","七月",'八月','九月','十月','十一月','十二月','2013',"二月","三月","四月","五月","六月","七月",'八月','九月','十月','十一月','十二月','2014','一月','二月'],
25 |         datasets : [
26 |             {
27 |                 name : 'A产品',
28 |                 fillColor : "rgba(220,220,220,0.5)",
29 |                 color : "rgba(220,220,220,1)",
30 |                 pointColor : "rgba(220,220,220,1)",
31 |                 pointBorderColor : "#fff",
32 |                 data : [65,59,90,-81,56,55,40,20,13,20,11,60,65,59,90,81,56,55,40,20,11,20,10,60,11,60,65]
33 |             },
34 |             {
35 |                 name : 'B产品',
36 |                 fillColor : "rgba(151,187,205,0.5)",
37 |                 color : "rgba(151,187,205,1)",
38 |                 pointColor : "rgba(151,187,205,1)",
39 |                 pointBorderColor : "#fff",
40 |                 data : [28,48,40,19,96,-27,100,40,40,70,11,89,28,48,40,19,96,27,100,40,40,70,10,89,28,48,40]
41 |             }
42 |         ]
43 |     }
44 |     var line = new JChart.Line(data,{
45 |         id : 'line_canvas',
46 |         height : 600,
47 |         width : 1000,
48 |         datasetGesture : true
49 |     });
50 |     line.on('tap.point',function(data,i,j){
51 |         alert(data);
52 |     });
53 |     line.draw();
54 | 
55 | 
56 | 
57 | </script>
58 | </body>
59 | </html>


--------------------------------------------------------------------------------
/demo/pie.html:
--------------------------------------------------------------------------------
 1 | <!DOCTYPE html>
 2 | <html>
 3 | <head>
 4 |     <title>Pie</title>
 5 |     <meta charset="utf-8">
 6 |     <meta name = "viewport" content = "initial-scale = 1, user-scalable = no">
 7 |     <script type="text/javascript" src="../src/JChart.js"></script>
 8 |     <script type="text/javascript" src="../src/JChart.Canvas.js"></script>
 9 |     <script type="text/javascript" src="../src/JChart.Chart.js"></script>
10 |     <script type="text/javascript" src="../src/JChart.Pie.js"></script>
11 | </head>
12 | <body>
13 | <canvas id="canvas1" height="450" width="450"></canvas>
14 | <canvas id="canvas2" height="450" width="450" style="margin-top: 10px;"></canvas>
15 | <canvas id="canvas3" height="200" width="450" ></canvas>
16 | <script type="text/javascript">
17 |     var pieData = [
18 |         {
19 |             name : 'A',
20 |             value: 5,
21 |             color:"#F38630"
22 |         },
23 |         {
24 |             name : 'B',
25 |             value : 50,
26 |             color : "#E0E4CC"
27 |         },
28 |         {
29 |             name : 'C',
30 |             value : 100,
31 |             color : "#69D2E7"
32 |         }
33 |     ];
34 |     var p1 = new JChart.Pie(pieData,{
35 |         id : 'canvas1'
36 |     });
37 |     p1.on('tap.pie',function(i,data){
38 |         console.log('点击了第'+i+'个扇形');
39 |         return true;
40 |     })
41 |     p1.on('renderText',function(percent,data,i){
42 |         if(i == 0){
43 |             this.ctx.set('fillStyle','#fff');
44 |         }
45 |         return data.value;
46 |     })
47 |     p1.on('animationComplete',function(){
48 |         console.log('动画执行完毕');
49 |     })
50 |     p1.on('rotate',function(i,data){
51 | 		console.log('第'+i+'个扇形已经旋转到6点钟方向');
52 | 		//p.pullOut(i);
53 | 	});
54 | 	p1.on('pushIn',function(i,data){
55 | 		console.log('所有弹出扇形已经被收回');
56 | 	});
57 | 	p1.on('pullOut',function(i,data){
58 | 		console.log('第'+i+'个扇形已经弹出');
59 | 	});
60 |     p1.draw();
61 | 
62 |     var p2 = new JChart.Pie(pieData,{
63 |         id : 'canvas2',
64 |         isDount : true,
65 |         clickType : 'rotate',
66 |         dountText : 'CPU'
67 |     });
68 |     p2.on('click',function(i,data){
69 |         p2.setDountText(data.value);
70 |         return true;
71 |     });
72 |     p2.draw();
73 |     var p3 = new JChart.Pie(pieData,{
74 |         id : 'canvas3',
75 |         isDount : true,
76 |         clickType : null,
77 |         startAngle : -Math.PI,
78 |         totalAngle : Math.PI,
79 |         dountText : 'CPU'
80 |     }).draw();
81 | </script>
82 | </body>
83 | </html>


--------------------------------------------------------------------------------
/src/JChart.Bar.js:
--------------------------------------------------------------------------------
  1 | ;(function(_){
  2 |     function Bar(data,cfg){
  3 |         _.Scale.apply(this);
  4 |         var barRanges = [];//记录柱状图的占据的位置
  5 |         this._type_ = 'bar';
  6 |         var _this = this;
  7 |         this.data = data;//所有的数据
  8 |         this.chartData = null;//图表当前展示的数据
  9 |         //配置项
 10 |         _.extend(this.config,{
 11 |             //是否显示bar的边框
 12 |             showBarBorder : true,
 13 |             //bar边框宽度
 14 |             barBorderWidth : 2,
 15 |             //每两个bar之间的间距
 16 |             barSpacing : 1,
 17 |             //每两组bar之间的间距
 18 |             barSetSpacing : 5,
 19 |             //是否可以对数据进行拖动
 20 |             datasetGesture : false,
 21 |             //每次显示的数据条数
 22 |             datasetShowNumber : 12
 23 |         });
 24 |         /**
 25 |          * 绑定canvas dom元素上的事件 如：click、touch
 26 |          */
 27 |         this.bindEvents = function(){
 28 |             this.on('_tap',function(x,y){tapHandler(x,y,'tap.bar')});
 29 |             //this.on('_doubleTap',function(x,y){tapHandler(x,y,'doubleTap.bar')});
 30 |             this.on('_longTap',function(x,y){tapHandler(x,y,'longTap.bar')});
 31 |             if(this.config.datasetGesture){
 32 |                 this.bindDataGestureEvent();
 33 |             }
 34 |         }
 35 |         /**
 36 |          * 初始化部分元素值
 37 |          */
 38 |         this.draw = function(noAnim){
 39 |             if(this.config.datasetGesture && this.data.labels.length > _this.config.datasetShowNumber){
 40 |                 this.chartData = this.sliceData(this.data,0,this.data.labels.length,this.config.datasetShowNumber);
 41 |             }else{
 42 |                 this.chartData = this.data;
 43 |             }
 44 |             this.mergeFont(['scaleFont','textFont']);
 45 |             this.initScale(true);
 46 |             if(noAnim){
 47 |                 this.drawScale();
 48 |                 this.drawBars(1);
 49 |             }else{
 50 |                 this.doAnim(this.drawScale,this.drawBars);
 51 |             }
 52 |         }
 53 |         this.redraw = function(data){
 54 |             this.chartData = data;
 55 |             this.clear();
 56 |             this.initScale(true);
 57 |             this.drawScale();
 58 |             this.drawBars(1);
 59 |         }
 60 | 
 61 |         this.drawBars = function(animPc){
 62 |             if(animPc >= 1)barRanges = [];
 63 |             var ctx = _this.ctx,cfg = _this.config,scale = _this.scaleData;
 64 |             _.each(_this.chartData.datasets,function(set,i){
 65 |                 if(!cfg.showBarBorder)borderColor = null;
 66 |                 _.each(set.data,function(d,j){
 67 |                     var x = scale.x + cfg.barSetSpacing + scale.xHop*j + scale.barWidth*i + cfg.barSpacing*i + cfg.barBorderWidth* i,
 68 |                         y = scale.y,width = scale.barWidth,height = animPc*_this.calcOffset(d,scale.yScaleValue,scale.yHop)+(cfg.barBorderWidth/2),
 69 |                         color = set.color,borderColor,bgColor = _.hex2Rgb(color,0.6);
 70 |                     if(cfg.showBarBorder){
 71 |                         //边框颜色默认与设置颜色一致
 72 |                         borderColor = set.borderColor || color;
 73 |                     }
 74 |                     ctx.rect(x,y,width,-height,bgColor,borderColor,cfg.barBorderWidth);
 75 |                     if(animPc >= 1){
 76 |                         barRanges.push([x,x+width,y,y-height,j,i]);
 77 |                     }
 78 |                     cfg.showText && _this.drawText(d,x+width/2,y-height-3,[j,i]);
 79 | 
 80 |                 });
 81 |             })
 82 |         }
 83 | 
 84 |         function tapHandler(x,y,event){
 85 |             var p = isInBarRange(x,y);
 86 |             if(p){
 87 |                 _this.trigger(event,[_this.chartData.datasets[p[5]].data[p[4]],p[4],p[5]]);
 88 |             }
 89 |         }
 90 | 
 91 |         function isInBarRange(x,y){
 92 |             var range;
 93 |             _.each(barRanges,function(r){
 94 |                 if(x >= r[0] && x <= r[1] && y >= r[3] && y <= r[2]){
 95 |                     range = r;
 96 |                     return false;
 97 |                 }
 98 |             });
 99 |             return range;
100 |         }
101 |         //初始化参数
102 |         if(cfg)this.initial(cfg);
103 |     }
104 |     _.Bar = Bar;
105 | })(JChart)


--------------------------------------------------------------------------------
/doc/js/doc.js:
--------------------------------------------------------------------------------
  1 | $(function(){
  2 |     var data = {
  3 |         labels : ["2012","二月","三月","四月","五月","六月","七月",'八月','九月','十月','十一月','十二月','2013',"二月","三月","四月","五月","六月","七月",'八月','九月','十月','十一月','十二月','2014','一月','二月'],
  4 |         datasets : [
  5 |             {
  6 |                 name : 'A产品',
  7 |                 color : "#72caed",
  8 |                 pointColor : "#95A5A6",
  9 |                 pointBorderColor : "#fff",
 10 |                 data : [65,59,90,81,56,55,40,20,13,20,11,60,65,59,90,81,56,55,40,20,11,20,10,60,11,60,65]
 11 |             },
 12 |             {
 13 |                 name : 'B产品',
 14 |                 color : "#a6d854",
 15 |                 pointColor : "#95A5A6",
 16 |                 pointBorderColor : "#fff",
 17 |                 data : [28,48,40,19,96,27,100,40,40,70,11,89,28,48,40,19,96,27,100,40,40,70,10,89,28,48,40]
 18 |             }
 19 |         ]
 20 |     }
 21 |     new JChart.Line(data,{
 22 |         id : 'line_canvas',
 23 |         datasetGesture : true
 24 |     }).draw();
 25 |     new JChart.Bar(data,{
 26 |         id : 'bar_canvas',
 27 |         datasetGesture : true
 28 |     }).draw();
 29 | 
 30 |     var pie_data = [
 31 |         {
 32 |             name : '直接访问',
 33 |             value: 335,
 34 |             color:"#F38630"
 35 |         },{
 36 |             name : '联盟广告',
 37 |             value : 234,
 38 |             color : "#E0E4CC"
 39 |         },{
 40 |             name : '视频广告',
 41 |             value : 135,
 42 |             color : "#72caed"
 43 |         },{
 44 |             name : '搜索引擎',
 45 |             value : 1400,
 46 |             color : "#a6d854"
 47 |         }
 48 |     ];
 49 |     new JChart.Pie(pie_data,{
 50 |         id : 'pie_canvas'
 51 |     }).draw();
 52 |     var dount_pie = new JChart.Pie(pie_data,{
 53 |         id : 'dount_canvas',
 54 |         clickType : 'rotate',
 55 |         isDount : true,
 56 |         dountText : '访问来源'
 57 |     })
 58 |     dount_pie.on('rotate',function(d){
 59 |         var $pop = $(this.ctx.el).next();
 60 |         $pop.html(d.name + '<br>' + d.value).show();
 61 |     })
 62 |     dount_pie.draw();
 63 | 
 64 |     new JChart.Pie(pie_data,{
 65 |         id : 'sector_canvas_1',
 66 |         clickType : null,
 67 |         startAngle : -Math.PI,
 68 |         totalAngle : Math.PI
 69 |     }).draw();
 70 |     new JChart.Pie(pie_data,{
 71 |         id : 'sector_canvas_2',
 72 |         clickType : null,
 73 |         isDount : true,
 74 |         dountText : '访问来源',
 75 |         startAngle : Math.PI*3/4,
 76 |         totalAngle : Math.PI*3/4*2
 77 |     }).draw();
 78 | 
 79 | 
 80 |     var radar_data = {
 81 |         labels : ['外观','功能','系统','屏幕','性能'],
 82 |         datasets : [
 83 |             {
 84 |                 color : "#72caed",
 85 |                 pointColor : "#95A5A6",
 86 |                 pointStrokeColor : "#fff",
 87 |                 data : [90,50,60,71,54]
 88 |             },
 89 |             {
 90 |                 color : "#a6d854",
 91 |                 pointColor : "#95A5A6",
 92 |                 pointStrokeColor : "#fff",
 93 |                 data : [70,64,83,54,93]
 94 |             }
 95 |         ]
 96 |     }
 97 |     new JChart.Radar(radar_data,'radar_canvas').draw();
 98 | 
 99 |     var polar_data = {
100 |         labels : [0,1,2,3,4,5,6,7,8,9,10,11,12,13,14,15,16,17,18,19,20,21,22,23],
101 |         datasets : [
102 |             {value: 3.14,color:"#F38630"},
103 |             {value: 1.98,color:"#F38630"},
104 |             {value: 1.32,color:"#F38630"},
105 |             {value: 0.98,color:"#F38630"},
106 |             {value: 0.81,color:"#F38630"},
107 |             {value: 0.79,color:"#F38630"},
108 |             {value: 1.07,color:"#E0E4CC"},
109 |             {value: 1.84,color:"#E0E4CC"},
110 |             {value: 3.35,color:"#E0E4CC"},
111 |             {value: 4.61,color:"#E0E4CC"},
112 |             {value: 5.27,color:"#E0E4CC"},
113 |             {value: 5.39,color:"#E0E4CC"},
114 |             {value: 5.39,color:"#72caed"},
115 |             {value: 5.56,color:"#72caed"},
116 |             {value: 5.60,color:"#72caed"},
117 |             {value: 5.76,color:"#72caed"},
118 |             {value: 5.86,color:"#72caed"},
119 |             {value: 5.59,color:"#72caed"},
120 |             {value: 5.56,color:"#a6d854"},
121 |             {value: 6.19,color:"#a6d854"},
122 |             {value: 6.60,color:"#a6d854"},
123 |             {value: 6.60,color:"#a6d854"},
124 |             {value: 6.05,color:"#a6d854"},
125 |             {value: 4.70,color:"#a6d854"}
126 |         ]
127 |     };
128 | 
129 |     new JChart.Polar(polar_data,{
130 |         id : 'polar_canvas',
131 |         borderWidth : 1,
132 |         showScaleLabel : false
133 |     }).draw();
134 | });


--------------------------------------------------------------------------------
/src/JChart.Line.js:
--------------------------------------------------------------------------------
  1 | ;(function(_){
  2 |     function Line(data,cfg){
  3 |       	_.Scale.apply(this);
  4 |         var pointRanges = [];//记录线的节点位置 (for click 事件)
  5 |         this._type_ = 'line';
  6 |         this.data = data;
  7 |         this.chartData = null;
  8 |         var _this = this;
  9 |         _.extend(this.config,{
 10 |             //平滑曲线
 11 |             smooth : true,
 12 |             //是否显示线的连接点
 13 |             showPoint : true,
 14 |             //连接圆点半径
 15 |             pointRadius : 4,
 16 |             //连接点的边框宽度
 17 |             pointBorderWidth : 2,
 18 |             //连接点的点击范围(方便手指触摸)
 19 |             pointClickBounds : 20,
 20 |             //连接线的宽度
 21 |             lineWidth : 2,
 22 |             //是否填充为面积图
 23 |             fill : true,
 24 |             //是否可以对数据进行拖动
 25 |             datasetGesture : false,
 26 |             //每次显示的数据条数
 27 |             datasetShowNumber : 12
 28 |         });
 29 |         /**
 30 |          * 绑定canvas dom元素上的事件 如：click、touch
 31 |          */
 32 |         this.bindEvents = function(){
 33 |             //this.ctx.canvas.addEventListener('click',tapHandler);
 34 |             this.on('_tap',tapHandler);
 35 |             if(this.config.datasetGesture){
 36 |                 this.bindDataGestureEvent();
 37 |             }
 38 |         }
 39 |         /**
 40 |          * 初始化部分元素值
 41 |          */
 42 |         this.draw = function(noAnim){
 43 |             this.mergeFont(['textFont','scaleFont']);
 44 |             if(this.config.datasetGesture && this.data.labels.length > _this.config.datasetShowNumber){
 45 |                 this.chartData = this.sliceData(this.data,0,this.data.labels.length,this.config.datasetShowNumber);
 46 |             }else{
 47 |                 this.chartData = this.data;
 48 |             }
 49 |             _this.initScale(true);
 50 |             if(noAnim){
 51 |                 this.drawScale();
 52 |                 this.drawLines(1);
 53 |             }else{
 54 |                 this.doAnim(this.drawScale,this.drawLines);
 55 |             }
 56 |         }
 57 |         this.redraw = function(data){
 58 |             this.chartData = data;
 59 |             this.clear();
 60 |             this.initScale(true);
 61 |             this.drawScale();
 62 |             this.drawLines(1);
 63 |         }
 64 |         this.drawLines = function(animPc){
 65 |             if(animPc >= 1)pointRanges = [];
 66 |             var ctx = _this.ctx,cfg = _this.config,dataset = _this.chartData.datasets,scale = _this.scaleData;
 67 |             _.each(dataset,function(set,i){
 68 |                 //画连接线
 69 |                 ctx.beginPath().moveTo(scale.x, yPos(i,0));
 70 |                 _.each(set.data,function(d,j){
 71 |                     var pointX = xPos(j),pointY = yPos(i,j);
 72 |                     if (cfg.smooth){//贝塞尔曲线
 73 |                         ctx.bezierCurveTo(xPos(j-0.5),yPos(i,j-1),xPos(j-0.5),pointY,pointX,pointY);
 74 |                     }else{
 75 |                         ctx.lineTo(pointX,pointY);
 76 |                     }
 77 |                     if(animPc >= 1){
 78 |                         pointRanges.push([pointX,pointY,j,i]);
 79 |                     }
 80 |                 });
 81 |                 ctx.stroke(set.color,cfg.lineWidth);
 82 |                 //填充区域
 83 |                 cfg.fill ? ctx.lineTo(scale.x + (scale.xHop*(set.data.length-1)),scale.y).lineTo(scale.x,scale.y).closePath()
 84 |                     .fill(set.fillColor?set.fillColor : _.hex2Rgb(set.color,0.6)) : ctx.closePath();
 85 | 
 86 |                 //画点以及点上文本
 87 |                 _.each(set.data,function(d,k){
 88 |                     var x = xPos(k),y = yPos(i,k);
 89 |                     cfg.showPoint && _this.drawPoint(x,y,set);
 90 |                     cfg.showText && _this.drawText(d,x,y-3,[k,i]);
 91 |                 });
 92 |             });
 93 | 
 94 |             function yPos(i,j){
 95 |                 return scale.y - animPc*(_this.calcOffset(dataset[i].data[j],scale.yScaleValue,scale.yHop));
 96 |             }
 97 |             function xPos(i){
 98 |                 return scale.x + (scale.xHop * i);
 99 |             }
100 |         }
101 |         function tapHandler(x,y){
102 |             var p = isInPointRange(x,y);
103 |             if(p){
104 |                 _this.trigger('tap.point',[_this.chartData.datasets[p[3]].data[p[2]],p[2],p[3]]);
105 |             }
106 |         }
107 | 
108 |         function isInPointRange(x,y){
109 |             var point,pb = _this.config.pointClickBounds;
110 |             _.each(pointRanges,function(p){
111 |                 if(x >= p[0] - pb && x <= p[0] + pb && y >= p[1]-pb && y <= p[1] + pb){
112 |                     point = p;
113 |                     return false;
114 |                 }
115 |             });
116 |             return point;
117 |         }
118 | 
119 |         //初始化参数
120 |         if(cfg)this.initial(cfg);
121 |     }
122 |     _.Line = Line;
123 | })(JChart)


--------------------------------------------------------------------------------
/doc/index.html:
--------------------------------------------------------------------------------
  1 | <!DOCTYPE html>
  2 | <html lang="zh-cn">
  3 | <head>
  4 |     <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
  5 |     <!-- Meta, title, CSS, favicons, etc. -->
  6 |     <meta charset="utf-8">
  7 |     <meta http-equiv="X-UA-Compatible" content="IE=edge">
  8 |     <meta name="viewport" content="width=device-width, initial-scale=1.0">
  9 |     <meta name="description" content="JingleChart -基于canvas开发的html5图表控件，移动端专属。极简的图表控件，简单的图形+合适的接口，打造交互丰富的图表">
 10 |     <meta name="author" content="walker.shixy">
 11 |     <title>JingleChart - 移动端专属。极简的图表控件，简单的图形+合适的接口，打造交互丰富的图表</title>
 12 |     <link href="http://v3.bootcss.com/dist/css/bootstrap.min.css" rel="stylesheet">
 13 |     <!-- Documentation extras -->
 14 |     <link href="css/docs.css" rel="stylesheet">
 15 |     <link href="http://cdn.bootcss.com/highlight.js/7.3/styles/github.min.css" rel="stylesheet">
 16 |     <link rel="stylesheet" href="css/styles.css">
 17 |     <style>
 18 |         body {
 19 |             font-family: "ff-tisa-web-pro-1", "ff-tisa-web-pro-2", "Lucida Grande", "Helvetica Neue", Helvetica, Arial, "Hiragino Sans GB", "Hiragino Sans GB W3", "WenQuanYi Micro Hei", sans-serif;
 20 |         }
 21 | 
 22 |         h1, .h1, h2, .h2, h3, .h3, h4, .h4, .lead {
 23 |             font-family: "ff-tisa-web-pro-1", "ff-tisa-web-pro-2", "Lucida Grande", "Helvetica Neue", Helvetica, Arial, "Hiragino Sans GB", "Hiragino Sans GB W3", "Microsoft YaHei UI", "Microsoft YaHei", "WenQuanYi Micro Hei", sans-serif;
 24 |         }
 25 |         pre code {
 26 |             background: transparent;
 27 |         }
 28 |         @media (min-width: 768px) {
 29 |             .bs-docs-home .bs-social,
 30 |             .bs-docs-home .bs-masthead-links {
 31 |                 margin-left: 0;
 32 |             }
 33 |         }
 34 |         .bs-docs-section p {
 35 |             line-height: 2;
 36 |         }
 37 |         .bs-docs-section p.lead {
 38 |             line-height: 1.4;
 39 |         }
 40 |     </style>
 41 | </head>
 42 | <body class="bs-docs-home">
 43 | <a class="sr-only" href="#content">Skip to main content</a>
 44 | <!-- Docs master nav -->
 45 | <header class="navbar navbar-inverse navbar-fixed-top bs-docs-nav" role="banner">
 46 |     <div class="container">
 47 |         <div class="navbar-header">
 48 |             <button class="navbar-toggle" type="button" data-toggle="collapse" data-target=".bs-navbar-collapse">
 49 |                 <span class="sr-only">Toggle navigation</span>
 50 |                 <span class="icon-bar"></span>
 51 |                 <span class="icon-bar"></span>
 52 |                 <span class="icon-bar"></span>
 53 |             </button>
 54 |             <a href="index.html" class="navbar-brand">JChart</a>
 55 |         </div>
 56 |         <nav class="collapse navbar-collapse bs-navbar-collapse" role="navigation">
 57 |             <ul class="nav navbar-nav">
 58 |                 <li>
 59 |                     <a href="api.html">开发文档</a>
 60 |                 </li>
 61 |                 <li>
 62 |                     <a href="samples.html">演示案例</a>
 63 |                 </li>
 64 |                 <li>
 65 |                     <a href="http://vycool.com/Jingle">Jingle UI</a>
 66 |                 </li>
 67 |             </ul>
 68 |         </nav>
 69 |     </div>
 70 | </header>
 71 | 
 72 | 
 73 | <main class="bs-masthead" id="content" role="main">
 74 |     <div class="container">
 75 |         <h1>JChart<small>V0.1</small></h1>
 76 |         <p class="lead">
 77 |             Jingle Chart(JChart)是一个极为简单的图表，为移动端而生。
 78 |         </p>
 79 |         <div class="bs-callout bs-callout-danger">
 80 |             <h4>轻量级</h4>
 81 |             <p>体积轻量：不依赖任何js框架，体积min29k。</p>
 82 |             <p>图形轻量：干净的图表，没有标题，没有图例。移动端屏幕太小，放不下这么多东西，这些要放哪里，怎么展示，html可以帮到您。</p>
 83 |         </div>
 84 |         <div class="bs-callout bs-callout-warning">
 85 |             <h4>支持移动端的各种手势</h4>
 86 |             <p>触摸、长按、拖动等等各种手势(其他手势效果待开发... ^_^)</p>
 87 |         </div>
 88 |         <div class="bs-callout bs-callout-info">
 89 |             <h4>丰富的接口、事件</h4>
 90 |             <p>让你的图表动起来，看api吧....</p>
 91 |         </div>
 92 |         <div class="bs-callout bs-callout-info">
 93 |             <h4>开源免费</h4>
 94 |             <p>MIT. Enjoy it！！</p>
 95 |         </div>
 96 |         <div class="bs-callout bs-callout-danger" style="height: 30px;min-height: 100px;">
 97 |             <p>JChart 才刚开始开发，还非常不完善，正努力开发中...</p>
 98 |             <p>感谢您的关注！</p>
 99 |         </div>
100 |         <p>
101 |             <a href="https://github.com/shixy/JChart/zipball/master" class="btn btn-outline-inverse btn-lg">下载JChart</a>
102 |             <a href="https://github.com/shixy/JChart" target="_blank" class="btn btn-outline-inverse btn-lg">Github</a>
103 |         </p>
104 |     </div>
105 |     <div class="row">
106 |         <div class="col-md-6">
107 |             <a href="" style="display: block;text-align: center">
108 |                 <img src="screenshots/line.jpg" width="80%">
109 |             </a>
110 |         </div>
111 |         <div class="col-md-6">
112 |             <a href="" style="display: block;text-align: center">
113 |                 <img src="screenshots/bar.jpg" width="80%">
114 |             </a>
115 |         </div>
116 |     </div>
117 |     <div class="row" style="margin-top: 10px;">
118 |         <div class="col-md-6">
119 |             <a href="" style="display: block;text-align: center">
120 |                 <img src="screenshots/pie.jpg" width="80%">
121 |             </a>
122 |         </div>
123 |         <div class="col-md-6">
124 |             <a href="" style="display: block;text-align: center">
125 |                 <img src="screenshots/polar.jpg" width="80%">
126 |             </a>
127 |         </div>
128 |     </div>
129 | </main>
130 | 
131 | <script src="js/jquery-1.10.2.js"></script>
132 | <script src="js/bootstrap.min.js"></script>
133 | <script src="js/highlight.min.js"></script>
134 | <script src="js/application.js"></script>
135 | </body>
136 | </html>


--------------------------------------------------------------------------------
/doc/js/holder.min.js:
--------------------------------------------------------------------------------
1 | var Holder=Holder||{};!function(a,b){function f(a,b){var c="complete",d="readystatechange",e=!1,f=e,g=!0,h=a.document,i=h.documentElement,j=h.addEventListener?"addEventListener":"attachEvent",k=h.addEventListener?"removeEventListener":"detachEvent",l=h.addEventListener?"":"on",m=function(g){(g.type!=d||h.readyState==c)&&(("load"==g.type?a:h)[k](l+g.type,m,e),!f&&(f=!0)&&b.call(a,null))},n=function(){try{i.doScroll("left")}catch(a){return setTimeout(n,50),void 0}m("poll")};if(h.readyState==c)b.call(a,"lazy");else{if(h.createEventObject&&i.doScroll){try{g=!a.frameElement}catch(o){}g&&n()}h[j](l+"DOMContentLoaded",m,e),h[j](l+d,m,e),a[j](l+"load",m,e)}}function g(a){a=a.match(/^(\W)?(.*)/);var b=document["getElement"+(a[1]?"#"==a[1]?"ById":"sByClassName":"sByTagName")](a[2]),c=[];return null!=b&&(c=b.length?b:0==b.length?b:[b]),c}function h(a,b){var c={};for(var d in a)c[d]=a[d];for(var e in b)c[e]=b[e];return c}function k(a,b,c){b=parseInt(b,10),a=parseInt(a,10);var d=Math.max(b,a),e=Math.min(b,a),f=1/12,g=Math.min(.75*e,.75*d*f);return{height:Math.round(Math.max(c.size,g))}}function l(a,b,c,d){var f=k(b.width,b.height,c),g=f.height,h=b.width*d,i=b.height*d,j=c.font?c.font:"sans-serif";e.width=h,e.height=i,a.textAlign="center",a.textBaseline="middle",a.fillStyle=c.background,a.fillRect(0,0,h,i),a.fillStyle=c.foreground,a.font="bold "+g+"px "+j;var l=c.text?c.text:Math.floor(b.width)+"x"+Math.floor(b.height),m=a.measureText(l).width;return m/h>=.75&&(g=Math.floor(.75*g*(h/m))),a.font="bold "+g*d+"px "+j,a.fillText(l,h/2,i/2,h),e.toDataURL("image/png")}function m(a,b,c,e){var f=c.dimensions,g=c.theme,i=c.text?decodeURIComponent(c.text):c.text,j=f.width+"x"+f.height;g=i?h(g,{text:i}):g,g=c.font?h(g,{font:c.font}):g,"image"==a?(b.setAttribute("data-src",e),b.setAttribute("alt",i?i:g.text?g.text+" ["+j+"]":j),(d||!c.auto)&&(b.style.width=f.width+"px",b.style.height=f.height+"px"),d?b.style.backgroundColor=g.background:b.setAttribute("src",l(p,f,g,s))):"background"==a?d||(b.style.backgroundImage="url("+l(p,f,g,s)+")",b.style.backgroundSize=f.width+"px "+f.height+"px"):"fluid"==a&&(b.setAttribute("data-src",e),b.setAttribute("alt",i?i:g.text?g.text+" ["+j+"]":j),b.style.height="%"==f.height.substr(-1)?f.height:f.height+"px",b.style.width="%"==f.width.substr(-1)?f.width:f.width+"px",("inline"==b.style.display||""==b.style.display)&&(b.style.display="block"),d?b.style.backgroundColor=g.background:(b.holderData=c,t.push(b),n(b)))}function n(a){var b;b=null==a.nodeType?t:[a];for(i in b){var c=b[i];if(c.holderData){var d=c.holderData;c.setAttribute("src",l(p,{height:c.clientHeight,width:c.clientWidth},d.theme,s))}}}function o(b,c){var d={theme:u.themes.gray},e=!1;for(sl=b.length,j=0;sl>j;j++){var f=b[j];a.flags.dimensions.match(f)?(e=!0,d.dimensions=a.flags.dimensions.output(f)):a.flags.fluid.match(f)?(e=!0,d.dimensions=a.flags.fluid.output(f),d.fluid=!0):a.flags.colors.match(f)?d.theme=a.flags.colors.output(f):c.themes[f]?d.theme=c.themes[f]:a.flags.text.match(f)?d.text=a.flags.text.output(f):a.flags.font.match(f)?d.font=a.flags.font.output(f):a.flags.auto.match(f)&&(d.auto=!0)}return e?d:!1}var c=!1,d=!1,e=document.createElement("canvas");if(document.getElementsByClassName||(document.getElementsByClassName=function(a){var c,d,e,b=document,f=[];if(b.querySelectorAll)return b.querySelectorAll("."+a);if(b.evaluate)for(d=".//*[contains(concat(' ', @class, ' '), ' "+a+" ')]",c=b.evaluate(d,b,null,0,null);e=c.iterateNext();)f.push(e);else for(c=b.getElementsByTagName("*"),d=new RegExp("(^|\\s)"+a+"(\\s|$)"),e=0;e<c.length;e++)d.test(c[e].className)&&f.push(c[e]);return f}),window.getComputedStyle||(window.getComputedStyle=function(a){return this.el=a,this.getPropertyValue=function(b){var c=/(\-([a-z]){1})/g;return"float"==b&&(b="styleFloat"),c.test(b)&&(b=b.replace(c,function(){return arguments[2].toUpperCase()})),a.currentStyle[b]?a.currentStyle[b]:null},this}),Object.prototype.hasOwnProperty||(Object.prototype.hasOwnProperty=function(a){var b=this.__proto__||this.constructor.prototype;return a in this&&(!(a in b)||b[a]!==this[a])}),e.getContext)if(e.toDataURL("image/png").indexOf("data:image/png")<0)d=!0;else var p=e.getContext("2d");else d=!0;var q=1,r=1;d||(q=window.devicePixelRatio||1,r=p.webkitBackingStorePixelRatio||p.mozBackingStorePixelRatio||p.msBackingStorePixelRatio||p.oBackingStorePixelRatio||p.backingStorePixelRatio||1);var s=q/r,t=[],u={domain:"holder.js",images:"img",bgnodes:".holderjs",themes:{gray:{background:"#eee",foreground:"#aaa",size:12},social:{background:"#3a5a97",foreground:"#fff",size:12},industrial:{background:"#434A52",foreground:"#C2F200",size:12}},stylesheet:""};a.flags={dimensions:{regex:/^(\d+)x(\d+)$/,output:function(a){var b=this.regex.exec(a);return{width:+b[1],height:+b[2]}}},fluid:{regex:/^([0-9%]+)x([0-9%]+)$/,output:function(a){var b=this.regex.exec(a);return{width:b[1],height:b[2]}}},colors:{regex:/#([0-9a-f]{3,})\:#([0-9a-f]{3,})/i,output:function(a){var b=this.regex.exec(a);return{size:u.themes.gray.size,foreground:"#"+b[2],background:"#"+b[1]}}},text:{regex:/text\:(.*)/,output:function(a){return this.regex.exec(a)[1]}},font:{regex:/font\:(.*)/,output:function(a){return this.regex.exec(a)[1]}},auto:{regex:/^auto$/}};for(var v in a.flags)a.flags.hasOwnProperty(v)&&(a.flags[v].match=function(a){return a.match(this.regex)});a.add_theme=function(b,c){return null!=b&&null!=c&&(u.themes[b]=c),a},a.add_image=function(b,c){var d=g(c);if(d.length)for(var e=0,f=d.length;f>e;e++){var h=document.createElement("img");h.setAttribute("data-src",b),d[e].appendChild(h)}return a},a.run=function(b){var d=h(u,b),e=[],f=[],i=[];for("string"==typeof d.images?f=g(d.images):window.NodeList&&d.images instanceof window.NodeList?f=d.images:window.Node&&d.images instanceof window.Node&&(f=[d.images]),"string"==typeof d.bgnodes?i=g(d.bgnodes):window.NodeList&&d.elements instanceof window.NodeList?i=d.bgnodes:window.Node&&d.bgnodes instanceof window.Node&&(i=[d.bgnodes]),c=!0,n=0,l=f.length;l>n;n++)e.push(f[n]);var j=document.getElementById("holderjs-style");j||(j=document.createElement("style"),j.setAttribute("id","holderjs-style"),j.type="text/css",document.getElementsByTagName("head")[0].appendChild(j)),d.nocss||(j.styleSheet?j.styleSheet.cssText+=d.stylesheet:j.appendChild(document.createTextNode(d.stylesheet)));for(var k=new RegExp(d.domain+'/(.*?)"?\\)'),l=i.length,n=0;l>n;n++){var p=window.getComputedStyle(i[n],null).getPropertyValue("background-image"),q=p.match(k),r=i[n].getAttribute("data-background-src");if(q){var s=o(q[1].split("/"),d);s&&m("background",i[n],s,p)}else if(null!=r){var s=o(r.substr(r.lastIndexOf(d.domain)+d.domain.length+1).split("/"),d);s&&m("background",i[n],s,p)}}for(l=e.length,n=0;l>n;n++){var t=attr_data_src=p=null;try{t=e[n].getAttribute("src"),attr_datasrc=e[n].getAttribute("data-src")}catch(v){}if(null==attr_datasrc&&t&&t.indexOf(d.domain)>=0?p=t:attr_datasrc&&attr_datasrc.indexOf(d.domain)>=0&&(p=attr_datasrc),p){var s=o(p.substr(p.lastIndexOf(d.domain)+d.domain.length+1).split("/"),d);s&&(s.fluid?m("fluid",e[n],s,p):m("image",e[n],s,p))}}return a},f(b,function(){window.addEventListener?(window.addEventListener("resize",n,!1),window.addEventListener("orientationchange",n,!1)):window.attachEvent("onresize",n),c||a.run()}),"function"==typeof define&&define.amd&&define("Holder",[],function(){return a})}(Holder,window);


--------------------------------------------------------------------------------
/src/JChart.Polar.js:
--------------------------------------------------------------------------------
  1 |   ;(function(_){
  2 |     function Polar(data,cfg){
  3 |     	_.Scale.apply(this);
  4 |         var _this = this;
  5 |         this.data = this.chartData = data;
  6 |   		//配置项
  7 |         _.extend(this.config,{
  8 |             drawScaleFirst : false,
  9 |             //是否显示刻度文本背景
 10 |             showScaleLabelBackdrop : true,
 11 |             //刻度背景颜色
 12 |             scaleBackdropColor : "rgba(255,255,255,0.75)",
 13 |             //刻度padding-top bottom
 14 |             scaleBackdropPaddingY : 2,
 15 |             //刻度padding-left right
 16 |             scaleBackdropPaddingX : 2,
 17 |             //是否显示角度分割线
 18 |             showAngleLine : true,
 19 |             //分割线颜色
 20 |             angleLineColor : "rgba(0,0,0,.1)",
 21 |             showBorder : true,
 22 |             borderColor : '#fff',
 23 |             borderWidth : 1,
 24 |             textFont : {
 25 |                 size : 16,
 26 |                 color : '#666',
 27 |                 textBaseline : 'middle'
 28 |             },
 29 |             //分割线宽度
 30 |             angleLineWidth : 1,
 31 |             //是否开启旋转动画
 32 |             animateRotate : true,
 33 |             //是否开启缩放动画
 34 |             animateScale : false
 35 |         });
 36 |         /**
 37 |          * 绑定canvas dom元素上的事件
 38 |          */
 39 |         this.bindEvents = function(){
 40 |             this.on('_tap',tapHandler);
 41 |         }
 42 |         
 43 |         this.draw = function(noAnim){
 44 |             this.mergeFont(['scaleFont','textFont']);
 45 |         	this.initScale();
 46 |             if(noAnim){
 47 |                 this.drawAllSegments(1);
 48 |                 this.drawScale();
 49 |             }
 50 |         	this.doAnim(this.drawScale,this.drawAllSegments);
 51 |         }
 52 |         function tapHandler(x,y){
 53 |             var i = isInSegment(x,y);
 54 |             if(i>-1){
 55 |                 this.trigger('tap.pie',[this.data[i],i]);
 56 |             }
 57 |         }
 58 |         this.calcDrawingSizes = function(){
 59 |             var maxSize = Math.min(this.width,this.height)/2,
 60 |                 cfg = this.config,size = cfg.scaleFont.size,lh = size*2;
 61 | 
 62 |             maxSize -= Math.max(size*0.5,cfg.scaleLineWidth*0.5);
 63 |             if (cfg.showScaleLabelBackdrop){
 64 |                 lh += (2 * cfg.scaleBackdropPaddingY);
 65 |                 maxSize -= cfg.scaleBackdropPaddingY*1.5;
 66 |             }
 67 |             this.scaleData.yHeight = maxSize - 10;
 68 |             this.scaleData.yLabelHeight = lh;
 69 |         }
 70 |         
 71 |         this.drawScale = function(){
 72 |         	var cfg = this.config,scale = this.scaleData,x = this.width/2, y = this.height/2
 73 |                 size = cfg.scaleFont.size,px = cfg.scaleBackdropPaddingX,py = cfg.scaleBackdropPaddingY;
 74 |             this.ctx.save().translate(x,y);
 75 | 
 76 |             //画圆圈
 77 |             for (var i=0; i<scale.yScaleValue.step; i++){
 78 |                 var hop = scale.yHop * (i + 1);
 79 |                 cfg.showGridLine && this.ctx.circle(0, 0, hop,false,cfg.gridLineColor,cfg.gridLineWidth);
 80 |                 if (cfg.showScaleLabel){
 81 |                     var label =  scale.yScaleValue.labels[i];
 82 |                     if (cfg.showScaleLabelBackdrop){
 83 |                         var textWidth = this.ctx.measureText(label).width;
 84 |                         this.ctx.rect(
 85 |                             Math.round(- textWidth/2 - px),     //X
 86 |                             Math.round(- hop - size/2 - py),//Y
 87 |                             Math.round(textWidth + px*2), //Width
 88 |                             Math.round(size + py*2), //Height
 89 |                             cfg.scaleBackdropColor
 90 |                         );
 91 |                     }
 92 |                     this.ctx.fillText(label,0,-hop,cfg.scaleFont);
 93 |                 }
 94 |             }
 95 |             //画角度分割线
 96 |             var len = this.data.labels.length,rotateAngle = (2*Math.PI)/len;
 97 |             this.ctx.rotate(-Math.PI/2-rotateAngle);
 98 |             _.each(this.data.labels,function(label,i){
 99 |                 this.ctx.rotate(rotateAngle);
100 |                 if(cfg.showAngleLine){
101 |                 this.ctx.line(0,0,scale.yHeight,0,cfg.angleLineColor,cfg.angleLineWidth);
102 |                 }
103 |                 if(cfg.showLabel){
104 |                     this.ctx.save().translate(scale.yHeight+10,0).rotate(Math.PI/2 - rotateAngle*i);
105 |                     this.ctx.fillText(label,0,0,cfg.textFont);
106 |                     this.ctx.restore();
107 |                 }
108 |             },this);
109 |             this.ctx.restore();
110 |         }
111 | 
112 |         this.drawAllSegments = function(animPc){
113 |             var startAngle = -Math.PI/2,angleStep = (Math.PI*2)/this.data.datasets.length,
114 |                scaleAnim = 1,rotateAnim = 1,
115 |                 scale = this.scaleData,cfg = this.config,
116 |                 borderColor,borderWidth;
117 |             if (cfg.animation) {
118 |                 cfg.animateScale && (scaleAnim = animPc);
119 |                 cfg.animateRotate && (rotateAnim = animPc);
120 |             }
121 |             if(cfg.showBorder){
122 |                 borderColor = cfg.borderColor;
123 |                 borderWidth = cfg.borderWidth;
124 |             }
125 |             _.each(this.data.datasets,function(d){
126 |                 var r = scaleAnim * this.calcOffset(d.value,scale.yScaleValue,scale.yHop);
127 |                 this.ctx.sector(this.width/2,this.height/2,r,startAngle, startAngle + rotateAnim*angleStep, _.hex2Rgb(d.color,.6),borderColor,borderWidth);
128 |                 startAngle += rotateAnim*angleStep;
129 |             },this);
130 |         }
131 | 
132 |         this.getValueBounds = function(data){
133 |             var upperValue = Number.MIN_VALUE;
134 |             var lowerValue = Number.MAX_VALUE;
135 |             for (var i=0; i<data.length; i++){
136 |                 if (data[i].value > upperValue) {upperValue = data[i].value;}
137 |                 if (data[i].value < lowerValue) {lowerValue = data[i].value;}
138 |             };
139 |             var yh = this.scaleData.yHeight;
140 |             var lh = this.scaleData.yLabelHeight;
141 |             var maxSteps = Math.floor((yh/(lh*0.66)));
142 |             var minSteps = Math.floor((yh/lh*0.5));
143 |             return {
144 |                 maxValue : upperValue,
145 |                 minValue : lowerValue,
146 |                 maxSteps : maxSteps,
147 |                 minSteps : minSteps
148 |             };
149 |         }
150 | 
151 |         function isInSegment(x,y){
152 |             var startAngle = -Math.PI/2,
153 |                 angleStep = (Math.PI*2)/this.data.length;
154 |             var x = x-_this.width/ 2,y = y-_this.height/2;
155 |             //距离圆点的距离
156 |             var dfc = Math.sqrt( Math.pow( Math.abs(x), 2 ) + Math.pow( Math.abs(y), 2 ) );
157 |             var isInPie = (dfc <= _this.scaleData.yHeight);
158 |             if(!isInPie)return -1;
159 |             var clickAngle = Math.atan2(y, x)-startAngle;
160 |             if ( clickAngle < 0 ) clickAngle = 2 * Math.PI + clickAngle;
161 |             if(clickAngle > 2 * Math.PI) clickAngle = clickAngle - 2 * Math.PI;
162 |             return Math.floor(clickAngle/angleStep);
163 |         }
164 | 
165 |         //初始化参数
166 |         if(cfg)this.initial(cfg);
167 |   
168 |     }
169 |     _.Polar = Polar;
170 |   })(JChart);


--------------------------------------------------------------------------------
/src/JChart.Radar.js:
--------------------------------------------------------------------------------
  1 | ;(function (_) {
  2 |     function Radar(data, cfg) {
  3 |         _.Scale.apply(this);
  4 |         var pointRanges = [];//记录线的节点位置 (for click 事件)
  5 |         var _this = this;
  6 |         this.data = this.chartData = data;
  7 |         //配置项
  8 |         _.extend(this.config, {
  9 |             drawScaleFirst : false,
 10 |             //是否显示刻度文本背景
 11 |             scaleShowLabelBackdrop:true,
 12 |             //刻度背景颜色
 13 |             scaleBackdropColor:"rgba(255,255,255,0.75)",
 14 |             //刻度padding-top bottom
 15 |             scaleBackdropPaddingY:2,
 16 |             //刻度padding-left right
 17 |             scaleBackdropPaddingX:2,
 18 |             //图形形状,菱形 diamond，圆形 circle
 19 |             graphShape:'circle',
 20 |             //是否显示角度分割线
 21 |             showAngleLine:true,
 22 |             //角度分割线颜色
 23 |             angleLineColor:"rgba(0,0,0,.1)",
 24 |             //角度分割线宽度
 25 |             angleLineWidth:1,
 26 |             //是否显示线的连接点
 27 |             showPoint:true,
 28 |             //连接圆点半径
 29 |             pointRadius:3,
 30 |             //连接点的边框宽度
 31 |             pointBorderWidth:1,
 32 |             //连接点的点击范围(方便手指触摸)
 33 |             pointClickBounds:20,
 34 |             //连接线的宽度
 35 |             lineWidth:2,
 36 |             //是否填充为面积图
 37 |             fill:true,
 38 |             showScaleLabel:true,
 39 |             showText : false,
 40 |             gridLineColor:'rgb(0,0,0,.5)'
 41 |         });
 42 | 
 43 |         /**
 44 |          * 绑定canvas dom元素上的事件 如：click、touch
 45 |          */
 46 |         this.bindEvents = function () {
 47 |             this.on('_tap', tapHandler);
 48 |         }
 49 | 
 50 |         this.draw = function (noAnim) {
 51 |             this.mergeFont(['scaleFont','textFont']);
 52 |             this.initScale();
 53 |             if (noAnim) {
 54 |                 this.drawAllDataPoints(1);
 55 |                 this.drawScale();
 56 |             } else {
 57 |                 this.doAnim(this.drawScale, this.drawAllDataPoints);
 58 |             }
 59 |         }
 60 | 
 61 |         function tapHandler(x, y) {
 62 |             var p = isInPointRange(x,y);
 63 |             if(p){
 64 |                 _this.trigger('tap.point',[_this.data.datasets[p[3]].data[p[2]],p[2],p[3]]);
 65 |             }
 66 |         }
 67 | 
 68 |         this.calcDrawingSizes = function () {
 69 |             var maxSize = (Math.min(this.width, this.height) / 2),
 70 |                 cfg = this.config,
 71 |                 labelHeight = cfg.scaleFont.size * 2;
 72 |             var labelLength = 0;
 73 |             _.each(_this.data.labels, function (label) {
 74 |                 this.ctx.set(cfg.textFont);
 75 |                 var w = this.ctx.measureText(label).width;
 76 |                 if (w > labelLength) labelLength = w;
 77 |             }, this);
 78 |             maxSize -= Math.max(labelLength, ((cfg.textFont.size/2) * 1.5));
 79 |             maxSize -= cfg.textFont.size;
 80 |             maxSize = _.capValue(maxSize, null, 0);
 81 |             this.scaleData.yHeight = maxSize;
 82 |             this.scaleData.yLabelHeight = labelHeight;
 83 |         }
 84 | 
 85 |         this.drawScale = function () {
 86 |             var ctx = this.ctx, cfg = this.config, scale = this.scaleData,scaleSize = cfg.scaleFont.size,textSize = cfg.textFont.size,
 87 |                 dataLen = this.data.labels.length,px = cfg.scaleBackdropPaddingX,py = cfg.scaleBackdropPaddingY;
 88 |             //计算每条数据的角度
 89 |             var rotationDegree = (2 * Math.PI) / dataLen;
 90 |             ctx.save().translate(this.width / 2, this.height / 2);
 91 |             //显示角度分割线
 92 |             if (cfg.showAngleLine) {
 93 |                 var w = scale.yHeight - (scale.yHeight % scale.yHop);
 94 |                 //画每个角度的分割线
 95 |                 for (var h = 0; h < dataLen; h++) {
 96 |                     ctx.rotate(rotationDegree).line(0,0,0,-w,cfg.angleLineColor,cfg.angleLineWidth);
 97 |                 }
 98 |             }
 99 |             //画刻度线
100 |             for (var i = 0; i < scale.yScaleValue.step; i++) {
101 |                 var hop = scale.yHop * (i + 1);
102 |                 ctx.beginPath();
103 |                 if (cfg.showGridLine) {
104 |                     ctx.set({strokeStyle : cfg.gridLineColor,lineWidth : cfg.gridLineWidth})
105 |                     if (cfg.graphShape == 'diamond') {
106 |                         ctx.moveTo(0, -hop);
107 |                         for (var j = 0; j < dataLen; j++) {
108 |                             ctx.rotate(rotationDegree).lineTo(0, -hop);
109 |                         }
110 |                     } else {
111 |                         ctx.circle(0, 0, hop);
112 |                     }
113 |                     ctx.closePath().stroke();
114 |                 }
115 |                 //画刻度值
116 |                 if (cfg.showScaleLabel) {
117 |                     var label =  scale.yScaleValue.labels[i];
118 |                     //显示刻度值的背景
119 |                     if (cfg.showScaleLabelBackdrop){
120 |                         var textWidth = this.ctx.measureText(label).width;
121 |                         this.ctx.rect(
122 |                             Math.round(-textWidth/2 - px),     //X
123 |                             Math.round(-hop - scaleSize/2 - py),//Y
124 |                             Math.round(textWidth + px*2), //Width
125 |                             Math.round(scaleSize + py*2), //Height
126 |                             cfg.scaleBackdropColor
127 |                         );
128 |                     }
129 |                     this.ctx.fillText(label,0,-hop,cfg.scaleFont);
130 |                 }
131 | 
132 |             }
133 | 
134 |             //设置文本样式
135 |             this.ctx.set(cfg.textFont);
136 |             //显示数据标签文本
137 |             for (var k = 0; k < dataLen; k++) {
138 |                 var opposite = Math.sin(rotationDegree * k) * (scale.yHeight + textSize);
139 |                 var adjacent = Math.cos(rotationDegree * k) * (scale.yHeight + textSize);
140 |                 var align;
141 |                 if (rotationDegree * k == Math.PI || rotationDegree * k == 0) {
142 |                     align = 'center';
143 |                 } else if (rotationDegree * k > Math.PI) {
144 |                     align = 'right';
145 |                 }else {
146 |                     align = 'left';
147 |                 }
148 |                 this.ctx.fillText(this.data.labels[k], opposite, -adjacent,{textAlign:align});
149 |             }
150 |             ctx.restore();
151 |         }
152 | 
153 |         this.drawAllDataPoints = function (animPc) {
154 |             if (animPc >= 1)pointRanges = [];
155 |             var dataLen = data.datasets[0].data.length,
156 |                 rotationDegree = (2 * Math.PI) / dataLen,
157 |                 scale = this.scaleData,
158 |                 ctx = this.ctx, cfg = this.config;
159 |             ctx.save().translate(this.width / 2, this.height / 2);
160 |             _.each(this.data.datasets, function (set, i) {
161 |                 ctx.beginPath().moveTo(0, getY(set.data[0]));
162 |                 //画连接线
163 |                 _.each(set.data, function (d, j) {
164 |                     if (j == 0)return true;
165 |                     ctx.rotate(rotationDegree).lineTo(0, getY(d));
166 |                 });
167 |                 ctx.closePath();
168 | 
169 |                 cfg.fill && ctx.fill(set.fillColor||_.hex2Rgb(set.color,0.6));
170 |                 ctx.stroke(set.color,cfg.lineWidth);
171 | 
172 |                 //画连接点
173 |                 _.each(set.data,function(d,j){
174 |                     var y = getY(d);
175 |                     if (cfg.showPoint) {
176 |                         ctx.rotate(rotationDegree).circle(0, y, cfg.pointRadius,set.pointColor,set.pointBorderColor,cfg.pointBorderWidth);
177 |                     }
178 |                     if(animPc >= 1){
179 |                         var p = getPosition(y,j);
180 |                         pointRanges.push([p[0],p[1],j,i]);
181 |                     }
182 |                 });
183 |                 ctx.rotate(rotationDegree);
184 | 
185 |             }, this);
186 |             ctx.restore();
187 |             if(cfg.showText){
188 |                 drawText();
189 |             }
190 |             function getY(d){
191 |                 return -animPc * _this.calcOffset(d, scale.yScaleValue, scale.yHop);
192 |             }
193 |             function getPosition(radius,i){
194 |                 radius = Math.abs(radius);
195 |                 var x,y;
196 |                 var angel = -Math.PI/2 + i * rotationDegree;
197 |                 x = Math.cos(angel)*radius + _this.width/2;
198 |                 y = Math.sin(angel)*radius + _this.height/2;
199 |                 return [x,y];
200 |             }
201 |         }
202 | 
203 |         function drawText(){
204 |             _.each(pointRanges,function(p){
205 |                 var y = p[1];
206 |                 if(y > _this.height/2){
207 |                     y += 6;
208 |                 }
209 |                 _this.drawText(_this.data.datasets[p[3]].data[p[2]],p[0],y,[p[2],p[3]]);
210 |             });
211 | 
212 |         }
213 | 
214 |         function isInPointRange(x,y){
215 |             var point,pb = _this.config.pointClickBounds;
216 |             _.each(pointRanges,function(p){
217 |                 if(x >= p[0] - pb && x <= p[0] + pb && y >= p[1]-pb && y <= p[1] + pb){
218 |                     point = p;
219 |                     return false;
220 |                 }
221 |             });
222 |             return point;
223 |         }
224 |         //初始化参数
225 |         if (cfg)this.initial(cfg);
226 |     }
227 |     _.Radar = Radar;
228 | })(JChart);


--------------------------------------------------------------------------------
/src/JChart.Pie.js:
--------------------------------------------------------------------------------
  1 | ;(function(_){
  2 |     function Pie(data,cfg){
  3 |         _.Chart.apply(this);
  4 |         var angleRanges;//记录每个扇形的起始角度（从0开始）
  5 |         var _this = this;
  6 |         this.data = data;
  7 |         var radius,totalData = 0,startAngle = 0,rotateAngle = 0,currentOutIndex = -1,origin = {};
  8 |         //覆盖配置项
  9 |         _.extend(this.config,{
 10 |             //border
 11 |             showBorder : true,
 12 |             //border color
 13 |             borderColor : "#fff",
 14 |             //border width
 15 |             borderWidth : 2,
 16 |             //开始角度,默认为12点钟方向
 17 |             startAngle : -Math.PI/2,
 18 |             //旋转扇形，使其中线对应的角度
 19 |             rotateAngle : Math.PI/2,
 20 |             //扇形弹出距离
 21 |             pullOutDistance : 10,
 22 |             //点击扇形默认触发的事件类型
 23 |             clickType : 'pullOut',// pullOut||rotate
 24 |             //环形图
 25 |             isDount : false,
 26 |             dountRadiusPercent :0.4,
 27 |             totalAngle : Math.PI*2,
 28 |             dountText : '',
 29 |             dountFont : {
 30 |                 size : 20,
 31 |                 style : 600,
 32 |                 color : '#3498DB'
 33 |             }
 34 |         });
 35 |         /**
 36 |          * 计算各个扇形的起始角度
 37 |          * @param data
 38 |          */
 39 |         function calcAngel(){
 40 |             var angle = 0;
 41 |             angleRanges = [];
 42 |             _.each(_this.data,function(d,i){
 43 |                 var start = angle;
 44 |                 var percent = d.value/totalData;
 45 |                 angle = angle + percent * _this.config.totalAngle;
 46 |                 var end = angle;
 47 |                 angleRanges.push([start,end,d,i,percent]);
 48 |             })
 49 |         }
 50 | 
 51 |         function animRotate(percent){
 52 |             drawPie(percent,'rotate');
 53 |         }
 54 | 
 55 |         /**
 56 |          *  画饼图
 57 |          * @param percent 动画比例
 58 |          */
 59 |         function drawPie (percent,type){
 60 |             _this.clear();
 61 |             percent = _this.config.animation ? percent : 1;
 62 |             _.each(angleRanges,function(a){
 63 |                 drawSector(a,percent,type);
 64 |             });
 65 |             _this.config.isDount && _this.config.dountText && drawDountText();
 66 |         }
 67 | 
 68 |         /**
 69 |          * 计算扇形真实的角度
 70 |          */
 71 |         function calcSectorAngle(r,p,t){
 72 |             var start = r[0],end = r[1];
 73 |             if(t == 'rotate'){
 74 |                 //旋转
 75 |                 start = start + startAngle + rotateAngle*p;
 76 |                 end = end + startAngle + rotateAngle*p;
 77 |             }else{
 78 |                 //默认动画
 79 |                 start = start*p + startAngle;
 80 |                 end = end*p + startAngle
 81 |             }
 82 |             return {
 83 |                 start : start,
 84 |                 end : end
 85 |             }
 86 |         }
 87 | 
 88 |         /**
 89 |          * 画扇形
 90 |          * @param i
 91 |          * @param animPercent
 92 |          */
 93 |         function drawSector(r,p,t){
 94 |             var x = origin.x,y = origin.y,cfg = _this.config,
 95 |                 index = r[3],angle = calcSectorAngle(r,p,t);
 96 | 
 97 |             if(index == currentOutIndex){
 98 |                 var midAngle = (r[0] + r[1])/2+startAngle;
 99 |                 x += Math.cos(midAngle) * cfg.pullOutDistance;
100 |                 y += Math.sin(midAngle) * cfg.pullOutDistance;
101 |             }
102 |             if(cfg.isDount){
103 |                 _this.ctx.dountSector(x,y,radius*cfg.dountRadiusPercent,radius,angle.start,angle.end,_this.data[index].color);
104 |             }else{
105 |                 _this.ctx.sector(x,y,radius,angle.start,angle.end,_this.data[index].color);
106 |             }
107 |             cfg.showBorder && _this.ctx.stroke(cfg.borderColor,cfg.borderWidth);
108 |             cfg.showText && drawText(x,y,radius,angle.start,angle.end,r);
109 |         }
110 | 
111 |         function drawText(x,y,r,start,end,data){
112 |             //计算文本位置
113 |             var middAngle = (start+end)/ 2, dis = r/ 2,
114 |                 percent = data[4],d = data[2];
115 |             if(_this.config.isDount){
116 |                 dis = r/2 + r*_this.config.dountRadiusPercent/2;
117 |             }
118 |             percent = (percent * 100).toFixed(1)+'%';
119 |             var xaxis = Math.cos(middAngle) * dis + x, yaxis = Math.sin(middAngle) * dis + y;
120 |             _this.drawText(percent,xaxis,yaxis,[d,data[3],data[4]]);
121 |         }
122 |         function drawDountText(){
123 |             _this.ctx.fillText(_this.config.dountText,origin.x,origin.y,_this.config.dountFont);
124 |         }
125 |         /**
126 |          * 绑定canvas dom元素上的事件 如：click、touch
127 |          */
128 |         this.bindEvents = function(){
129 |             this.on('_tap',function(x,y){tapHandler(x,y,'tap.pie')});
130 |             //暂时关闭doubleTap事件
131 |             //this.on('_doubleTap',function(x,y){tapHandler(x,y,'doubleTap.pie')});
132 |             this.on('_longTap',function(x,y){tapHandler(x,y,'longTap.pie')});
133 |             //添加一个默认点击事件
134 |             this.on('tap.pie',function(){return true;})
135 |         }
136 | 
137 |         function tapHandler(x,y,event){
138 |             var type = _this.config.clickType;
139 |             var angle = isInSegment(x,y);
140 |             if(angle){
141 |                 if(event == 'tap.pie'){//处理一些默认行为
142 |                     if(!_this.trigger(event,[angle[2],angle[3]]))return;
143 |                     if(type == 'rotate'){
144 |                         _this.rotate(angle[3]);
145 |                     }else if(type == 'pullOut'){
146 |                         _this.toggleSegment(angle[3]);
147 |                     }
148 |                 }else{
149 |                     _this.trigger(type,[angle[2],angle[3]]);
150 |                 }
151 |             }
152 |         }
153 | 
154 |         function isInSegment(offsetX,offsetY){
155 |             var angle;
156 |             var x = offsetX - origin.x;
157 |             var y = offsetY - origin.y;
158 |             //距离圆点的距离
159 |             var dfc = Math.sqrt( Math.pow( Math.abs(x), 2 ) + Math.pow( Math.abs(y), 2 ) );
160 |             var isInPie = (dfc <= radius);
161 |             if(isInPie && _this.config.isDount){//排除dount图中心区
162 |                 isInPie = (dfc >= radius*_this.config.dountRadiusPercent);
163 |             }
164 |             if(!isInPie)return;
165 |             var clickAngle = Math.atan2(y, x)-startAngle;
166 |             if ( clickAngle < 0 ) clickAngle += 2 * Math.PI;
167 |             if(clickAngle > 2 * Math.PI) clickAngle -= 2 * Math.PI;
168 | 
169 |             _.each(angleRanges,function(a){
170 |                 if(clickAngle >= a[0] && clickAngle < a[1]){
171 |                     angle = a;
172 |                     return false;
173 |                 }
174 |             });
175 |             return angle;
176 |         }
177 | 
178 |         /**
179 |          * 弹出/收起扇形块
180 |          * @param i 扇形索引
181 |          */
182 |         this.toggleSegment = function(i){
183 |             if(i == currentOutIndex){
184 |                 this.pushIn();
185 |             }else{
186 |                 this.pullOut(i);
187 |             }
188 |         }
189 |         /**
190 |          * 收起所有弹出的扇形块
191 |          */
192 |         this.pushIn = function(){
193 |             currentOutIndex = -1;
194 |             drawPie(1);
195 |             this.trigger('pushIn');
196 |         }
197 |         /**
198 |          * 弹出指定的扇形块
199 |          * @param i 扇形索引
200 |          */
201 |         this.pullOut = function(i){
202 |             if ( currentOutIndex == i ) return;
203 |             currentOutIndex = i;
204 |             drawPie(1);
205 |             this.trigger('pullOut',[_this.data[i],i,angleRanges[i][4]]);
206 |         }
207 |         /**
208 |          * 旋转扇形块的中线指向6点钟方向
209 |          * @param i 扇形索引
210 |          */
211 |         this.rotate = function(i){
212 |             if(_this.isAnimating)return;
213 |             var middAngle = (angleRanges[i][0] + angleRanges[i][1]) / 2 + startAngle;
214 |             var newRotateAngle = _this.config.rotateAngle-middAngle;
215 |             if(_.isEqual(newRotateAngle,0))return;
216 |             this.pushIn();
217 |             rotateAngle = newRotateAngle;
218 |             this.doAnim(null,animRotate,function(){
219 |                 startAngle += rotateAngle;
220 |                 _this.trigger('rotate',[_this.data[i],i,angleRanges[i][4]]);
221 |             });
222 |         }
223 |         this.setDountText = function(text){
224 |             _this.config.dountText = text;
225 |             drawPie(1);
226 |         }
227 |         /**
228 |          * 画图
229 |          */
230 |         this.draw = function(noAnim){
231 |             this.mergeFont(['textFont','dountFont']);
232 |             calcOrigin();
233 |             totalData = 0;
234 |             currentOutIndex = -1;
235 |             _.each(_this.data,function(d){
236 |                 totalData += d.value;
237 |             });
238 |             calcAngel();
239 |             startAngle = _this.config.startAngle;
240 |             if(noAnim){
241 |                 drawPie(1);
242 |             }else{
243 |                 this.doAnim(null,drawPie);
244 |             }
245 |         }
246 |         //计算原点位置及半径
247 |         function calcOrigin(){
248 |             if(_this.config.totalAngle == Math.PI){
249 |                 origin = {
250 |                     x : _this.width/2,
251 |                     y : _this.height - 20
252 |                 }
253 |                 radius = Math.min(origin.x,origin.y) - 10;
254 |             }else{
255 |                 origin = {x:_this.width/2,y:_this.height/2};
256 |                 radius = Math.min(origin.x,origin.y) - 10;
257 |             }
258 |         }
259 |         //初始化参数
260 |         if(cfg)this.initial(cfg);
261 |     }
262 |     _.Pie = Pie;
263 | }(JChart));
264 | 


--------------------------------------------------------------------------------
/src/JChart.Canvas.js:
--------------------------------------------------------------------------------
  1 | /**
  2 |  * 简单的Canvas帮助类，使canvas支持类似于jquery的链式操作，支持CanvasRenderingContext2D所有的方法，并提供一些常用的工具方法
  3 |  */
  4 | ;(function(_){
  5 |     function Chain(el){
  6 |         //需要返回结果的方法，这些方法将不能进行后续的链式调用
  7 |         var needReturnValueFn = ['isPointInPath','measureText','getImageData','createLinearGradient','createPattern','createRadialGradient','isPointInPath'];
  8 |         function Canvas(){
  9 |             this.el = el = (typeof el === 'string') ? document.getElementById(el) : el;
 10 |             this.ctx = el.getContext('2d');
 11 |             this.width = el.width;
 12 |             this.height = el.height;
 13 |             addProtoFunc(this.ctx);
 14 |         }
 15 | 
 16 |         //添加canvas原生方法到prototype中
 17 |         function addProtoFunc(ctx){
 18 |             for(var fn in CanvasRenderingContext2D.prototype){
 19 |                 if(Canvas.prototype[fn])continue;
 20 |                 Canvas.prototype[fn] = function(fn){
 21 |                     return function(){
 22 |                         var args = Array.prototype.slice.call(arguments);
 23 |                         var result = ctx[fn].apply(ctx,args);
 24 |                         if(needReturnValueFn.indexOf(fn)>-1){
 25 |                             return result;
 26 |                         }
 27 |                         return this;
 28 |                     }
 29 |                 }(fn);
 30 |             }
 31 |         }
 32 | 
 33 |         Canvas.prototype = {
 34 |             /**
 35 |              *  设置context的属性值
 36 |              * @param name 属性名
 37 |              * @param value 属性值
 38 |              * @return this
 39 |              */
 40 |             set : function(name,value){
 41 |                 if(typeof name == 'object'){
 42 |                     for(var p in name){
 43 |                         this.ctx[p] && (this.ctx[p] = name[p]);
 44 |                     }
 45 |                 }else{
 46 |                     this.ctx[name] && (this.ctx[name] = value);
 47 |                 }
 48 |                 return this;
 49 |             },
 50 |             /**
 51 |              * 获取context的属性值
 52 |              * @param name 属性名
 53 |              * @return value 属性值
 54 |              */
 55 |             get : function(name){
 56 |                 return this.ctx[name];
 57 |             },
 58 |             /**
 59 |              * context填充
 60 |              * @param color 填充颜色
 61 |              * @return this
 62 |              */
 63 |             fill : function (color) {
 64 |                 color && this.set('fillStyle', color);
 65 |                 this.ctx.fill();
 66 |                 return this;
 67 |             },
 68 |             /**
 69 |              * context描边
 70 |              * @param color 描边颜色
 71 |              * @return this
 72 |              */
 73 |             stroke : function (color,width) {
 74 |                 if (color) {
 75 |                     this.set('strokeStyle', color);
 76 |                     width && this.set('lineWidth',width);
 77 |                 }
 78 |                 this.ctx.stroke();
 79 |                 return this;
 80 |             },
 81 |             /**
 82 |              * 填充文本，在文本中加入\n可实现换行
 83 |              * @param text
 84 |              * @param x
 85 |              * @param y
 86 |              * @param style
 87 |              * @return {*}
 88 |              */
 89 |             fillText : function(text,x,y,style){
 90 |                 this.ctx.save();
 91 |                 if(style && typeof style == 'object'){
 92 |                     for(var p in style){
 93 |                         this.set(p,style[p]);
 94 |                     }
 95 |                 }
 96 |                 var texts = (text+'').split('\n');
 97 |                 if(texts.length > 1){
 98 |                     var fontsize = this.getFontSize();
 99 |                     for(var i=0;i<texts.length;i++){
100 |                         this.ctx.fillText(texts[i],x,y+i*fontsize);
101 |                     }
102 |                 }else{
103 |                     this.ctx.fillText(text,x,y);
104 |                 }
105 |                 this.ctx.restore();
106 |                 return this;
107 |             },
108 |             /**
109 |              * 清除矩形
110 |              * @param x
111 |              * @param y
112 |              * @param w
113 |              * @param h
114 |              * @return this
115 |              */
116 |             clear : function (x, y, w, h) {
117 |                 var c = this.el;
118 |                 x = x || 0;
119 |                 y = y || 0;
120 |                 w = w || this.el.width;
121 |                 h = h || this.el.height;
122 |                 this.ctx.clearRect(x, y, w, h);
123 |                 //android4.1+下经常会出现clear无效，大多数情况出现在loop函数中
124 |                 c.style.opacity = 0.99;
125 |                 setTimeout(function() {
126 |                     c.style.opacity = 1;
127 |                 }, 1);
128 |                 return this;
129 |             },
130 |             /**
131 |              * 重新设置大小
132 |              * @param width 宽
133 |              * @param height 高
134 |              * @return this
135 |              */
136 |             resize : function (width, height) {
137 |                 this.el.width = width;
138 |                 this.el.height = height;
139 |                 this.width = width;
140 |                 this.height = height;
141 |                 return this;
142 |             },
143 |             /**
144 |              * 画线
145 |              */
146 |             line : function(x,y,x1,y1,stroke,strokeWidth){
147 |                 this.beginPath().moveTo(x,y).lineTo(x1,y1);
148 |                 stroke && this.stroke(stroke,strokeWidth);
149 |                 return this;
150 |             },
151 |             /**
152 |              * 画矩形
153 |              * @param x
154 |              * @param y
155 |              * @param w
156 |              * @param h
157 |              * @param fill 填充颜色
158 |              * @param stroke 描边颜色
159 |              * @param strokeWidth 描边宽度
160 |              * @return this
161 |              */
162 |             rect : function (x, y, w, h, fill, stroke,strokeWidth) {
163 |                 this.ctx.beginPath();
164 |                 this.ctx.rect(x, y, w, h);
165 |                 this.ctx.closePath();
166 |                 fill && this.fill(fill);
167 |                 stroke && this.stroke(stroke,strokeWidth);
168 |                 return this;
169 |             },
170 |             /**
171 |              * 画圆形
172 |              * @param x
173 |              * @param y
174 |              * @param r 半径
175 |              * @param fill 填充颜色
176 |              * @param stroke 描边颜色
177 |              * @param strokeWidth 描边宽度
178 |              * @return this
179 |              */
180 |             circle : function (x, y, r, fill, stroke,strokeWidth) {
181 |                 this.beginPath();
182 |                 this.ctx.arc(x, y, r, 0, 2 * Math.PI, false);
183 |                 this.closePath();
184 |                 fill && this.fill(fill);
185 |                 stroke && this.stroke(stroke,strokeWidth);
186 |                 return this;
187 |             },
188 |             /**
189 |              * 画扇形
190 |              * @param x
191 |              * @param y
192 |              * @param r 半径
193 |              * @param start 开始角度
194 |              * @param end 结束角度
195 |              * @param fill 填充颜色
196 |              * @param stroke 描边颜色
197 |              * @param strokeWidth 描边宽度
198 |              * @reutrn this
199 |              */
200 |             sector : function(x,y,r,start,end,fill,stroke,strokeWidth){
201 |                 this.beginPath()
202 |                     .arc(x,y,r,start, end, false)
203 |                     .lineTo(x,y)
204 |                     .closePath();
205 |                 fill && this.fill(fill);
206 |                 stroke && this.stroke(stroke,strokeWidth);
207 |                 return this;
208 |             },
209 |             /**
210 |              * 环形扇形
211 |              * @param x
212 |              * @param y
213 |              * @param ir 内半径
214 |              * @param or 外半径
215 |              * @param start 开始角度
216 |              * @param end 结束角度
217 |              * @param fill 填充颜色
218 |              * @param stroke 描边颜色
219 |              * @param strokeWidth 描边宽度
220 |              * @reutrn this
221 |              */
222 |             dountSector : function(x,y,ir,or,start,end,fill,stroke,strokeWidth){
223 |                 this.beginPath()
224 |                     .arc(x,y,or,start, end, false)
225 |                     .arc(x,y,ir,end,start,true)
226 |                     .closePath();
227 |                 fill && this.fill(fill);
228 |                 stroke && this.stroke(stroke,strokeWidth);
229 |                 return this;
230 |             },
231 |             /**
232 |              * 加载一张图片
233 |              * @param img
234 |              * @return this
235 |              */
236 |             image : function (img) {
237 |                 var _self = this;
238 |                 var args = Array.prototype.slice.call(arguments);
239 |                 var cb = function () {
240 |                     _self.ctx.drawImage.apply(_self.ctx, args);
241 |                 };
242 | 
243 |                 if (typeof img === 'string') {
244 |                     args[0] = new Image();
245 |                     args[0].onload = cb;
246 |                     args[0].src = img;
247 |                 } else {
248 |                     cb();
249 |                 }
250 |                 return this;
251 |             },
252 |             /**
253 |              * 获取canvas当前的字体大小
254 |              * @return {Boolean}
255 |              */
256 |             getFontSize : function(){
257 |                 var size = this.ctx.font.match(/\d+(?=px)/i);
258 |                 if(size){
259 |                     size = parseInt(size[0]);
260 |                 }
261 |                 return size;
262 |             }
263 |         }
264 |         return new Canvas();
265 |     }
266 | 
267 |     _.Canvas = Chain;
268 | })(JChart || window);


--------------------------------------------------------------------------------
/src/JChart.Chart.js:
--------------------------------------------------------------------------------
  1 | ;(function(_){
  2 |     var Chart = function(){
  3 |         //当前动画的状态
  4 |         this.isAnimating = false;
  5 |         this.config = {
  6 |             width : 0,
  7 |             height : 0,
  8 |             bgColor : '#fff',
  9 |             //优先画刻度
 10 |             drawScaleFirst : true,
 11 |             //文本字体属性
 12 |             showText : true,
 13 |             textFont : {},
 14 |             //是否开启动画
 15 |             animation : true,
 16 |             //动画帧数
 17 |             animationSteps : 60,
 18 |             //动画函数
 19 |             animationEasing : "easeOutBounce"
 20 |         }
 21 |         this.defaultFont = {
 22 |             family : 'Arial',
 23 |             size : 16,
 24 |             style : 'normal',
 25 |             color : '#5b5b5b',
 26 |             textAlign : 'center',
 27 |             textBaseline : 'middle'
 28 |         }
 29 |         this.events = {};
 30 |         /**
 31 |          * 初始化参数
 32 |          */
 33 |         this.initial = function(cfg){
 34 |             //合并设置参数
 35 |             if(typeof cfg == 'string'){
 36 |                 this.config.id = cfg;
 37 |             }else{
 38 |                 _.extend(this.config,cfg);
 39 |             }
 40 |             this.ctx = _.Canvas(this.config.id);
 41 |             var canvas = this.ctx.el;
 42 |             this.config.width && (canvas.width = this.config.width);
 43 |             this.config.height && (canvas.height = this.config.height);
 44 |             if(this.config.fit){
 45 |                 //todo 自动计算高度宽度
 46 |                 //todo 检测 转屏 事件
 47 |             }
 48 |             this.width = canvas.width;
 49 |             this.height = canvas.height;
 50 |             //设置canvas背景颜色
 51 |             canvas.style.background = this.config.bgColor;
 52 | 
 53 |             //High pixel density displays - multiply the size of the canvas height/width by the device pixel ratio, then scale.
 54 |             //如果设备为视网膜屏，将canvas按照设备像素比放大像素，然后再等比缩小
 55 |             if (window.devicePixelRatio) {
 56 |                 canvas.style.width = this.width + "px";
 57 |                 canvas.style.height = this.height + "px";
 58 |                 canvas.height = this.height * window.devicePixelRatio;
 59 |                 canvas.width = this.width * window.devicePixelRatio;
 60 |                 this.ctx.scale(window.devicePixelRatio, window.devicePixelRatio);
 61 |             }
 62 |             this.bindTouchEvents();
 63 |             this.bindEvents();
 64 |         };
 65 |         this.resize = function(w,h){
 66 | 
 67 |         },
 68 |         /**
 69 |          * 清空画布后重新设置画布的背景
 70 |          */
 71 |         this.clear = function(){
 72 |             this.ctx.clear();
 73 |         };
 74 |         /**
 75 |          * 重新刷新图表
 76 |          */
 77 |         this.refresh = function(config){
 78 |             this.update(null,config,true);
 79 |         };
 80 |         /**
 81 |          * 加载数据
 82 |          * @param data
 83 |          * @param config
 84 |          */
 85 |         this.load = function(data){
 86 |             this.update(data,null,false);
 87 |         }
 88 |         /**
 89 |          * 更新图表
 90 |          * @param data
 91 |          * @param config
 92 |          * @param animation
 93 |          */
 94 |         this.update = function(data,config,animation){
 95 |             config && _.extend(this.config,config);
 96 |             data && (this.data = data);
 97 |             this.dataOffset = 0;
 98 |             this.clear();
 99 |             this.draw(!animation);
100 |         }
101 |         this.mergeFont = function(key){
102 |             if(key instanceof Array){
103 |                 _.each(key,function(v){
104 |                     this.mergeFont(v);
105 |                 },this);
106 |             }else{
107 |                 var of = this.config[key];
108 |                 var f = _.extend({},this.defaultFont,of);
109 |                 f.font = f.style + " " + f.size+"px " + f.family;
110 |                 f.fillStyle = f.color;
111 |                 this.config[key] = f;
112 |             }
113 |         }
114 |         /**
115 |          * 动画函数
116 |          * @param drawScale 缩放动画 函数
117 |          * @param drawData  增长式动画 函数
118 |          * @param callback  执行成功回调函数
119 |          */
120 |         this.doAnim = function(drawScale,drawData,callback){
121 |             this.isAnimating = true;
122 |             var config = this.config,_this = this;
123 |             // 1/动画帧数
124 |             var animFrameAmount = (config.animation)? 1/ _.capValue(config.animationSteps,1000,1) : 1,
125 |             //动画效果
126 |                 easingFunction = _.animationOptions[config.animationEasing],
127 |             //动画完成率
128 |                 percentAnimComplete =(config.animation)? 0 : 1,
129 |                 _this = this;
130 | 
131 |             if (typeof drawScale !== "function") drawScale = function(){};
132 |             _.requestAnimFrame.call(window,animLoop);
133 |             function animLoop(){
134 |                 percentAnimComplete += animFrameAmount;
135 |                 animateFrame();
136 |                 if (percentAnimComplete <= 1){
137 |                     _.requestAnimFrame.call(window,animLoop);
138 |                 }else{
139 |                     _this.isAnimating = false;
140 |                     callback && callback.call(_this);
141 |                     _this.trigger('animationComplete');
142 |                 }
143 |             };
144 |             function animateFrame(){
145 |                 _this.clear();
146 |                 var animPercent =(config.animation)? _.capValue(easingFunction(percentAnimComplete),1,0) : 1;
147 |                 drawData.call(_this,animPercent);
148 |                 if(_this.config.drawScaleFirst){
149 |                     drawScale.call(_this);
150 |                     drawData.call(_this,animPercent);
151 |                 }else{
152 |                     drawData.call(_this,animPercent);
153 |                     drawScale.call(_this);
154 |                 }
155 |             };
156 |         }
157 |         /**
158 |          * 简易的事件绑定
159 |          */
160 |         this.on = function(event,callback){
161 |             this.events[event] = callback;
162 |         };
163 |         /**
164 |          * 调用事件函数
165 |          * @param event 事件名称
166 |          * @param data 参数(数组形式)
167 |          */
168 |         this.trigger = function(event,data){
169 |             var callback = this.events[event];
170 |             if(callback){
171 |                 return callback.apply(this,data);
172 |             }else{
173 |                 return null;
174 |             }
175 |         };
176 |         this.drawText = function(text,x,y,args,style){
177 |             this.ctx.set(this.config.textFont);
178 |             style && this.ctx.set(style);
179 |             args = args ? [text].concat(args) : [text];
180 |             var t = this.trigger('renderText',args);
181 |             t = (t == null)?text:t;
182 |             this.ctx.fillText(t,x,y);
183 |         };
184 |         //给chart添加tap longTap doubleTap事件
185 |         this.bindTouchEvents = function(){
186 |             var touch = {},touchTimeout,longTapDelay = 750, longTapTimeout,now, delta,offset,
187 | 	            hasTouch = 'ontouchstart' in window,
188 | 				START_EV = hasTouch ? 'touchstart' : 'mousedown',
189 | 				MOVE_EV = hasTouch ? 'touchmove' : 'mousemove',
190 | 				END_EV = hasTouch ? 'touchend' : 'mouseup',
191 | 				CANCEL_EV = hasTouch ? 'touchcancel' : 'mouseup',
192 | 	            _this = this;
193 | 
194 |             this.ctx.el.addEventListener(START_EV,touchstart);
195 |             this.ctx.el.addEventListener(MOVE_EV,touchmove);
196 |             this.ctx.el.addEventListener(END_EV,touchend);
197 |             this.ctx.el.addEventListener(CANCEL_EV,cancelAll);
198 | 
199 |             function touchstart(e){
200 |                 now = Date.now();
201 |                 e = e.touches ? e.touches[0] : e;
202 |                 delta = now - (touch.last || now);
203 |                 touchTimeout && clearTimeout(touchTimeout);
204 |                 offset = _.getOffset(_this.ctx.el);
205 |                 touch.x1 = e.pageX - offset.left;
206 |                 touch.y1 = e.pageY - offset.top;
207 |                 if (delta > 0 && delta <= 250) touch.isDoubleTap = true;
208 |                 touch.last = now;
209 |                 longTapTimeout = setTimeout(longTap, longTapDelay);
210 |             }
211 |             function touchmove(e){
212 |                 if(!touch.last)return;
213 |                 var ev = e.touches ? e.touches[0] : e;
214 |                 touch.x2 = ev.pageX - offset.left;
215 |                 touch.y2 = ev.pageY - offset.top;
216 |                 if (Math.abs(touch.x1 - touch.x2) > 15){
217 |                     e.preventDefault();
218 |                     cancelAll();
219 |                 }
220 |             }
221 |             function touchend(e){
222 |                 cancelLongTap();
223 |                 if ('last' in touch){
224 |                     //tap事件，单击/双击都会触发，0延迟，建议在不使用doubleTap的环境中使用，如果要同时使用tap和doubleTap，请使用singleTap
225 |                     _this.trigger('_tap',[touch.x1,touch.y1]);
226 |                     _this.trigger('tap',[touch.x1,touch.y1]);
227 |                     if (touch.isDoubleTap) {
228 |                         cancelAll();
229 |                         _this.trigger('_doubleTap',[touch.x1,touch.y1]);
230 |                         _this.trigger('doubleTap',[touch.x1,touch.y1]);
231 |                     }else {
232 |                         touchTimeout = setTimeout(function(){
233 |                             touchTimeout = null;
234 |                             _this.trigger('_singleTap',[touch.x1,touch.y1]);
235 |                             _this.trigger('singleTap',[touch.x1,touch.y1]);
236 |                             touch = {};
237 |                         }, 250)
238 | 
239 |                     }
240 |                 };
241 |             }
242 | 
243 |             function longTap() {
244 |                 longTapTimeout = null;
245 |                 if (touch.last) {
246 |                     _this.trigger('_longTap',[touch.x1,touch.y1]);
247 |                     _this.trigger('longTap',[touch.x1,touch.y1]);
248 |                     touch = {};
249 |                 }
250 |             }
251 | 
252 |             function cancelLongTap() {
253 |                 if (longTapTimeout) clearTimeout(longTapTimeout);
254 |                 longTapTimeout = null;
255 |             }
256 | 
257 |             function cancelAll() {
258 |                 if (touchTimeout) clearTimeout(touchTimeout);
259 |                 if (longTapTimeout) clearTimeout(longTapTimeout);
260 |                 touchTimeout = longTapTimeout = null;
261 |                 touch = {};
262 |             }
263 |         }
264 |     }
265 |     _.Chart = Chart;
266 | })(JChart);


--------------------------------------------------------------------------------
/src/JChart.js:
--------------------------------------------------------------------------------
  1 | window.JingleChart = JChart = {
  2 |     version : '0.1',
  3 |     animationOptions : {
  4 |         linear : function (t){
  5 |             return t;
  6 |         },
  7 |         easeInQuad: function (t) {
  8 |             return t*t;
  9 |         },
 10 |         easeOutQuad: function (t) {
 11 |             return -1 *t*(t-2);
 12 |         },
 13 |         easeInOutQuad: function (t) {
 14 |             if ((t/=1/2) < 1) return 1/2*t*t;
 15 |             return -1/2 * ((--t)*(t-2) - 1);
 16 |         },
 17 |         easeInCubic: function (t) {
 18 |             return t*t*t;
 19 |         },
 20 |         easeOutCubic: function (t) {
 21 |             return 1*((t=t/1-1)*t*t + 1);
 22 |         },
 23 |         easeInOutCubic: function (t) {
 24 |             if ((t/=1/2) < 1) return 1/2*t*t*t;
 25 |             return 1/2*((t-=2)*t*t + 2);
 26 |         },
 27 |         easeInQuart: function (t) {
 28 |             return t*t*t*t;
 29 |         },
 30 |         easeOutQuart: function (t) {
 31 |             return -1 * ((t=t/1-1)*t*t*t - 1);
 32 |         },
 33 |         easeInOutQuart: function (t) {
 34 |             if ((t/=1/2) < 1) return 1/2*t*t*t*t;
 35 |             return -1/2 * ((t-=2)*t*t*t - 2);
 36 |         },
 37 |         easeInQuint: function (t) {
 38 |             return 1*(t/=1)*t*t*t*t;
 39 |         },
 40 |         easeOutQuint: function (t) {
 41 |             return 1*((t=t/1-1)*t*t*t*t + 1);
 42 |         },
 43 |         easeInOutQuint: function (t) {
 44 |             if ((t/=1/2) < 1) return 1/2*t*t*t*t*t;
 45 |             return 1/2*((t-=2)*t*t*t*t + 2);
 46 |         },
 47 |         easeInSine: function (t) {
 48 |             return -1 * Math.cos(t/1 * (Math.PI/2)) + 1;
 49 |         },
 50 |         easeOutSine: function (t) {
 51 |             return 1 * Math.sin(t/1 * (Math.PI/2));
 52 |         },
 53 |         easeInOutSine: function (t) {
 54 |             return -1/2 * (Math.cos(Math.PI*t/1) - 1);
 55 |         },
 56 |         easeInExpo: function (t) {
 57 |             return (t==0) ? 1 : 1 * Math.pow(2, 10 * (t/1 - 1));
 58 |         },
 59 |         easeOutExpo: function (t) {
 60 |             return (t==1) ? 1 : 1 * (-Math.pow(2, -10 * t/1) + 1);
 61 |         },
 62 |         easeInOutExpo: function (t) {
 63 |             if (t==0) return 0;
 64 |             if (t==1) return 1;
 65 |             if ((t/=1/2) < 1) return 1/2 * Math.pow(2, 10 * (t - 1));
 66 |             return 1/2 * (-Math.pow(2, -10 * --t) + 2);
 67 |         },
 68 |         easeInCirc: function (t) {
 69 |             if (t>=1) return t;
 70 |             return -1 * (Math.sqrt(1 - (t/=1)*t) - 1);
 71 |         },
 72 |         easeOutCirc: function (t) {
 73 |             return 1 * Math.sqrt(1 - (t=t/1-1)*t);
 74 |         },
 75 |         easeInOutCirc: function (t) {
 76 |             if ((t/=1/2) < 1) return -1/2 * (Math.sqrt(1 - t*t) - 1);
 77 |             return 1/2 * (Math.sqrt(1 - (t-=2)*t) + 1);
 78 |         },
 79 |         easeInElastic: function (t) {
 80 |             var s=1.70158;var p=0;var a=1;
 81 |             if (t==0) return 0;  if ((t/=1)==1) return 1;  if (!p) p=1*.3;
 82 |             if (a < Math.abs(1)) { a=1; var s=p/4; }
 83 |             else var s = p/(2*Math.PI) * Math.asin (1/a);
 84 |             return -(a*Math.pow(2,10*(t-=1)) * Math.sin( (t*1-s)*(2*Math.PI)/p ));
 85 |         },
 86 |         easeOutElastic: function (t) {
 87 |             var s=1.70158;var p=0;var a=1;
 88 |             if (t==0) return 0;  if ((t/=1)==1) return 1;  if (!p) p=1*.3;
 89 |             if (a < Math.abs(1)) { a=1; var s=p/4; }
 90 |             else var s = p/(2*Math.PI) * Math.asin (1/a);
 91 |             return a*Math.pow(2,-10*t) * Math.sin( (t*1-s)*(2*Math.PI)/p ) + 1;
 92 |         },
 93 |         easeInOutElastic: function (t) {
 94 |             var s=1.70158;var p=0;var a=1;
 95 |             if (t==0) return 0;  if ((t/=1/2)==2) return 1;  if (!p) p=1*(.3*1.5);
 96 |             if (a < Math.abs(1)) { a=1; var s=p/4; }
 97 |             else var s = p/(2*Math.PI) * Math.asin (1/a);
 98 |             if (t < 1) return -.5*(a*Math.pow(2,10*(t-=1)) * Math.sin( (t*1-s)*(2*Math.PI)/p ));
 99 |             return a*Math.pow(2,-10*(t-=1)) * Math.sin( (t*1-s)*(2*Math.PI)/p )*.5 + 1;
100 |         },
101 |         easeInBack: function (t) {
102 |             var s = 1.70158;
103 |             return 1*(t/=1)*t*((s+1)*t - s);
104 |         },
105 |         easeOutBack: function (t) {
106 |             var s = 1.70158;
107 |             return 1*((t=t/1-1)*t*((s+1)*t + s) + 1);
108 |         },
109 |         easeInOutBack: function (t) {
110 |             var s = 1.70158;
111 |             if ((t/=1/2) < 1) return 1/2*(t*t*(((s*=(1.525))+1)*t - s));
112 |             return 1/2*((t-=2)*t*(((s*=(1.525))+1)*t + s) + 2);
113 |         },
114 |         easeInBounce: function (t) {
115 |             return 1 - JChart.animationOptions.easeOutBounce (1-t);
116 |         },
117 |         easeOutBounce: function (t) {
118 |             if ((t/=1) < (1/2.75)) {
119 |                 return 1*(7.5625*t*t);
120 |             } else if (t < (2/2.75)) {
121 |                 return 1*(7.5625*(t-=(1.5/2.75))*t + .75);
122 |             } else if (t < (2.5/2.75)) {
123 |                 return 1*(7.5625*(t-=(2.25/2.75))*t + .9375);
124 |             } else {
125 |                 return 1*(7.5625*(t-=(2.625/2.75))*t + .984375);
126 |             }
127 |         },
128 |         easeInOutBounce: function (t) {
129 |             if (t < 1/2) return JChart.animationOptions.easeInBounce (t*2) * .5;
130 |             return JChart.animationOptions.easeOutBounce (t*2-1) * .5 + 1*.5;
131 |         }
132 |     },
133 |     /**
134 |      * 通用的计时控制器
135 |      */
136 |     requestAnimFrame : (function(){
137 |         return window.requestAnimationFrame ||
138 |             window.webkitRequestAnimationFrame ||
139 |             window.mozRequestAnimationFrame ||
140 |             window.oRequestAnimationFrame ||
141 |             window.msRequestAnimationFrame ||
142 |             function(callback) {
143 |                 window.setTimeout(callback, 1000 / 60);
144 |             };
145 |     })(),
146 |     isNumber : function(n){
147 |         return !isNaN(parseFloat(n)) && isFinite(n);
148 |     },
149 |     isEqual : function(number1, number2, digits){
150 |         digits = digits == undefined? 10: digits; // 默认精度为10
151 |         return number1.toFixed(digits) === number2.toFixed(digits);
152 |     },
153 |     /**
154 |      * 取有效区域内的值
155 |      * @param valueToCap
156 |      * @param maxValue
157 |      * @param minValue
158 |      * @return {*}
159 |      */
160 |     capValue : function(valueToCap, maxValue, minValue){
161 |         var value;
162 |         if(this.isNumber(maxValue) && valueToCap > maxValue) {
163 |             return maxValue;
164 |         }
165 |         if(this.isNumber(minValue) && valueToCap < minValue ){
166 |             return minValue;
167 |         }
168 |         return valueToCap;
169 |     },
170 |     getDecimalPlaces : function(num){
171 |         if (num%1!=0){
172 |             return num.toString().split(".")[1].length
173 |         }
174 |         else{
175 |             return 0;
176 |         }
177 |     },
178 |     extend : function(target){
179 |         var args = Array.prototype.slice.call(arguments,1);
180 |         this.each(args,function(v,i){
181 |             extend(target,v);
182 |         });
183 |         function extend(target,source){
184 |             for(var key in source){
185 |                 var o = source[key];
186 |                 if(o instanceof Array){
187 |                     target[key] = extend([], o);
188 |                 }else if(o instanceof Object){
189 |                     target[key] = extend({},o);
190 |                 }else{
191 |                     target[key] = o;
192 |                 }
193 |             }
194 |             return target;
195 |         }
196 |         return target;
197 | 
198 |     },
199 |     clone : function(obj){
200 |         var o;
201 |         if (typeof obj == "object") {
202 |             if (obj === null) {
203 |                 o = null;
204 |             } else {
205 |                 if (obj instanceof Array) {
206 |                     o = [];
207 |                     for (var i = 0, len = obj.length; i < len; i++) {
208 |                         o.push(this.clone(obj[i]));
209 |                     }
210 |                 } else {
211 |                     o = {};
212 |                     for (var j in obj) {
213 |                         o[j] = this.clone(obj[j]);
214 |                     }
215 |                 }
216 |             }
217 |         } else {
218 |             o = obj;
219 |         }
220 |         return o;
221 |     },
222 |     //只对array有效
223 |     each : function(array,fn,context){
224 |         for(var i = 0,len=array.length;i<len;i++){
225 |             var result = fn.call(context,array[i],i,array);
226 |             if(result === true){
227 |                 continue;
228 |             }else if(result === false){
229 |                 break;
230 |             }
231 |         }
232 |     },
233 |     getOffset : function(el){
234 |     	var box = el.getBoundingClientRect(), 
235 | 		doc = el.ownerDocument, 
236 | 		body = doc.body, 
237 | 		html = doc.documentElement, 
238 | 		clientTop = html.clientTop || body.clientTop || 0, 
239 | 		clientLeft = html.clientLeft || body.clientLeft || 0, 
240 | 		top = box.top + (self.pageYOffset || html.scrollTop || body.scrollTop ) - clientTop, 
241 | 		left = box.left + (self.pageXOffset || html.scrollLeft || body.scrollLeft) - clientLeft 
242 | 		return { 'top': top, 'left': left }; 
243 |     },
244 |     /**
245 |      * 将颜色代码转换成RGB颜色
246 |      * @param color
247 |      * @return {*}
248 |      */
249 |     hex2Rgb : function(color,alpha){
250 |         var r, g, b;
251 |         // 参数为RGB模式时不做进制转换，直接截取字符串即可
252 |         if( /rgb/.test(color) ){
253 |             var arr = color.match( /\d+/g );
254 |             r = parseInt( arr[0] );
255 |             g = parseInt( arr[1] );
256 |             b = parseInt( arr[2] );
257 |         }else if( /#/.test(color) ){// 参数为十六进制时需要做进制转换
258 |             var len = color.length;
259 |             if( len === 7 ){// 非简写模式 #0066cc
260 |                 r = parseInt( color.slice(1, 3), 16 );
261 |                 g = parseInt( color.slice(3, 5), 16 );
262 |                 b = parseInt( color.slice(5), 16 );
263 |             }else if( len === 4 ){ // 简写模式 #06c
264 |                 r = parseInt( color.charAt(1) + val.charAt(1), 16 );
265 |                 g = parseInt( color.charAt(2) + val.charAt(2), 16 );
266 |                 b = parseInt( color.charAt(3) + val.charAt(3), 16 );
267 |             }
268 |         }
269 |         else{
270 |             return color;
271 |         }
272 |         return 'rgba('+r+','+g+','+ b + ','+(alpha?alpha:1)+')';
273 |     },
274 |     tmpl : (function(){
275 |         //Javascript micro templating by John Resig - source at http://ejohn.org/blog/javascript-micro-templating/
276 |         var cache = {};
277 |         function tmpl(str, data){
278 |             // Figure out if we're getting a template, or if we need to
279 |             // load the template - and be sure to cache the result.
280 |             var fn = !/\W/.test(str) ?
281 |                 cache[str] = cache[str] ||
282 |                     tmpl(document.getElementById(str).innerHTML) :
283 | 
284 |                 // Generate a reusable function that will serve as a template
285 |                 // generator (and which will be cached).
286 |                 new Function("obj",
287 |                     "var p=[],print=function(){p.push.apply(p,arguments);};" +
288 | 
289 |                         // Introduce the data as local variables using with(){}
290 |                         "with(obj){p.push('" +
291 | 
292 |                         // Convert the template into pure JavaScript
293 |                         str
294 |                             .replace(/[\r\t\n]/g, " ")
295 |                             .split("<%").join("\t")
296 |                             .replace(/((^|%>)[^\t]*)'/g, "$1\r")
297 |                             .replace(/\t=(.*?)%>/g, "',$1,'")
298 |                             .split("\t").join("');")
299 |                             .split("%>").join("p.push('")
300 |                             .split("\r").join("\\'")
301 |                         + "');}return p.join('');");
302 | 
303 |             // Provide some basic currying to the user
304 |             return data ? fn( data ) : fn;
305 |         };
306 |         return tmpl;
307 |     })()
308 | };
309 | 
310 | 


--------------------------------------------------------------------------------
/doc/css/bootstrap-theme.min.css:
--------------------------------------------------------------------------------
1 | /*!
2 |  * Bootstrap v3.0.3 (http://getbootstrap.com)
3 |  * Copyright 2013 Twitter, Inc.
4 |  * Licensed under http://www.apache.org/licenses/LICENSE-2.0
5 |  */
6 | 
7 | .btn-default,.btn-primary,.btn-success,.btn-info,.btn-warning,.btn-danger{text-shadow:0 -1px 0 rgba(0,0,0,0.2);-webkit-box-shadow:inset 0 1px 0 rgba(255,255,255,0.15),0 1px 1px rgba(0,0,0,0.075);box-shadow:inset 0 1px 0 rgba(255,255,255,0.15),0 1px 1px rgba(0,0,0,0.075)}.btn-default:active,.btn-primary:active,.btn-success:active,.btn-info:active,.btn-warning:active,.btn-danger:active,.btn-default.active,.btn-primary.active,.btn-success.active,.btn-info.active,.btn-warning.active,.btn-danger.active{-webkit-box-shadow:inset 0 3px 5px rgba(0,0,0,0.125);box-shadow:inset 0 3px 5px rgba(0,0,0,0.125)}.btn:active,.btn.active{background-image:none}.btn-default{text-shadow:0 1px 0 #fff;background-image:-webkit-linear-gradient(top,#fff 0,#e0e0e0 100%);background-image:linear-gradient(to bottom,#fff 0,#e0e0e0 100%);background-repeat:repeat-x;border-color:#dbdbdb;border-color:#ccc;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff',endColorstr='#ffe0e0e0',GradientType=0);filter:progid:DXImageTransform.Microsoft.gradient(enabled=false)}.btn-default:hover,.btn-default:focus{background-color:#e0e0e0;background-position:0 -15px}.btn-default:active,.btn-default.active{background-color:#e0e0e0;border-color:#dbdbdb}.btn-primary{background-image:-webkit-linear-gradient(top,#428bca 0,#2d6ca2 100%);background-image:linear-gradient(to bottom,#428bca 0,#2d6ca2 100%);background-repeat:repeat-x;border-color:#2b669a;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff428bca',endColorstr='#ff2d6ca2',GradientType=0);filter:progid:DXImageTransform.Microsoft.gradient(enabled=false)}.btn-primary:hover,.btn-primary:focus{background-color:#2d6ca2;background-position:0 -15px}.btn-primary:active,.btn-primary.active{background-color:#2d6ca2;border-color:#2b669a}.btn-success{background-image:-webkit-linear-gradient(top,#5cb85c 0,#419641 100%);background-image:linear-gradient(to bottom,#5cb85c 0,#419641 100%);background-repeat:repeat-x;border-color:#3e8f3e;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff5cb85c',endColorstr='#ff419641',GradientType=0);filter:progid:DXImageTransform.Microsoft.gradient(enabled=false)}.btn-success:hover,.btn-success:focus{background-color:#419641;background-position:0 -15px}.btn-success:active,.btn-success.active{background-color:#419641;border-color:#3e8f3e}.btn-warning{background-image:-webkit-linear-gradient(top,#f0ad4e 0,#eb9316 100%);background-image:linear-gradient(to bottom,#f0ad4e 0,#eb9316 100%);background-repeat:repeat-x;border-color:#e38d13;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff0ad4e',endColorstr='#ffeb9316',GradientType=0);filter:progid:DXImageTransform.Microsoft.gradient(enabled=false)}.btn-warning:hover,.btn-warning:focus{background-color:#eb9316;background-position:0 -15px}.btn-warning:active,.btn-warning.active{background-color:#eb9316;border-color:#e38d13}.btn-danger{background-image:-webkit-linear-gradient(top,#d9534f 0,#c12e2a 100%);background-image:linear-gradient(to bottom,#d9534f 0,#c12e2a 100%);background-repeat:repeat-x;border-color:#b92c28;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffd9534f',endColorstr='#ffc12e2a',GradientType=0);filter:progid:DXImageTransform.Microsoft.gradient(enabled=false)}.btn-danger:hover,.btn-danger:focus{background-color:#c12e2a;background-position:0 -15px}.btn-danger:active,.btn-danger.active{background-color:#c12e2a;border-color:#b92c28}.btn-info{background-image:-webkit-linear-gradient(top,#5bc0de 0,#2aabd2 100%);background-image:linear-gradient(to bottom,#5bc0de 0,#2aabd2 100%);background-repeat:repeat-x;border-color:#28a4c9;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff5bc0de',endColorstr='#ff2aabd2',GradientType=0);filter:progid:DXImageTransform.Microsoft.gradient(enabled=false)}.btn-info:hover,.btn-info:focus{background-color:#2aabd2;background-position:0 -15px}.btn-info:active,.btn-info.active{background-color:#2aabd2;border-color:#28a4c9}.thumbnail,.img-thumbnail{-webkit-box-shadow:0 1px 2px rgba(0,0,0,0.075);box-shadow:0 1px 2px rgba(0,0,0,0.075)}.dropdown-menu>li>a:hover,.dropdown-menu>li>a:focus{background-color:#e8e8e8;background-image:-webkit-linear-gradient(top,#f5f5f5 0,#e8e8e8 100%);background-image:linear-gradient(to bottom,#f5f5f5 0,#e8e8e8 100%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff5f5f5',endColorstr='#ffe8e8e8',GradientType=0)}.dropdown-menu>.active>a,.dropdown-menu>.active>a:hover,.dropdown-menu>.active>a:focus{background-color:#357ebd;background-image:-webkit-linear-gradient(top,#428bca 0,#357ebd 100%);background-image:linear-gradient(to bottom,#428bca 0,#357ebd 100%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff428bca',endColorstr='#ff357ebd',GradientType=0)}.navbar-default{background-image:-webkit-linear-gradient(top,#fff 0,#f8f8f8 100%);background-image:linear-gradient(to bottom,#fff 0,#f8f8f8 100%);background-repeat:repeat-x;border-radius:4px;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff',endColorstr='#fff8f8f8',GradientType=0);filter:progid:DXImageTransform.Microsoft.gradient(enabled=false);-webkit-box-shadow:inset 0 1px 0 rgba(255,255,255,0.15),0 1px 5px rgba(0,0,0,0.075);box-shadow:inset 0 1px 0 rgba(255,255,255,0.15),0 1px 5px rgba(0,0,0,0.075)}.navbar-default .navbar-nav>.active>a{background-image:-webkit-linear-gradient(top,#ebebeb 0,#f3f3f3 100%);background-image:linear-gradient(to bottom,#ebebeb 0,#f3f3f3 100%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffebebeb',endColorstr='#fff3f3f3',GradientType=0);-webkit-box-shadow:inset 0 3px 9px rgba(0,0,0,0.075);box-shadow:inset 0 3px 9px rgba(0,0,0,0.075)}.navbar-brand,.navbar-nav>li>a{text-shadow:0 1px 0 rgba(255,255,255,0.25)}.navbar-inverse{background-image:-webkit-linear-gradient(top,#3c3c3c 0,#222 100%);background-image:linear-gradient(to bottom,#3c3c3c 0,#222 100%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff3c3c3c',endColorstr='#ff222222',GradientType=0);filter:progid:DXImageTransform.Microsoft.gradient(enabled=false)}.navbar-inverse .navbar-nav>.active>a{background-image:-webkit-linear-gradient(top,#222 0,#282828 100%);background-image:linear-gradient(to bottom,#222 0,#282828 100%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff222222',endColorstr='#ff282828',GradientType=0);-webkit-box-shadow:inset 0 3px 9px rgba(0,0,0,0.25);box-shadow:inset 0 3px 9px rgba(0,0,0,0.25)}.navbar-inverse .navbar-brand,.navbar-inverse .navbar-nav>li>a{text-shadow:0 -1px 0 rgba(0,0,0,0.25)}.navbar-static-top,.navbar-fixed-top,.navbar-fixed-bottom{border-radius:0}.alert{text-shadow:0 1px 0 rgba(255,255,255,0.2);-webkit-box-shadow:inset 0 1px 0 rgba(255,255,255,0.25),0 1px 2px rgba(0,0,0,0.05);box-shadow:inset 0 1px 0 rgba(255,255,255,0.25),0 1px 2px rgba(0,0,0,0.05)}.alert-success{background-image:-webkit-linear-gradient(top,#dff0d8 0,#c8e5bc 100%);background-image:linear-gradient(to bottom,#dff0d8 0,#c8e5bc 100%);background-repeat:repeat-x;border-color:#b2dba1;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffdff0d8',endColorstr='#ffc8e5bc',GradientType=0)}.alert-info{background-image:-webkit-linear-gradient(top,#d9edf7 0,#b9def0 100%);background-image:linear-gradient(to bottom,#d9edf7 0,#b9def0 100%);background-repeat:repeat-x;border-color:#9acfea;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffd9edf7',endColorstr='#ffb9def0',GradientType=0)}.alert-warning{background-image:-webkit-linear-gradient(top,#fcf8e3 0,#f8efc0 100%);background-image:linear-gradient(to bottom,#fcf8e3 0,#f8efc0 100%);background-repeat:repeat-x;border-color:#f5e79e;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fffcf8e3',endColorstr='#fff8efc0',GradientType=0)}.alert-danger{background-image:-webkit-linear-gradient(top,#f2dede 0,#e7c3c3 100%);background-image:linear-gradient(to bottom,#f2dede 0,#e7c3c3 100%);background-repeat:repeat-x;border-color:#dca7a7;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff2dede',endColorstr='#ffe7c3c3',GradientType=0)}.progress{background-image:-webkit-linear-gradient(top,#ebebeb 0,#f5f5f5 100%);background-image:linear-gradient(to bottom,#ebebeb 0,#f5f5f5 100%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffebebeb',endColorstr='#fff5f5f5',GradientType=0)}.progress-bar{background-image:-webkit-linear-gradient(top,#428bca 0,#3071a9 100%);background-image:linear-gradient(to bottom,#428bca 0,#3071a9 100%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff428bca',endColorstr='#ff3071a9',GradientType=0)}.progress-bar-success{background-image:-webkit-linear-gradient(top,#5cb85c 0,#449d44 100%);background-image:linear-gradient(to bottom,#5cb85c 0,#449d44 100%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff5cb85c',endColorstr='#ff449d44',GradientType=0)}.progress-bar-info{background-image:-webkit-linear-gradient(top,#5bc0de 0,#31b0d5 100%);background-image:linear-gradient(to bottom,#5bc0de 0,#31b0d5 100%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff5bc0de',endColorstr='#ff31b0d5',GradientType=0)}.progress-bar-warning{background-image:-webkit-linear-gradient(top,#f0ad4e 0,#ec971f 100%);background-image:linear-gradient(to bottom,#f0ad4e 0,#ec971f 100%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff0ad4e',endColorstr='#ffec971f',GradientType=0)}.progress-bar-danger{background-image:-webkit-linear-gradient(top,#d9534f 0,#c9302c 100%);background-image:linear-gradient(to bottom,#d9534f 0,#c9302c 100%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffd9534f',endColorstr='#ffc9302c',GradientType=0)}.list-group{border-radius:4px;-webkit-box-shadow:0 1px 2px rgba(0,0,0,0.075);box-shadow:0 1px 2px rgba(0,0,0,0.075)}.list-group-item.active,.list-group-item.active:hover,.list-group-item.active:focus{text-shadow:0 -1px 0 #3071a9;background-image:-webkit-linear-gradient(top,#428bca 0,#3278b3 100%);background-image:linear-gradient(to bottom,#428bca 0,#3278b3 100%);background-repeat:repeat-x;border-color:#3278b3;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff428bca',endColorstr='#ff3278b3',GradientType=0)}.panel{-webkit-box-shadow:0 1px 2px rgba(0,0,0,0.05);box-shadow:0 1px 2px rgba(0,0,0,0.05)}.panel-default>.panel-heading{background-image:-webkit-linear-gradient(top,#f5f5f5 0,#e8e8e8 100%);background-image:linear-gradient(to bottom,#f5f5f5 0,#e8e8e8 100%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff5f5f5',endColorstr='#ffe8e8e8',GradientType=0)}.panel-primary>.panel-heading{background-image:-webkit-linear-gradient(top,#428bca 0,#357ebd 100%);background-image:linear-gradient(to bottom,#428bca 0,#357ebd 100%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff428bca',endColorstr='#ff357ebd',GradientType=0)}.panel-success>.panel-heading{background-image:-webkit-linear-gradient(top,#dff0d8 0,#d0e9c6 100%);background-image:linear-gradient(to bottom,#dff0d8 0,#d0e9c6 100%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffdff0d8',endColorstr='#ffd0e9c6',GradientType=0)}.panel-info>.panel-heading{background-image:-webkit-linear-gradient(top,#d9edf7 0,#c4e3f3 100%);background-image:linear-gradient(to bottom,#d9edf7 0,#c4e3f3 100%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffd9edf7',endColorstr='#ffc4e3f3',GradientType=0)}.panel-warning>.panel-heading{background-image:-webkit-linear-gradient(top,#fcf8e3 0,#faf2cc 100%);background-image:linear-gradient(to bottom,#fcf8e3 0,#faf2cc 100%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fffcf8e3',endColorstr='#fffaf2cc',GradientType=0)}.panel-danger>.panel-heading{background-image:-webkit-linear-gradient(top,#f2dede 0,#ebcccc 100%);background-image:linear-gradient(to bottom,#f2dede 0,#ebcccc 100%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff2dede',endColorstr='#ffebcccc',GradientType=0)}.well{background-image:-webkit-linear-gradient(top,#e8e8e8 0,#f5f5f5 100%);background-image:linear-gradient(to bottom,#e8e8e8 0,#f5f5f5 100%);background-repeat:repeat-x;border-color:#dcdcdc;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffe8e8e8',endColorstr='#fff5f5f5',GradientType=0);-webkit-box-shadow:inset 0 1px 3px rgba(0,0,0,0.05),0 1px 0 rgba(255,255,255,0.1);box-shadow:inset 0 1px 3px rgba(0,0,0,0.05),0 1px 0 rgba(255,255,255,0.1)}


--------------------------------------------------------------------------------
/doc/css/bootstrap-theme.css:
--------------------------------------------------------------------------------
  1 | /*!
  2 |  * Bootstrap v3.0.3 (http://getbootstrap.com)
  3 |  * Copyright 2013 Twitter, Inc.
  4 |  * Licensed under http://www.apache.org/licenses/LICENSE-2.0
  5 |  */
  6 | 
  7 | .btn-default,
  8 | .btn-primary,
  9 | .btn-success,
 10 | .btn-info,
 11 | .btn-warning,
 12 | .btn-danger {
 13 |   text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.2);
 14 |   -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075);
 15 |           box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075);
 16 | }
 17 | 
 18 | .btn-default:active,
 19 | .btn-primary:active,
 20 | .btn-success:active,
 21 | .btn-info:active,
 22 | .btn-warning:active,
 23 | .btn-danger:active,
 24 | .btn-default.active,
 25 | .btn-primary.active,
 26 | .btn-success.active,
 27 | .btn-info.active,
 28 | .btn-warning.active,
 29 | .btn-danger.active {
 30 |   -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
 31 |           box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
 32 | }
 33 | 
 34 | .btn:active,
 35 | .btn.active {
 36 |   background-image: none;
 37 | }
 38 | 
 39 | .btn-default {
 40 |   text-shadow: 0 1px 0 #fff;
 41 |   background-image: -webkit-linear-gradient(top, #ffffff 0%, #e0e0e0 100%);
 42 |   background-image: linear-gradient(to bottom, #ffffff 0%, #e0e0e0 100%);
 43 |   background-repeat: repeat-x;
 44 |   border-color: #dbdbdb;
 45 |   border-color: #ccc;
 46 |   filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#ffe0e0e0', GradientType=0);
 47 |   filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
 48 | }
 49 | 
 50 | .btn-default:hover,
 51 | .btn-default:focus {
 52 |   background-color: #e0e0e0;
 53 |   background-position: 0 -15px;
 54 | }
 55 | 
 56 | .btn-default:active,
 57 | .btn-default.active {
 58 |   background-color: #e0e0e0;
 59 |   border-color: #dbdbdb;
 60 | }
 61 | 
 62 | .btn-primary {
 63 |   background-image: -webkit-linear-gradient(top, #428bca 0%, #2d6ca2 100%);
 64 |   background-image: linear-gradient(to bottom, #428bca 0%, #2d6ca2 100%);
 65 |   background-repeat: repeat-x;
 66 |   border-color: #2b669a;
 67 |   filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff428bca', endColorstr='#ff2d6ca2', GradientType=0);
 68 |   filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
 69 | }
 70 | 
 71 | .btn-primary:hover,
 72 | .btn-primary:focus {
 73 |   background-color: #2d6ca2;
 74 |   background-position: 0 -15px;
 75 | }
 76 | 
 77 | .btn-primary:active,
 78 | .btn-primary.active {
 79 |   background-color: #2d6ca2;
 80 |   border-color: #2b669a;
 81 | }
 82 | 
 83 | .btn-success {
 84 |   background-image: -webkit-linear-gradient(top, #5cb85c 0%, #419641 100%);
 85 |   background-image: linear-gradient(to bottom, #5cb85c 0%, #419641 100%);
 86 |   background-repeat: repeat-x;
 87 |   border-color: #3e8f3e;
 88 |   filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff5cb85c', endColorstr='#ff419641', GradientType=0);
 89 |   filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
 90 | }
 91 | 
 92 | .btn-success:hover,
 93 | .btn-success:focus {
 94 |   background-color: #419641;
 95 |   background-position: 0 -15px;
 96 | }
 97 | 
 98 | .btn-success:active,
 99 | .btn-success.active {
100 |   background-color: #419641;
101 |   border-color: #3e8f3e;
102 | }
103 | 
104 | .btn-warning {
105 |   background-image: -webkit-linear-gradient(top, #f0ad4e 0%, #eb9316 100%);
106 |   background-image: linear-gradient(to bottom, #f0ad4e 0%, #eb9316 100%);
107 |   background-repeat: repeat-x;
108 |   border-color: #e38d13;
109 |   filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff0ad4e', endColorstr='#ffeb9316', GradientType=0);
110 |   filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
111 | }
112 | 
113 | .btn-warning:hover,
114 | .btn-warning:focus {
115 |   background-color: #eb9316;
116 |   background-position: 0 -15px;
117 | }
118 | 
119 | .btn-warning:active,
120 | .btn-warning.active {
121 |   background-color: #eb9316;
122 |   border-color: #e38d13;
123 | }
124 | 
125 | .btn-danger {
126 |   background-image: -webkit-linear-gradient(top, #d9534f 0%, #c12e2a 100%);
127 |   background-image: linear-gradient(to bottom, #d9534f 0%, #c12e2a 100%);
128 |   background-repeat: repeat-x;
129 |   border-color: #b92c28;
130 |   filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffd9534f', endColorstr='#ffc12e2a', GradientType=0);
131 |   filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
132 | }
133 | 
134 | .btn-danger:hover,
135 | .btn-danger:focus {
136 |   background-color: #c12e2a;
137 |   background-position: 0 -15px;
138 | }
139 | 
140 | .btn-danger:active,
141 | .btn-danger.active {
142 |   background-color: #c12e2a;
143 |   border-color: #b92c28;
144 | }
145 | 
146 | .btn-info {
147 |   background-image: -webkit-linear-gradient(top, #5bc0de 0%, #2aabd2 100%);
148 |   background-image: linear-gradient(to bottom, #5bc0de 0%, #2aabd2 100%);
149 |   background-repeat: repeat-x;
150 |   border-color: #28a4c9;
151 |   filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff5bc0de', endColorstr='#ff2aabd2', GradientType=0);
152 |   filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
153 | }
154 | 
155 | .btn-info:hover,
156 | .btn-info:focus {
157 |   background-color: #2aabd2;
158 |   background-position: 0 -15px;
159 | }
160 | 
161 | .btn-info:active,
162 | .btn-info.active {
163 |   background-color: #2aabd2;
164 |   border-color: #28a4c9;
165 | }
166 | 
167 | .thumbnail,
168 | .img-thumbnail {
169 |   -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.075);
170 |           box-shadow: 0 1px 2px rgba(0, 0, 0, 0.075);
171 | }
172 | 
173 | .dropdown-menu > li > a:hover,
174 | .dropdown-menu > li > a:focus {
175 |   background-color: #e8e8e8;
176 |   background-image: -webkit-linear-gradient(top, #f5f5f5 0%, #e8e8e8 100%);
177 |   background-image: linear-gradient(to bottom, #f5f5f5 0%, #e8e8e8 100%);
178 |   background-repeat: repeat-x;
179 |   filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff5f5f5', endColorstr='#ffe8e8e8', GradientType=0);
180 | }
181 | 
182 | .dropdown-menu > .active > a,
183 | .dropdown-menu > .active > a:hover,
184 | .dropdown-menu > .active > a:focus {
185 |   background-color: #357ebd;
186 |   background-image: -webkit-linear-gradient(top, #428bca 0%, #357ebd 100%);
187 |   background-image: linear-gradient(to bottom, #428bca 0%, #357ebd 100%);
188 |   background-repeat: repeat-x;
189 |   filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff428bca', endColorstr='#ff357ebd', GradientType=0);
190 | }
191 | 
192 | .navbar-default {
193 |   background-image: -webkit-linear-gradient(top, #ffffff 0%, #f8f8f8 100%);
194 |   background-image: linear-gradient(to bottom, #ffffff 0%, #f8f8f8 100%);
195 |   background-repeat: repeat-x;
196 |   border-radius: 4px;
197 |   filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#fff8f8f8', GradientType=0);
198 |   filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
199 |   -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 5px rgba(0, 0, 0, 0.075);
200 |           box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 5px rgba(0, 0, 0, 0.075);
201 | }
202 | 
203 | .navbar-default .navbar-nav > .active > a {
204 |   background-image: -webkit-linear-gradient(top, #ebebeb 0%, #f3f3f3 100%);
205 |   background-image: linear-gradient(to bottom, #ebebeb 0%, #f3f3f3 100%);
206 |   background-repeat: repeat-x;
207 |   filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffebebeb', endColorstr='#fff3f3f3', GradientType=0);
208 |   -webkit-box-shadow: inset 0 3px 9px rgba(0, 0, 0, 0.075);
209 |           box-shadow: inset 0 3px 9px rgba(0, 0, 0, 0.075);
210 | }
211 | 
212 | .navbar-brand,
213 | .navbar-nav > li > a {
214 |   text-shadow: 0 1px 0 rgba(255, 255, 255, 0.25);
215 | }
216 | 
217 | .navbar-inverse {
218 |   background-image: -webkit-linear-gradient(top, #3c3c3c 0%, #222222 100%);
219 |   background-image: linear-gradient(to bottom, #3c3c3c 0%, #222222 100%);
220 |   background-repeat: repeat-x;
221 |   filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff3c3c3c', endColorstr='#ff222222', GradientType=0);
222 |   filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
223 | }
224 | 
225 | .navbar-inverse .navbar-nav > .active > a {
226 |   background-image: -webkit-linear-gradient(top, #222222 0%, #282828 100%);
227 |   background-image: linear-gradient(to bottom, #222222 0%, #282828 100%);
228 |   background-repeat: repeat-x;
229 |   filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff222222', endColorstr='#ff282828', GradientType=0);
230 |   -webkit-box-shadow: inset 0 3px 9px rgba(0, 0, 0, 0.25);
231 |           box-shadow: inset 0 3px 9px rgba(0, 0, 0, 0.25);
232 | }
233 | 
234 | .navbar-inverse .navbar-brand,
235 | .navbar-inverse .navbar-nav > li > a {
236 |   text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
237 | }
238 | 
239 | .navbar-static-top,
240 | .navbar-fixed-top,
241 | .navbar-fixed-bottom {
242 |   border-radius: 0;
243 | }
244 | 
245 | .alert {
246 |   text-shadow: 0 1px 0 rgba(255, 255, 255, 0.2);
247 |   -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.25), 0 1px 2px rgba(0, 0, 0, 0.05);
248 |           box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.25), 0 1px 2px rgba(0, 0, 0, 0.05);
249 | }
250 | 
251 | .alert-success {
252 |   background-image: -webkit-linear-gradient(top, #dff0d8 0%, #c8e5bc 100%);
253 |   background-image: linear-gradient(to bottom, #dff0d8 0%, #c8e5bc 100%);
254 |   background-repeat: repeat-x;
255 |   border-color: #b2dba1;
256 |   filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffdff0d8', endColorstr='#ffc8e5bc', GradientType=0);
257 | }
258 | 
259 | .alert-info {
260 |   background-image: -webkit-linear-gradient(top, #d9edf7 0%, #b9def0 100%);
261 |   background-image: linear-gradient(to bottom, #d9edf7 0%, #b9def0 100%);
262 |   background-repeat: repeat-x;
263 |   border-color: #9acfea;
264 |   filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffd9edf7', endColorstr='#ffb9def0', GradientType=0);
265 | }
266 | 
267 | .alert-warning {
268 |   background-image: -webkit-linear-gradient(top, #fcf8e3 0%, #f8efc0 100%);
269 |   background-image: linear-gradient(to bottom, #fcf8e3 0%, #f8efc0 100%);
270 |   background-repeat: repeat-x;
271 |   border-color: #f5e79e;
272 |   filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fffcf8e3', endColorstr='#fff8efc0', GradientType=0);
273 | }
274 | 
275 | .alert-danger {
276 |   background-image: -webkit-linear-gradient(top, #f2dede 0%, #e7c3c3 100%);
277 |   background-image: linear-gradient(to bottom, #f2dede 0%, #e7c3c3 100%);
278 |   background-repeat: repeat-x;
279 |   border-color: #dca7a7;
280 |   filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff2dede', endColorstr='#ffe7c3c3', GradientType=0);
281 | }
282 | 
283 | .progress {
284 |   background-image: -webkit-linear-gradient(top, #ebebeb 0%, #f5f5f5 100%);
285 |   background-image: linear-gradient(to bottom, #ebebeb 0%, #f5f5f5 100%);
286 |   background-repeat: repeat-x;
287 |   filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffebebeb', endColorstr='#fff5f5f5', GradientType=0);
288 | }
289 | 
290 | .progress-bar {
291 |   background-image: -webkit-linear-gradient(top, #428bca 0%, #3071a9 100%);
292 |   background-image: linear-gradient(to bottom, #428bca 0%, #3071a9 100%);
293 |   background-repeat: repeat-x;
294 |   filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff428bca', endColorstr='#ff3071a9', GradientType=0);
295 | }
296 | 
297 | .progress-bar-success {
298 |   background-image: -webkit-linear-gradient(top, #5cb85c 0%, #449d44 100%);
299 |   background-image: linear-gradient(to bottom, #5cb85c 0%, #449d44 100%);
300 |   background-repeat: repeat-x;
301 |   filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff5cb85c', endColorstr='#ff449d44', GradientType=0);
302 | }
303 | 
304 | .progress-bar-info {
305 |   background-image: -webkit-linear-gradient(top, #5bc0de 0%, #31b0d5 100%);
306 |   background-image: linear-gradient(to bottom, #5bc0de 0%, #31b0d5 100%);
307 |   background-repeat: repeat-x;
308 |   filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff5bc0de', endColorstr='#ff31b0d5', GradientType=0);
309 | }
310 | 
311 | .progress-bar-warning {
312 |   background-image: -webkit-linear-gradient(top, #f0ad4e 0%, #ec971f 100%);
313 |   background-image: linear-gradient(to bottom, #f0ad4e 0%, #ec971f 100%);
314 |   background-repeat: repeat-x;
315 |   filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff0ad4e', endColorstr='#ffec971f', GradientType=0);
316 | }
317 | 
318 | .progress-bar-danger {
319 |   background-image: -webkit-linear-gradient(top, #d9534f 0%, #c9302c 100%);
320 |   background-image: linear-gradient(to bottom, #d9534f 0%, #c9302c 100%);
321 |   background-repeat: repeat-x;
322 |   filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffd9534f', endColorstr='#ffc9302c', GradientType=0);
323 | }
324 | 
325 | .list-group {
326 |   border-radius: 4px;
327 |   -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.075);
328 |           box-shadow: 0 1px 2px rgba(0, 0, 0, 0.075);
329 | }
330 | 
331 | .list-group-item.active,
332 | .list-group-item.active:hover,
333 | .list-group-item.active:focus {
334 |   text-shadow: 0 -1px 0 #3071a9;
335 |   background-image: -webkit-linear-gradient(top, #428bca 0%, #3278b3 100%);
336 |   background-image: linear-gradient(to bottom, #428bca 0%, #3278b3 100%);
337 |   background-repeat: repeat-x;
338 |   border-color: #3278b3;
339 |   filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff428bca', endColorstr='#ff3278b3', GradientType=0);
340 | }
341 | 
342 | .panel {
343 |   -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
344 |           box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
345 | }
346 | 
347 | .panel-default > .panel-heading {
348 |   background-image: -webkit-linear-gradient(top, #f5f5f5 0%, #e8e8e8 100%);
349 |   background-image: linear-gradient(to bottom, #f5f5f5 0%, #e8e8e8 100%);
350 |   background-repeat: repeat-x;
351 |   filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff5f5f5', endColorstr='#ffe8e8e8', GradientType=0);
352 | }
353 | 
354 | .panel-primary > .panel-heading {
355 |   background-image: -webkit-linear-gradient(top, #428bca 0%, #357ebd 100%);
356 |   background-image: linear-gradient(to bottom, #428bca 0%, #357ebd 100%);
357 |   background-repeat: repeat-x;
358 |   filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff428bca', endColorstr='#ff357ebd', GradientType=0);
359 | }
360 | 
361 | .panel-success > .panel-heading {
362 |   background-image: -webkit-linear-gradient(top, #dff0d8 0%, #d0e9c6 100%);
363 |   background-image: linear-gradient(to bottom, #dff0d8 0%, #d0e9c6 100%);
364 |   background-repeat: repeat-x;
365 |   filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffdff0d8', endColorstr='#ffd0e9c6', GradientType=0);
366 | }
367 | 
368 | .panel-info > .panel-heading {
369 |   background-image: -webkit-linear-gradient(top, #d9edf7 0%, #c4e3f3 100%);
370 |   background-image: linear-gradient(to bottom, #d9edf7 0%, #c4e3f3 100%);
371 |   background-repeat: repeat-x;
372 |   filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffd9edf7', endColorstr='#ffc4e3f3', GradientType=0);
373 | }
374 | 
375 | .panel-warning > .panel-heading {
376 |   background-image: -webkit-linear-gradient(top, #fcf8e3 0%, #faf2cc 100%);
377 |   background-image: linear-gradient(to bottom, #fcf8e3 0%, #faf2cc 100%);
378 |   background-repeat: repeat-x;
379 |   filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fffcf8e3', endColorstr='#fffaf2cc', GradientType=0);
380 | }
381 | 
382 | .panel-danger > .panel-heading {
383 |   background-image: -webkit-linear-gradient(top, #f2dede 0%, #ebcccc 100%);
384 |   background-image: linear-gradient(to bottom, #f2dede 0%, #ebcccc 100%);
385 |   background-repeat: repeat-x;
386 |   filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff2dede', endColorstr='#ffebcccc', GradientType=0);
387 | }
388 | 
389 | .well {
390 |   background-image: -webkit-linear-gradient(top, #e8e8e8 0%, #f5f5f5 100%);
391 |   background-image: linear-gradient(to bottom, #e8e8e8 0%, #f5f5f5 100%);
392 |   background-repeat: repeat-x;
393 |   border-color: #dcdcdc;
394 |   filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffe8e8e8', endColorstr='#fff5f5f5', GradientType=0);
395 |   -webkit-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.05), 0 1px 0 rgba(255, 255, 255, 0.1);
396 |           box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.05), 0 1px 0 rgba(255, 255, 255, 0.1);
397 | }


--------------------------------------------------------------------------------
/src/JChart.Scale.js:
--------------------------------------------------------------------------------
  1 | ;(function(_){
  2 |     /**
  3 |      * 抽象类-刻度值
  4 |      * 用来初始化XY轴各项数据
  5 |      * @constructor
  6 |      */
  7 |     function Scale(){
  8 |         var P_T = 5,//图表顶部空白
  9 |             P_R = 5,//图表右侧空白
 10 |             P_Y = 20,//y轴左侧空白
 11 |             P_X = 10;//x轴文本与x之间的间距
 12 |         _.Chart.apply(this);
 13 |         _.extend(this.config,{
 14 |             /**
 15 |              * @Object
 16 |              * Y轴刻度值，默认为null，会自动生成，也可以自己指定
 17 |              *   {
 18 |              *      step : 10,//刻度个数，必选项
 19 |              *      stepValue : 10//每两个刻度线之间的差值，必选项
 20 |              *      start : 0//起始刻度值,默认为0
 21 |              *   }
 22 |              */
 23 |             scale : null,
 24 |             //xy轴刻度线的颜色
 25 |             scaleLineColor : "rgba(0,0,0,.3)",
 26 |             //刻度线宽度
 27 |             scaleLineWidth:1,
 28 |             //是否显示Y轴刻度值
 29 |             showScaleLabel : true,
 30 |             //是否显示X轴刻度值
 31 |             showLabel : true,
 32 |             //刻度值字体属性
 33 |             scaleFont : {
 34 |                 size:12,
 35 |                 color : '#666'
 36 |             },
 37 |             textFont : {
 38 |                 size : 14,
 39 |                 textBaseline : 'bottom'
 40 |             },
 41 |             //是否显示网格线
 42 |             showGridLine : true,
 43 |             //网格线颜色
 44 |             gridLineColor : "rgba(0,0,0,.1)",
 45 |             //网格线宽度
 46 |             gridLineWidth : 1,
 47 |             //水平线{value : 50,color : #fff,width : 1}
 48 |             horizonLine : null
 49 | 
 50 |         });
 51 |         //数据偏移量-已经偏移
 52 |         this.dataOffset = 0;
 53 |         this.scaleData = {
 54 |             x : 0,//圆点坐标
 55 |             y : 0,
 56 |             xHop : 0,//x轴数据项宽度
 57 |             yHop : 0,//y轴每个刻度的高度
 58 |             xLength : 0,//x轴长度
 59 |             yHeight : 0,//y轴高度
 60 |             yLabelHeight : 0,//y轴刻度文本高度
 61 |             yScaleValue : null,//y轴刻度指标
 62 |             labelRotate : 0,//x轴label旋转角度
 63 |             xLabelWidth : 0,//x轴label宽度
 64 |             xLabelHeight : 0,//x轴label宽度
 65 |             barWidth : 0//柱形图柱子宽度
 66 |         }
 67 |         /**
 68 |          * 计算X轴文本宽度、旋转角度及Y轴高度
 69 |          */
 70 |         this.calcDrawingSizes = function(){
 71 |             var maxSize = this.height,widestX = 0,scaleFontSize = this.config.scaleFont.size, xLabelWidth = 0,xLabelHeight = scaleFontSize,
 72 |                 labelRotate = 0,dataLen = this.chartData.labels.length;
 73 |             //计算X轴，如果发现数据宽度超过总宽度，需要将label进行旋转
 74 |             this.ctx.set(this.config.scaleFont);
 75 |             //找出最宽的label
 76 |             _.each(this.chartData.labels,function(o){
 77 |                 var w = this.ctx.measureText(o).width;
 78 |                 widestX = (w > widestX)? w : widestX;
 79 |             },this);
 80 |             xLabelWidth = widestX;
 81 |             if (this.width/dataLen < widestX){
 82 |                 labelRotate = 45;
 83 |                 xLabelWidth = Math.cos(labelRotate*Math.PI/180) * widestX;
 84 |                 xLabelHeight = Math.sin(labelRotate*Math.PI/180) * widestX ;
 85 |                 if (this.width/dataLen < xLabelHeight){
 86 |                     labelRotate = 90;
 87 |                     xLabelWidth = scaleFontSize;
 88 |                     xLabelHeight = widestX;
 89 |                 }
 90 |             }
 91 |             //减去x轴label的高度
 92 |             maxSize -= xLabelHeight;
 93 |             //减去x轴文本与x轴之间的间距
 94 |             maxSize -= P_X;
 95 |             //给Y轴顶部留一点空白
 96 |             maxSize -= P_T;
 97 |             maxSize -= this.config.showText?scaleFontSize:0;
 98 |             //y轴高度
 99 |             this.scaleData.yHeight = maxSize;
100 |             //y轴刻度高度
101 |             this.scaleData.yLabelHeight = scaleFontSize;
102 |             //x轴文本旋转角度
103 |             this.scaleData.labelRotate = labelRotate;
104 |             //x轴文本的宽度
105 |             this.scaleData.xLabelWidth = xLabelWidth;
106 |             //x轴文本的高度
107 |             this.scaleData.xLabelHeight = xLabelHeight;
108 |         }
109 | 
110 |         /**
111 |          * 计算Y轴刻度的边界及刻度步数
112 |          * @return {Object}
113 |          */
114 |         this.getValueBounds = function(dataset) {
115 |             var upperValue = Number.MIN_VALUE;
116 |             var lowerValue = Number.MAX_VALUE;
117 |             _.each(dataset,function(o){
118 |                 _.each(o.data,function(obj){
119 |                     if(obj > upperValue){upperValue = obj};
120 |                     if (obj < lowerValue) { lowerValue = obj};
121 |                 });
122 |             })
123 |             var yh = this.scaleData.yHeight;
124 |             var lh = this.scaleData.yLabelHeight;
125 |             var maxSteps = Math.floor((yh/(lh*0.66)));
126 |             var minSteps = Math.floor((yh/lh*0.5));
127 | 
128 |             return {
129 |                 maxValue : upperValue,
130 |                 minValue : lowerValue,
131 |                 maxSteps : maxSteps,
132 |                 minSteps : minSteps
133 |             };
134 |         }
135 | 
136 |         /**
137 |          * 计算Y轴刻度的各项数据
138 |          */
139 |         this.calcYAxis = function(){
140 |             var scale = this.config.scale;
141 |             if (scale){
142 |                 scale.start = scale.start || 0;
143 |                 scale.labels = this.populateLabels(scale.step,scale.start,scale.stepValue);
144 |             }else {
145 |                 var bounds = this.getValueBounds(this.chartData.datasets);
146 |                 scale = this.calcScale(this.scaleData.yHeight,bounds.maxSteps,bounds.minSteps,bounds.maxValue,bounds.minValue);
147 |             }
148 |             this.scaleData.yScaleValue = scale;
149 |             this.scaleData.yHop = Math.floor(this.scaleData.yHeight/scale.step);
150 |         }
151 | 
152 |         /**
153 |          * 计算X轴宽度，每个数据项宽度大小及坐标原点
154 |          */
155 |         this.calcXAxis = function(){
156 |             var config = this.config,scale = this.scaleData,yLabelWidth = 0,xAxisLength,valueHop, x,y;
157 |             if (config.showScaleLabel){
158 |                 //找出Y轴刻度的最宽值
159 |                 _.each(scale.yScaleValue.labels,function(o){
160 |                     var w = this.ctx.measureText(o).width;
161 |                     yLabelWidth = (w > yLabelWidth)? w : yLabelWidth;
162 |                 },this);
163 |                 yLabelWidth += P_Y;
164 |             }
165 |             //x轴的宽度
166 |             xAxisLength = this.width - yLabelWidth-P_R-(this.config.showText?this.config.textFont.size:0);
167 | 
168 |             if(this._type_ == 'bar'){//计算柱形图柱子宽度，柱形图x轴文本居中显示，需要重新计算数据项宽度
169 |                 valueHop = Math.floor(xAxisLength/this.chartData.labels.length);
170 |                 var len = this.chartData.datasets.length;
171 |                 scale.barWidth = (valueHop - config.gridLineWidth*2 - (config.barSetSpacing*2) - (config.barSpacing*len-1) - ((config.barBorderWidth/2)*len-1))/len;
172 |             }else{
173 |                 valueHop = Math.floor(xAxisLength/(this.chartData.labels.length-1));
174 |             }
175 |             scale.x = yLabelWidth;
176 |             scale.y = this.height - scale.xLabelHeight - P_X;
177 |             scale.xWidth = xAxisLength;
178 |             scale.xHop = valueHop;
179 |         }
180 | 
181 |         this.drawScale = function(){
182 |             var ctx = this.ctx,cfg = this.config,scale = this.scaleData,align;
183 |             ctx.set({
184 |                 strokeStyle :  cfg.scaleLineColor,
185 |                 lineWidth : cfg.scaleLineWidth
186 |             })
187 |             //画X轴
188 |             ctx.line(scale.x-3, scale.y, scale.x+scale.xWidth, scale.y, true);
189 |             //画Y轴
190 |             ctx.line(scale.x,scale.y+3, scale.x,scale.y-scale.yHeight, true);
191 | 
192 |             //todo  设置主体部分背景颜色  渐变？？？
193 | 
194 |             //画X轴刻度文本
195 |             if (scale.labelRotate > 0){
196 |                 ctx.save();
197 |                 align = 'right';
198 |             }else{
199 |                 align = 'center';
200 |             }
201 |             ctx.set({
202 |                 fillStyle : cfg.scaleFont.color,
203 |                 textAlign : align,
204 |                 textBaseline : 'hanging',
205 |                 strokeStyle : cfg.gridLineColor,
206 |                 lineWidth : cfg.gridLineWidth
207 |             });
208 |             _.each(this.chartData.labels,function(label,i){
209 |                 ctx.save();
210 |                 var cx = scale.x + i*scale.xHop,labelY = scale.y + P_X/ 2,
211 |                     labelX = this._type_ == 'bar'?cx + scale.xHop/2 : cx;
212 |                 if (scale.labelRotate > 0){
213 |                     ctx.translate(labelX,labelY).rotate(-(scale.labelRotate * (Math.PI/180))).fillText(label,0,0).restore();
214 |                 }else{
215 |                     ctx.fillText(label, labelX,labelY);
216 |                 }
217 |                 //画纵向的网格线
218 |                 if(cfg.showGridLine){
219 |                     var x = (this._type_ == 'bar')?cx + scale.xHop : cx;
220 |                     ctx.line(x, scale.y, x, scale.y-scale.yHeight,true);
221 |                 }
222 |             },this);
223 | 
224 |             //画横向网格线
225 |             ctx.set({textAlign:'right',textBaseline:'middle'});
226 |             for (var j=0; j<scale.yScaleValue.step; j++){
227 |                 var y = scale.y - ((j+1) * scale.yHop);
228 |                 cfg.showGridLine && ctx.line(scale.x,y,scale.x + scale.xWidth,y, true);
229 |                 cfg.showScaleLabel && ctx.fillText(scale.yScaleValue.labels[j],scale.x-P_Y/2,y);
230 |             }
231 |             //绘制水平线
232 |             if(cfg.horizonLine){
233 |                 var y = scale.y - this.calcOffset(cfg.horizonLine.value,scale.yScaleValue,scale.yHop);
234 |                 ctx.line(scale.x,y,scale.x + scale.xWidth,y, cfg.horizonLine.color || '#E74C3C',cfg.horizonLine.width||1);
235 |             }
236 | 
237 |         }
238 | 
239 |         this.initScale = function(showX){
240 |             this.calcDrawingSizes();
241 |             this.calcYAxis();
242 |             showX && this.calcXAxis();
243 |         }
244 |         this.drawPoint = function(x,y,d){
245 |             //填充色默认为白色，边框颜色默认与线条颜色一致
246 |             this.ctx.beginPath().circle(x,y,this.config.pointRadius,d.pointColor || '#fff',d.pointBorderColor || d.color,this.config.pointBorderWidth);
247 |         }
248 | 
249 | 		/**
250 |          * 计算坐标轴的刻度
251 |          * @param drawingHeight
252 |          * @param maxSteps
253 |          * @param minSteps
254 |          * @param maxValue
255 |          * @param minValue
256 |          */
257 |         this.calcScale = function(drawingHeight,maxSteps,minSteps,maxValue,minValue){
258 |             var min,max,range,stepValue,step,valueRange,rangeOrderOfMagnitude;
259 | 
260 |             valueRange = maxValue - minValue;
261 | 
262 |             rangeOrderOfMagnitude = calculateOrderOfMagnitude(valueRange);
263 | 
264 |             //min = Math.floor(minValue / (1 * Math.pow(10, rangeOrderOfMagnitude))) * Math.pow(10, rangeOrderOfMagnitude);
265 |             min = 0;//固定起始点为0
266 | 
267 |             max = Math.ceil(maxValue / (1 * Math.pow(10, rangeOrderOfMagnitude))) * Math.pow(10, rangeOrderOfMagnitude);
268 | 
269 |             range = max - min;
270 | 
271 |             stepValue = Math.pow(10, rangeOrderOfMagnitude);
272 | 
273 |             step = Math.round(range / stepValue);
274 | 
275 |             //Compare number of steps to the max and min for that size graph, and add in half steps if need be.
276 |             while(step < minSteps || step > maxSteps) {
277 |                 if (step < minSteps){
278 |                     stepValue /= 2;
279 |                     step = Math.round(range/stepValue);
280 |                 }
281 |                 else{
282 |                     stepValue *=2;
283 |                     step = Math.round(range/stepValue);
284 |                 }
285 |             };
286 |             var labels = this.populateLabels(step, min, stepValue);;
287 |             return {
288 |                 step : step,
289 |                 stepValue : stepValue,
290 |                 start : min,
291 |                 labels : labels
292 |             }
293 |             function calculateOrderOfMagnitude(val){
294 |                 return Math.floor(Math.log(val) / Math.LN10);
295 |             }
296 |         }
297 | 
298 |         /**
299 |          * 构造刻度值
300 |          * @param labels
301 |          * @param numberOfSteps
302 |          * @param graphMin
303 |          * @param stepValue
304 |          */
305 |         this.populateLabels = function (step, start, stepValue) {
306 |             var labels = [];
307 |             for (var i = 1; i < step + 1; i++) {
308 |                 if(!this.config.showScaleLabel){
309 |                     labels.push('');
310 |                     continue;
311 |                 }
312 |                 //小数点位数与stepValue后的小数点一致
313 |                 var value = (start + (stepValue * i)).toFixed(_.getDecimalPlaces(stepValue));
314 |                 var text = this.trigger('renderYLabel',[value]);
315 |                 text = text ? text : value;
316 |                 labels.push(text);
317 |             }
318 |             return labels;
319 |         },
320 |         this.calcOffset = function(val,scale,scaleHop){
321 |             var outerValue = scale.step * scale.stepValue;
322 |             var adjustedValue = val - scale.start;
323 |             var scalingFactor = _.capValue(adjustedValue/outerValue,1,0);
324 |             return (scaleHop*scale.step) * scalingFactor;
325 |         },
326 |         
327 |         this.sliceData = function(data,offset,len,num){
328 |             var newdata = _.clone(data);
329 |             var min = offset,max = offset + num;
330 |             if(max > len){
331 |                 min = len - num;
332 |                 max = len;
333 |             }
334 |             newdata.labels = newdata.labels.slice(min,max);
335 |             _.each(newdata.datasets,function(d){
336 |                 d.data = d.data.slice(min,max)
337 |             });
338 |             return newdata;
339 |         }
340 |         this.bindDataGestureEvent = function(){
341 |             var _this = this,
342 |             	touchDistanceX,//手指滑动偏移量
343 |                 startPosition,//触摸初始位置记录
344 |                 currentOffset = 0,//当前一次滑动的偏移量
345 |                 dataNum = this.config.datasetShowNumber,//每屏显示的数据条数
346 |                 gestureStarted,
347 |                 hasTouch = 'ontouchstart' in window,
348 | 				START_EV = hasTouch ? 'touchstart' : 'mousedown',
349 | 				MOVE_EV = hasTouch ? 'touchmove' : 'mousemove',
350 | 				END_EV = hasTouch ? 'touchend' : 'mouseup';
351 | 
352 |             this.ctx.el.addEventListener(START_EV,touchstart);
353 |             this.ctx.el.addEventListener(MOVE_EV,touchmove);
354 |             this.ctx.el.addEventListener(END_EV,touchend);
355 | 
356 |             function touchstart(e){
357 |             	e = e.touches ? e.touches[0] : e;
358 |                 startPosition = {
359 |                     x : e.pageX,
360 |                     y : e.pageY
361 |                 }
362 |                 touchDistanceX = 0;
363 |                 gestureStarted = true;
364 |             }
365 |             function touchmove(e){
366 |                 if(!gestureStarted || !_this.config.datasetGesture)return;
367 |                 e = e.touches ? e.touches[0] : e;
368 |                 var x = e.pageX;
369 |                 var y = e.pageY;
370 |                 touchDistanceX = x - startPosition.x;
371 |             	//每滑动xHop加载下一组数据
372 |                 var totalLen = _this.data.labels.length;//数据总长度
373 |                 var offset = _this.dataOffset - Math.floor(touchDistanceX/_this.scaleData.xHop);
374 |                 if(offset < 0 || offset == currentOffset||(offset+dataNum > totalLen))return;
375 |                 currentOffset = offset;
376 |                 console.log(offset);
377 |                 //将操作加入系统队列，解决android系统下touchmove的bug
378 |                 setTimeout(function(){
379 |                     _this.redraw(_this.sliceData(_this.data,offset,totalLen,dataNum));
380 |                 },0)
381 |             }
382 |             function touchend(event){
383 |                 gestureStarted = false;
384 |                 _this.dataOffset = currentOffset;
385 |             }
386 |         }
387 |     }
388 |     _.Scale = Scale;
389 | })(JChart);


--------------------------------------------------------------------------------
/doc/js/highlight.min.js:
--------------------------------------------------------------------------------
1 | var hljs=new function(){function l(o){return o.replace(/&/gm,"&amp;").replace(/</gm,"&lt;").replace(/>/gm,"&gt;")}function b(p){for(var o=p.firstChild;o;o=o.nextSibling){if(o.nodeName=="CODE"){return o}if(!(o.nodeType==3&&o.nodeValue.match(/\s+/))){break}}}function h(p,o){return Array.prototype.map.call(p.childNodes,function(q){if(q.nodeType==3){return o?q.nodeValue.replace(/\n/g,""):q.nodeValue}if(q.nodeName=="BR"){return"\n"}return h(q,o)}).join("")}function a(q){var p=(q.className+" "+q.parentNode.className).split(/\s+/);p=p.map(function(r){return r.replace(/^language-/,"")});for(var o=0;o<p.length;o++){if(e[p[o]]||p[o]=="no-highlight"){return p[o]}}}function c(q){var o=[];(function p(r,s){for(var t=r.firstChild;t;t=t.nextSibling){if(t.nodeType==3){s+=t.nodeValue.length}else{if(t.nodeName=="BR"){s+=1}else{if(t.nodeType==1){o.push({event:"start",offset:s,node:t});s=p(t,s);o.push({event:"stop",offset:s,node:t})}}}}return s})(q,0);return o}function j(x,v,w){var p=0;var y="";var r=[];function t(){if(x.length&&v.length){if(x[0].offset!=v[0].offset){return(x[0].offset<v[0].offset)?x:v}else{return v[0].event=="start"?x:v}}else{return x.length?x:v}}function s(A){function z(B){return" "+B.nodeName+'="'+l(B.value)+'"'}return"<"+A.nodeName+Array.prototype.map.call(A.attributes,z).join("")+">"}while(x.length||v.length){var u=t().splice(0,1)[0];y+=l(w.substr(p,u.offset-p));p=u.offset;if(u.event=="start"){y+=s(u.node);r.push(u.node)}else{if(u.event=="stop"){var o,q=r.length;do{q--;o=r[q];y+=("</"+o.nodeName.toLowerCase()+">")}while(o!=u.node);r.splice(q,1);while(q<r.length){y+=s(r[q]);q++}}}}return y+l(w.substr(p))}function f(q){function o(s,r){return RegExp(s,"m"+(q.cI?"i":"")+(r?"g":""))}function p(y,w){if(y.compiled){return}y.compiled=true;var s=[];if(y.k){var r={};function z(A,t){t.split(" ").forEach(function(B){var C=B.split("|");r[C[0]]=[A,C[1]?Number(C[1]):1];s.push(C[0])})}y.lR=o(y.l||hljs.IR,true);if(typeof y.k=="string"){z("keyword",y.k)}else{for(var x in y.k){if(!y.k.hasOwnProperty(x)){continue}z(x,y.k[x])}}y.k=r}if(w){if(y.bWK){y.b="\\b("+s.join("|")+")\\s"}y.bR=o(y.b?y.b:"\\B|\\b");if(!y.e&&!y.eW){y.e="\\B|\\b"}if(y.e){y.eR=o(y.e)}y.tE=y.e||"";if(y.eW&&w.tE){y.tE+=(y.e?"|":"")+w.tE}}if(y.i){y.iR=o(y.i)}if(y.r===undefined){y.r=1}if(!y.c){y.c=[]}for(var v=0;v<y.c.length;v++){if(y.c[v]=="self"){y.c[v]=y}p(y.c[v],y)}if(y.starts){p(y.starts,w)}var u=[];for(var v=0;v<y.c.length;v++){u.push(y.c[v].b)}if(y.tE){u.push(y.tE)}if(y.i){u.push(y.i)}y.t=u.length?o(u.join("|"),true):{exec:function(t){return null}}}p(q)}function d(D,E){function o(r,M){for(var L=0;L<M.c.length;L++){var K=M.c[L].bR.exec(r);if(K&&K.index==0){return M.c[L]}}}function s(K,r){if(K.e&&K.eR.test(r)){return K}if(K.eW){return s(K.parent,r)}}function t(r,K){return K.i&&K.iR.test(r)}function y(L,r){var K=F.cI?r[0].toLowerCase():r[0];return L.k.hasOwnProperty(K)&&L.k[K]}function G(){var K=l(w);if(!A.k){return K}var r="";var N=0;A.lR.lastIndex=0;var L=A.lR.exec(K);while(L){r+=K.substr(N,L.index-N);var M=y(A,L);if(M){v+=M[1];r+='<span class="'+M[0]+'">'+L[0]+"</span>"}else{r+=L[0]}N=A.lR.lastIndex;L=A.lR.exec(K)}return r+K.substr(N)}function z(){if(A.sL&&!e[A.sL]){return l(w)}var r=A.sL?d(A.sL,w):g(w);if(A.r>0){v+=r.keyword_count;B+=r.r}return'<span class="'+r.language+'">'+r.value+"</span>"}function J(){return A.sL!==undefined?z():G()}function I(L,r){var K=L.cN?'<span class="'+L.cN+'">':"";if(L.rB){x+=K;w=""}else{if(L.eB){x+=l(r)+K;w=""}else{x+=K;w=r}}A=Object.create(L,{parent:{value:A}});B+=L.r}function C(K,r){w+=K;if(r===undefined){x+=J();return 0}var L=o(r,A);if(L){x+=J();I(L,r);return L.rB?0:r.length}var M=s(A,r);if(M){if(!(M.rE||M.eE)){w+=r}x+=J();do{if(A.cN){x+="</span>"}A=A.parent}while(A!=M.parent);if(M.eE){x+=l(r)}w="";if(M.starts){I(M.starts,"")}return M.rE?0:r.length}if(t(r,A)){throw"Illegal"}w+=r;return r.length||1}var F=e[D];f(F);var A=F;var w="";var B=0;var v=0;var x="";try{var u,q,p=0;while(true){A.t.lastIndex=p;u=A.t.exec(E);if(!u){break}q=C(E.substr(p,u.index-p),u[0]);p=u.index+q}C(E.substr(p));return{r:B,keyword_count:v,value:x,language:D}}catch(H){if(H=="Illegal"){return{r:0,keyword_count:0,value:l(E)}}else{throw H}}}function g(s){var o={keyword_count:0,r:0,value:l(s)};var q=o;for(var p in e){if(!e.hasOwnProperty(p)){continue}var r=d(p,s);r.language=p;if(r.keyword_count+r.r>q.keyword_count+q.r){q=r}if(r.keyword_count+r.r>o.keyword_count+o.r){q=o;o=r}}if(q.language){o.second_best=q}return o}function i(q,p,o){if(p){q=q.replace(/^((<[^>]+>|\t)+)/gm,function(r,v,u,t){return v.replace(/\t/g,p)})}if(o){q=q.replace(/\n/g,"<br>")}return q}function m(r,u,p){var v=h(r,p);var t=a(r);if(t=="no-highlight"){return}var w=t?d(t,v):g(v);t=w.language;var o=c(r);if(o.length){var q=document.createElement("pre");q.innerHTML=w.value;w.value=j(o,c(q),v)}w.value=i(w.value,u,p);var s=r.className;if(!s.match("(\\s|^)(language-)?"+t+"(\\s|$)")){s=s?(s+" "+t):t}r.innerHTML=w.value;r.className=s;r.result={language:t,kw:w.keyword_count,re:w.r};if(w.second_best){r.second_best={language:w.second_best.language,kw:w.second_best.keyword_count,re:w.second_best.r}}}function n(){if(n.called){return}n.called=true;Array.prototype.map.call(document.getElementsByTagName("pre"),b).filter(Boolean).forEach(function(o){m(o,hljs.tabReplace)})}function k(){window.addEventListener("DOMContentLoaded",n,false);window.addEventListener("load",n,false)}var e={};this.LANGUAGES=e;this.highlight=d;this.highlightAuto=g;this.fixMarkup=i;this.highlightBlock=m;this.initHighlighting=n;this.initHighlightingOnLoad=k;this.IR="[a-zA-Z][a-zA-Z0-9_]*";this.UIR="[a-zA-Z_][a-zA-Z0-9_]*";this.NR="\\b\\d+(\\.\\d+)?";this.CNR="(\\b0[xX][a-fA-F0-9]+|(\\b\\d+(\\.\\d*)?|\\.\\d+)([eE][-+]?\\d+)?)";this.BNR="\\b(0b[01]+)";this.RSR="!|!=|!==|%|%=|&|&&|&=|\\*|\\*=|\\+|\\+=|,|\\.|-|-=|/|/=|:|;|<|<<|<<=|<=|=|==|===|>|>=|>>|>>=|>>>|>>>=|\\?|\\[|\\{|\\(|\\^|\\^=|\\||\\|=|\\|\\||~";this.BE={b:"\\\\[\\s\\S]",r:0};this.ASM={cN:"string",b:"'",e:"'",i:"\\n",c:[this.BE],r:0};this.QSM={cN:"string",b:'"',e:'"',i:"\\n",c:[this.BE],r:0};this.CLCM={cN:"comment",b:"//",e:"$"};this.CBLCLM={cN:"comment",b:"/\\*",e:"\\*/"};this.HCM={cN:"comment",b:"#",e:"$"};this.NM={cN:"number",b:this.NR,r:0};this.CNM={cN:"number",b:this.CNR,r:0};this.BNM={cN:"number",b:this.BNR,r:0};this.inherit=function(q,r){var o={};for(var p in q){o[p]=q[p]}if(r){for(var p in r){o[p]=r[p]}}return o}}();hljs.LANGUAGES.bash=function(a){var g="true false";var e="if then else elif fi for break continue while in do done echo exit return set declare";var c={cN:"variable",b:"\\$[a-zA-Z0-9_#]+"};var b={cN:"variable",b:"\\${([^}]|\\\\})+}"};var h={cN:"string",b:'"',e:'"',i:"\\n",c:[a.BE,c,b],r:0};var d={cN:"string",b:"'",e:"'",c:[{b:"''"}],r:0};var f={cN:"test_condition",b:"",e:"",c:[h,d,c,b],k:{literal:g},r:0};return{k:{keyword:e,literal:g},c:[{cN:"shebang",b:"(#!\\/bin\\/bash)|(#!\\/bin\\/sh)",r:10},c,b,a.HCM,h,d,a.inherit(f,{b:"\\[ ",e:" \\]",r:0}),a.inherit(f,{b:"\\[\\[ ",e:" \\]\\]"})]}}(hljs);hljs.LANGUAGES.cs=function(a){return{k:"abstract as base bool break byte case catch char checked class const continue decimal default delegate do double else enum event explicit extern false finally fixed float for foreach goto if implicit in int interface internal is lock long namespace new null object operator out override params private protected public readonly ref return sbyte sealed short sizeof stackalloc static string struct switch this throw true try typeof uint ulong unchecked unsafe ushort using virtual volatile void while ascending descending from get group into join let orderby partial select set value var where yield",c:[{cN:"comment",b:"///",e:"$",rB:true,c:[{cN:"xmlDocTag",b:"///|<!--|-->"},{cN:"xmlDocTag",b:"</?",e:">"}]},a.CLCM,a.CBLCLM,{cN:"preprocessor",b:"#",e:"$",k:"if else elif endif define undef warning error line region endregion pragma checksum"},{cN:"string",b:'@"',e:'"',c:[{b:'""'}]},a.ASM,a.QSM,a.CNM]}}(hljs);hljs.LANGUAGES.ruby=function(e){var a="[a-zA-Z_][a-zA-Z0-9_]*(\\!|\\?)?";var j="[a-zA-Z_]\\w*[!?=]?|[-+~]\\@|<<|>>|=~|===?|<=>|[<>]=?|\\*\\*|[-/+%^&*~`|]|\\[\\]=?";var g={keyword:"and false then defined module in return redo if BEGIN retry end for true self when next until do begin unless END rescue nil else break undef not super class case require yield alias while ensure elsif or include"};var c={cN:"yardoctag",b:"@[A-Za-z]+"};var k=[{cN:"comment",b:"#",e:"$",c:[c]},{cN:"comment",b:"^\\=begin",e:"^\\=end",c:[c],r:10},{cN:"comment",b:"^__END__",e:"\\n$"}];var d={cN:"subst",b:"#\\{",e:"}",l:a,k:g};var i=[e.BE,d];var b=[{cN:"string",b:"'",e:"'",c:i,r:0},{cN:"string",b:'"',e:'"',c:i,r:0},{cN:"string",b:"%[qw]?\\(",e:"\\)",c:i},{cN:"string",b:"%[qw]?\\[",e:"\\]",c:i},{cN:"string",b:"%[qw]?{",e:"}",c:i},{cN:"string",b:"%[qw]?<",e:">",c:i,r:10},{cN:"string",b:"%[qw]?/",e:"/",c:i,r:10},{cN:"string",b:"%[qw]?%",e:"%",c:i,r:10},{cN:"string",b:"%[qw]?-",e:"-",c:i,r:10},{cN:"string",b:"%[qw]?\\|",e:"\\|",c:i,r:10}];var h={cN:"function",bWK:true,e:" |$|;",k:"def",c:[{cN:"title",b:j,l:a,k:g},{cN:"params",b:"\\(",e:"\\)",l:a,k:g}].concat(k)};var f=k.concat(b.concat([{cN:"class",bWK:true,e:"$|;",k:"class module",c:[{cN:"title",b:"[A-Za-z_]\\w*(::\\w+)*(\\?|\\!)?",r:0},{cN:"inheritance",b:"<\\s*",c:[{cN:"parent",b:"("+e.IR+"::)?"+e.IR}]}].concat(k)},h,{cN:"constant",b:"(::)?(\\b[A-Z]\\w*(::)?)+",r:0},{cN:"symbol",b:":",c:b.concat([{b:j}]),r:0},{cN:"symbol",b:a+":",r:0},{cN:"number",b:"(\\b0[0-7_]+)|(\\b0x[0-9a-fA-F_]+)|(\\b[1-9][0-9_]*(\\.[0-9_]+)?)|[0_]\\b",r:0},{cN:"number",b:"\\?\\w"},{cN:"variable",b:"(\\$\\W)|((\\$|\\@\\@?)(\\w+))"},{b:"("+e.RSR+")\\s*",c:k.concat([{cN:"regexp",b:"/",e:"/[a-z]*",i:"\\n",c:[e.BE,d]}]),r:0}]));d.c=f;h.c[1].c=f;return{l:a,k:g,c:f}}(hljs);hljs.LANGUAGES.diff=function(a){return{c:[{cN:"chunk",b:"^\\@\\@ +\\-\\d+,\\d+ +\\+\\d+,\\d+ +\\@\\@$",r:10},{cN:"chunk",b:"^\\*\\*\\* +\\d+,\\d+ +\\*\\*\\*\\*$",r:10},{cN:"chunk",b:"^\\-\\-\\- +\\d+,\\d+ +\\-\\-\\-\\-$",r:10},{cN:"header",b:"Index: ",e:"$"},{cN:"header",b:"=====",e:"=====$"},{cN:"header",b:"^\\-\\-\\-",e:"$"},{cN:"header",b:"^\\*{3} ",e:"$"},{cN:"header",b:"^\\+\\+\\+",e:"$"},{cN:"header",b:"\\*{5}",e:"\\*{5}$"},{cN:"addition",b:"^\\+",e:"$"},{cN:"deletion",b:"^\\-",e:"$"},{cN:"change",b:"^\\!",e:"$"}]}}(hljs);hljs.LANGUAGES.javascript=function(a){return{k:{keyword:"in if for while finally var new function do return void else break catch instanceof with throw case default try this switch continue typeof delete let yield const",literal:"true false null undefined NaN Infinity"},c:[a.ASM,a.QSM,a.CLCM,a.CBLCLM,a.CNM,{b:"("+a.RSR+"|\\b(case|return|throw)\\b)\\s*",k:"return throw case",c:[a.CLCM,a.CBLCLM,{cN:"regexp",b:"/",e:"/[gim]*",i:"\\n",c:[{b:"\\\\/"}]},{b:"<",e:">;",sL:"xml"}],r:0},{cN:"function",bWK:true,e:"{",k:"function",c:[{cN:"title",b:"[A-Za-z$_][0-9A-Za-z$_]*"},{cN:"params",b:"\\(",e:"\\)",c:[a.CLCM,a.CBLCLM],i:"[\"'\\(]"}],i:"\\[|%"}]}}(hljs);hljs.LANGUAGES.css=function(a){var b={cN:"function",b:a.IR+"\\(",e:"\\)",c:[a.NM,a.ASM,a.QSM]};return{cI:true,i:"[=/|']",c:[a.CBLCLM,{cN:"id",b:"\\#[A-Za-z0-9_-]+"},{cN:"class",b:"\\.[A-Za-z0-9_-]+",r:0},{cN:"attr_selector",b:"\\[",e:"\\]",i:"$"},{cN:"pseudo",b:":(:)?[a-zA-Z0-9\\_\\-\\+\\(\\)\\\"\\']+"},{cN:"at_rule",b:"@(font-face|page)",l:"[a-z-]+",k:"font-face page"},{cN:"at_rule",b:"@",e:"[{;]",eE:true,k:"import page media charset",c:[b,a.ASM,a.QSM,a.NM]},{cN:"tag",b:a.IR,r:0},{cN:"rules",b:"{",e:"}",i:"[^\\s]",r:0,c:[a.CBLCLM,{cN:"rule",b:"[^\\s]",rB:true,e:";",eW:true,c:[{cN:"attribute",b:"[A-Z\\_\\.\\-]+",e:":",eE:true,i:"[^\\s]",starts:{cN:"value",eW:true,eE:true,c:[b,a.NM,a.QSM,a.ASM,a.CBLCLM,{cN:"hexcolor",b:"\\#[0-9A-F]+"},{cN:"important",b:"!important"}]}}]}]}]}}(hljs);hljs.LANGUAGES.xml=function(a){var c="[A-Za-z0-9\\._:-]+";var b={eW:true,c:[{cN:"attribute",b:c,r:0},{b:'="',rB:true,e:'"',c:[{cN:"value",b:'"',eW:true}]},{b:"='",rB:true,e:"'",c:[{cN:"value",b:"'",eW:true}]},{b:"=",c:[{cN:"value",b:"[^\\s/>]+"}]}]};return{cI:true,c:[{cN:"pi",b:"<\\?",e:"\\?>",r:10},{cN:"doctype",b:"<!DOCTYPE",e:">",r:10,c:[{b:"\\[",e:"\\]"}]},{cN:"comment",b:"<!--",e:"-->",r:10},{cN:"cdata",b:"<\\!\\[CDATA\\[",e:"\\]\\]>",r:10},{cN:"tag",b:"<style(?=\\s|>|$)",e:">",k:{title:"style"},c:[b],starts:{e:"</style>",rE:true,sL:"css"}},{cN:"tag",b:"<script(?=\\s|>|$)",e:">",k:{title:"script"},c:[b],starts:{e:"<\/script>",rE:true,sL:"javascript"}},{b:"<%",e:"%>",sL:"vbscript"},{cN:"tag",b:"</?",e:"/?>",c:[{cN:"title",b:"[^ />]+"},b]}]}}(hljs);hljs.LANGUAGES.http=function(a){return{i:"\\S",c:[{cN:"status",b:"^HTTP/[0-9\\.]+",e:"$",c:[{cN:"number",b:"\\b\\d{3}\\b"}]},{cN:"request",b:"^[A-Z]+ (.*?) HTTP/[0-9\\.]+$",rB:true,e:"$",c:[{cN:"string",b:" ",e:" ",eB:true,eE:true}]},{cN:"attribute",b:"^\\w",e:": ",eE:true,i:"\\n|\\s|=",starts:{cN:"string",e:"$"}},{b:"\\n\\n",starts:{sL:"",eW:true}}]}}(hljs);hljs.LANGUAGES.java=function(a){return{k:"false synchronized int abstract float private char boolean static null if const for true while long throw strictfp finally protected import native final return void enum else break transient new catch instanceof byte super volatile case assert short package default double public try this switch continue throws",c:[{cN:"javadoc",b:"/\\*\\*",e:"\\*/",c:[{cN:"javadoctag",b:"@[A-Za-z]+"}],r:10},a.CLCM,a.CBLCLM,a.ASM,a.QSM,{cN:"class",bWK:true,e:"{",k:"class interface",i:":",c:[{bWK:true,k:"extends implements",r:10},{cN:"title",b:a.UIR}]},a.CNM,{cN:"annotation",b:"@[A-Za-z]+"}]}}(hljs);hljs.LANGUAGES.php=function(a){var e={cN:"variable",b:"\\$+[a-zA-Z_\x7f-\xff][a-zA-Z0-9_\x7f-\xff]*"};var b=[a.inherit(a.ASM,{i:null}),a.inherit(a.QSM,{i:null}),{cN:"string",b:'b"',e:'"',c:[a.BE]},{cN:"string",b:"b'",e:"'",c:[a.BE]}];var c=[a.BNM,a.CNM];var d={cN:"title",b:a.UIR};return{cI:true,k:"and include_once list abstract global private echo interface as static endswitch array null if endwhile or const for endforeach self var while isset public protected exit foreach throw elseif include __FILE__ empty require_once do xor return implements parent clone use __CLASS__ __LINE__ else break print eval new catch __METHOD__ case exception php_user_filter default die require __FUNCTION__ enddeclare final try this switch continue endfor endif declare unset true false namespace trait goto instanceof insteadof __DIR__ __NAMESPACE__ __halt_compiler",c:[a.CLCM,a.HCM,{cN:"comment",b:"/\\*",e:"\\*/",c:[{cN:"phpdoc",b:"\\s@[A-Za-z]+"}]},{cN:"comment",eB:true,b:"__halt_compiler.+?;",eW:true},{cN:"string",b:"<<<['\"]?\\w+['\"]?$",e:"^\\w+;",c:[a.BE]},{cN:"preprocessor",b:"<\\?php",r:10},{cN:"preprocessor",b:"\\?>"},e,{cN:"function",bWK:true,e:"{",k:"function",i:"\\$|\\[|%",c:[d,{cN:"params",b:"\\(",e:"\\)",c:["self",e,a.CBLCLM].concat(b).concat(c)}]},{cN:"class",bWK:true,e:"{",k:"class",i:"[:\\(\\$]",c:[{bWK:true,eW:true,k:"extends",c:[d]},d]},{b:"=>"}].concat(b).concat(c)}}(hljs);hljs.LANGUAGES.python=function(a){var f={cN:"prompt",b:"^(>>>|\\.\\.\\.) "};var c=[{cN:"string",b:"(u|b)?r?'''",e:"'''",c:[f],r:10},{cN:"string",b:'(u|b)?r?"""',e:'"""',c:[f],r:10},{cN:"string",b:"(u|r|ur)'",e:"'",c:[a.BE],r:10},{cN:"string",b:'(u|r|ur)"',e:'"',c:[a.BE],r:10},{cN:"string",b:"(b|br)'",e:"'",c:[a.BE]},{cN:"string",b:'(b|br)"',e:'"',c:[a.BE]}].concat([a.ASM,a.QSM]);var e={cN:"title",b:a.UIR};var d={cN:"params",b:"\\(",e:"\\)",c:["self",a.CNM,f].concat(c)};var b={bWK:true,e:":",i:"[${=;\\n]",c:[e,d],r:10};return{k:{keyword:"and elif is global as in if from raise for except finally print import pass return exec else break not with class assert yield try while continue del or def lambda nonlocal|10",built_in:"None True False Ellipsis NotImplemented"},i:"(</|->|\\?)",c:c.concat([f,a.HCM,a.inherit(b,{cN:"function",k:"def"}),a.inherit(b,{cN:"class",k:"class"}),a.CNM,{cN:"decorator",b:"@",e:"$"},{b:"\\b(print|exec)\\("}])}}(hljs);hljs.LANGUAGES.sql=function(a){return{cI:true,c:[{cN:"operator",b:"(begin|start|commit|rollback|savepoint|lock|alter|create|drop|rename|call|delete|do|handler|insert|load|replace|select|truncate|update|set|show|pragma|grant)\\b(?!:)",e:";",eW:true,k:{keyword:"all partial global month current_timestamp using go revoke smallint indicator end-exec disconnect zone with character assertion to add current_user usage input local alter match collate real then rollback get read timestamp session_user not integer bit unique day minute desc insert execute like ilike|2 level decimal drop continue isolation found where constraints domain right national some module transaction relative second connect escape close system_user for deferred section cast current sqlstate allocate intersect deallocate numeric public preserve full goto initially asc no key output collation group by union session both last language constraint column of space foreign deferrable prior connection unknown action commit view or first into float year primary cascaded except restrict set references names table outer open select size are rows from prepare distinct leading create only next inner authorization schema corresponding option declare precision immediate else timezone_minute external varying translation true case exception join hour default double scroll value cursor descriptor values dec fetch procedure delete and false int is describe char as at in varchar null trailing any absolute current_time end grant privileges when cross check write current_date pad begin temporary exec time update catalog user sql date on identity timezone_hour natural whenever interval work order cascade diagnostics nchar having left call do handler load replace truncate start lock show pragma exists number",aggregate:"count sum min max avg"},c:[{cN:"string",b:"'",e:"'",c:[a.BE,{b:"''"}],r:0},{cN:"string",b:'"',e:'"',c:[a.BE,{b:'""'}],r:0},{cN:"string",b:"`",e:"`",c:[a.BE]},a.CNM]},a.CBLCLM,{cN:"comment",b:"--",e:"$"}]}}(hljs);hljs.LANGUAGES.ini=function(a){return{cI:true,i:"[^\\s]",c:[{cN:"comment",b:";",e:"$"},{cN:"title",b:"^\\[",e:"\\]"},{cN:"setting",b:"^[a-z0-9\\[\\]_-]+[ \\t]*=[ \\t]*",e:"$",c:[{cN:"value",eW:true,k:"on off true false yes no",c:[a.QSM,a.NM]}]}]}}(hljs);hljs.LANGUAGES.perl=function(e){var a="getpwent getservent quotemeta msgrcv scalar kill dbmclose undef lc ma syswrite tr send umask sysopen shmwrite vec qx utime local oct semctl localtime readpipe do return format read sprintf dbmopen pop getpgrp not getpwnam rewinddir qqfileno qw endprotoent wait sethostent bless s|0 opendir continue each sleep endgrent shutdown dump chomp connect getsockname die socketpair close flock exists index shmgetsub for endpwent redo lstat msgctl setpgrp abs exit select print ref gethostbyaddr unshift fcntl syscall goto getnetbyaddr join gmtime symlink semget splice x|0 getpeername recv log setsockopt cos last reverse gethostbyname getgrnam study formline endhostent times chop length gethostent getnetent pack getprotoent getservbyname rand mkdir pos chmod y|0 substr endnetent printf next open msgsnd readdir use unlink getsockopt getpriority rindex wantarray hex system getservbyport endservent int chr untie rmdir prototype tell listen fork shmread ucfirst setprotoent else sysseek link getgrgid shmctl waitpid unpack getnetbyname reset chdir grep split require caller lcfirst until warn while values shift telldir getpwuid my getprotobynumber delete and sort uc defined srand accept package seekdir getprotobyname semop our rename seek if q|0 chroot sysread setpwent no crypt getc chown sqrt write setnetent setpriority foreach tie sin msgget map stat getlogin unless elsif truncate exec keys glob tied closedirioctl socket readlink eval xor readline binmode setservent eof ord bind alarm pipe atan2 getgrent exp time push setgrent gt lt or ne m|0 break given say state when";var d={cN:"subst",b:"[$@]\\{",e:"\\}",k:a,r:10};var b={cN:"variable",b:"\\$\\d"};var i={cN:"variable",b:"[\\$\\%\\@\\*](\\^\\w\\b|#\\w+(\\:\\:\\w+)*|[^\\s\\w{]|{\\w+}|\\w+(\\:\\:\\w*)*)"};var f=[e.BE,d,b,i];var h={b:"->",c:[{b:e.IR},{b:"{",e:"}"}]};var g={cN:"comment",b:"^(__END__|__DATA__)",e:"\\n$",r:5};var c=[b,i,e.HCM,g,{cN:"comment",b:"^\\=\\w",e:"\\=cut",eW:true},h,{cN:"string",b:"q[qwxr]?\\s*\\(",e:"\\)",c:f,r:5},{cN:"string",b:"q[qwxr]?\\s*\\[",e:"\\]",c:f,r:5},{cN:"string",b:"q[qwxr]?\\s*\\{",e:"\\}",c:f,r:5},{cN:"string",b:"q[qwxr]?\\s*\\|",e:"\\|",c:f,r:5},{cN:"string",b:"q[qwxr]?\\s*\\<",e:"\\>",c:f,r:5},{cN:"string",b:"qw\\s+q",e:"q",c:f,r:5},{cN:"string",b:"'",e:"'",c:[e.BE],r:0},{cN:"string",b:'"',e:'"',c:f,r:0},{cN:"string",b:"`",e:"`",c:[e.BE]},{cN:"string",b:"{\\w+}",r:0},{cN:"string",b:"-?\\w+\\s*\\=\\>",r:0},{cN:"number",b:"(\\b0[0-7_]+)|(\\b0x[0-9a-fA-F_]+)|(\\b[1-9][0-9_]*(\\.[0-9_]+)?)|[0_]\\b",r:0},{b:"("+e.RSR+"|\\b(split|return|print|reverse|grep)\\b)\\s*",k:"split return print reverse grep",r:0,c:[e.HCM,g,{cN:"regexp",b:"(s|tr|y)/(\\\\.|[^/])*/(\\\\.|[^/])*/[a-z]*",r:10},{cN:"regexp",b:"(m|qr)?/",e:"/[a-z]*",c:[e.BE],r:0}]},{cN:"sub",bWK:true,e:"(\\s*\\(.*?\\))?[;{]",k:"sub",r:5},{cN:"operator",b:"-\\w\\b",r:0}];d.c=c;h.c[1].c=c;return{k:a,c:c}}(hljs);hljs.LANGUAGES.json=function(a){var e={literal:"true false null"};var d=[a.QSM,a.CNM];var c={cN:"value",e:",",eW:true,eE:true,c:d,k:e};var b={b:"{",e:"}",c:[{cN:"attribute",b:'\\s*"',e:'"\\s*:\\s*',eB:true,eE:true,c:[a.BE],i:"\\n",starts:c}],i:"\\S"};var f={b:"\\[",e:"\\]",c:[a.inherit(c,{cN:null})],i:"\\S"};d.splice(d.length,0,b,f);return{c:d,k:e,i:"\\S"}}(hljs);hljs.LANGUAGES.cpp=function(a){var b={keyword:"false int float while private char catch export virtual operator sizeof dynamic_cast|10 typedef const_cast|10 const struct for static_cast|10 union namespace unsigned long throw volatile static protected bool template mutable if public friend do return goto auto void enum else break new extern using true class asm case typeid short reinterpret_cast|10 default double register explicit signed typename try this switch continue wchar_t inline delete alignof char16_t char32_t constexpr decltype noexcept nullptr static_assert thread_local restrict _Bool complex",built_in:"std string cin cout cerr clog stringstream istringstream ostringstream auto_ptr deque list queue stack vector map set bitset multiset multimap unordered_set unordered_map unordered_multiset unordered_multimap array shared_ptr"};return{k:b,i:"</",c:[a.CLCM,a.CBLCLM,a.QSM,{cN:"string",b:"'\\\\?.",e:"'",i:"."},{cN:"number",b:"\\b(\\d+(\\.\\d*)?|\\.\\d+)(u|U|l|L|ul|UL|f|F)"},a.CNM,{cN:"preprocessor",b:"#",e:"$"},{cN:"stl_container",b:"\\b(deque|list|queue|stack|vector|map|set|bitset|multiset|multimap|unordered_map|unordered_set|unordered_multiset|unordered_multimap|array)\\s*<",e:">",k:b,r:10,c:["self"]}]}}(hljs);


--------------------------------------------------------------------------------
/doc/js/bootstrap.min.js:
--------------------------------------------------------------------------------
1 | /*!
2 |  * Bootstrap v3.0.3 (http://getbootstrap.com)
3 |  * Copyright 2013 Twitter, Inc.
4 |  * Licensed under http://www.apache.org/licenses/LICENSE-2.0
5 |  */
6 | 
7 | if("undefined"==typeof jQuery)throw new Error("Bootstrap requires jQuery");+function(a){"use strict";function b(){var a=document.createElement("bootstrap"),b={WebkitTransition:"webkitTransitionEnd",MozTransition:"transitionend",OTransition:"oTransitionEnd otransitionend",transition:"transitionend"};for(var c in b)if(void 0!==a.style[c])return{end:b[c]}}a.fn.emulateTransitionEnd=function(b){var c=!1,d=this;a(this).one(a.support.transition.end,function(){c=!0});var e=function(){c||a(d).trigger(a.support.transition.end)};return setTimeout(e,b),this},a(function(){a.support.transition=b()})}(jQuery),+function(a){"use strict";var b='[data-dismiss="alert"]',c=function(c){a(c).on("click",b,this.close)};c.prototype.close=function(b){function c(){f.trigger("closed.bs.alert").remove()}var d=a(this),e=d.attr("data-target");e||(e=d.attr("href"),e=e&&e.replace(/.*(?=#[^\s]*$)/,""));var f=a(e);b&&b.preventDefault(),f.length||(f=d.hasClass("alert")?d:d.parent()),f.trigger(b=a.Event("close.bs.alert")),b.isDefaultPrevented()||(f.removeClass("in"),a.support.transition&&f.hasClass("fade")?f.one(a.support.transition.end,c).emulateTransitionEnd(150):c())};var d=a.fn.alert;a.fn.alert=function(b){return this.each(function(){var d=a(this),e=d.data("bs.alert");e||d.data("bs.alert",e=new c(this)),"string"==typeof b&&e[b].call(d)})},a.fn.alert.Constructor=c,a.fn.alert.noConflict=function(){return a.fn.alert=d,this},a(document).on("click.bs.alert.data-api",b,c.prototype.close)}(jQuery),+function(a){"use strict";var b=function(c,d){this.$element=a(c),this.options=a.extend({},b.DEFAULTS,d)};b.DEFAULTS={loadingText:"loading..."},b.prototype.setState=function(a){var b="disabled",c=this.$element,d=c.is("input")?"val":"html",e=c.data();a+="Text",e.resetText||c.data("resetText",c[d]()),c[d](e[a]||this.options[a]),setTimeout(function(){"loadingText"==a?c.addClass(b).attr(b,b):c.removeClass(b).removeAttr(b)},0)},b.prototype.toggle=function(){var a=this.$element.closest('[data-toggle="buttons"]'),b=!0;if(a.length){var c=this.$element.find("input");"radio"===c.prop("type")&&(c.prop("checked")&&this.$element.hasClass("active")?b=!1:a.find(".active").removeClass("active")),b&&c.prop("checked",!this.$element.hasClass("active")).trigger("change")}b&&this.$element.toggleClass("active")};var c=a.fn.button;a.fn.button=function(c){return this.each(function(){var d=a(this),e=d.data("bs.button"),f="object"==typeof c&&c;e||d.data("bs.button",e=new b(this,f)),"toggle"==c?e.toggle():c&&e.setState(c)})},a.fn.button.Constructor=b,a.fn.button.noConflict=function(){return a.fn.button=c,this},a(document).on("click.bs.button.data-api","[data-toggle^=button]",function(b){var c=a(b.target);c.hasClass("btn")||(c=c.closest(".btn")),c.button("toggle"),b.preventDefault()})}(jQuery),+function(a){"use strict";var b=function(b,c){this.$element=a(b),this.$indicators=this.$element.find(".carousel-indicators"),this.options=c,this.paused=this.sliding=this.interval=this.$active=this.$items=null,"hover"==this.options.pause&&this.$element.on("mouseenter",a.proxy(this.pause,this)).on("mouseleave",a.proxy(this.cycle,this))};b.DEFAULTS={interval:5e3,pause:"hover",wrap:!0},b.prototype.cycle=function(b){return b||(this.paused=!1),this.interval&&clearInterval(this.interval),this.options.interval&&!this.paused&&(this.interval=setInterval(a.proxy(this.next,this),this.options.interval)),this},b.prototype.getActiveIndex=function(){return this.$active=this.$element.find(".item.active"),this.$items=this.$active.parent().children(),this.$items.index(this.$active)},b.prototype.to=function(b){var c=this,d=this.getActiveIndex();return b>this.$items.length-1||0>b?void 0:this.sliding?this.$element.one("slid.bs.carousel",function(){c.to(b)}):d==b?this.pause().cycle():this.slide(b>d?"next":"prev",a(this.$items[b]))},b.prototype.pause=function(b){return b||(this.paused=!0),this.$element.find(".next, .prev").length&&a.support.transition.end&&(this.$element.trigger(a.support.transition.end),this.cycle(!0)),this.interval=clearInterval(this.interval),this},b.prototype.next=function(){return this.sliding?void 0:this.slide("next")},b.prototype.prev=function(){return this.sliding?void 0:this.slide("prev")},b.prototype.slide=function(b,c){var d=this.$element.find(".item.active"),e=c||d[b](),f=this.interval,g="next"==b?"left":"right",h="next"==b?"first":"last",i=this;if(!e.length){if(!this.options.wrap)return;e=this.$element.find(".item")[h]()}this.sliding=!0,f&&this.pause();var j=a.Event("slide.bs.carousel",{relatedTarget:e[0],direction:g});if(!e.hasClass("active")){if(this.$indicators.length&&(this.$indicators.find(".active").removeClass("active"),this.$element.one("slid.bs.carousel",function(){var b=a(i.$indicators.children()[i.getActiveIndex()]);b&&b.addClass("active")})),a.support.transition&&this.$element.hasClass("slide")){if(this.$element.trigger(j),j.isDefaultPrevented())return;e.addClass(b),e[0].offsetWidth,d.addClass(g),e.addClass(g),d.one(a.support.transition.end,function(){e.removeClass([b,g].join(" ")).addClass("active"),d.removeClass(["active",g].join(" ")),i.sliding=!1,setTimeout(function(){i.$element.trigger("slid.bs.carousel")},0)}).emulateTransitionEnd(600)}else{if(this.$element.trigger(j),j.isDefaultPrevented())return;d.removeClass("active"),e.addClass("active"),this.sliding=!1,this.$element.trigger("slid.bs.carousel")}return f&&this.cycle(),this}};var c=a.fn.carousel;a.fn.carousel=function(c){return this.each(function(){var d=a(this),e=d.data("bs.carousel"),f=a.extend({},b.DEFAULTS,d.data(),"object"==typeof c&&c),g="string"==typeof c?c:f.slide;e||d.data("bs.carousel",e=new b(this,f)),"number"==typeof c?e.to(c):g?e[g]():f.interval&&e.pause().cycle()})},a.fn.carousel.Constructor=b,a.fn.carousel.noConflict=function(){return a.fn.carousel=c,this},a(document).on("click.bs.carousel.data-api","[data-slide], [data-slide-to]",function(b){var c,d=a(this),e=a(d.attr("data-target")||(c=d.attr("href"))&&c.replace(/.*(?=#[^\s]+$)/,"")),f=a.extend({},e.data(),d.data()),g=d.attr("data-slide-to");g&&(f.interval=!1),e.carousel(f),(g=d.attr("data-slide-to"))&&e.data("bs.carousel").to(g),b.preventDefault()}),a(window).on("load",function(){a('[data-ride="carousel"]').each(function(){var b=a(this);b.carousel(b.data())})})}(jQuery),+function(a){"use strict";var b=function(c,d){this.$element=a(c),this.options=a.extend({},b.DEFAULTS,d),this.transitioning=null,this.options.parent&&(this.$parent=a(this.options.parent)),this.options.toggle&&this.toggle()};b.DEFAULTS={toggle:!0},b.prototype.dimension=function(){var a=this.$element.hasClass("width");return a?"width":"height"},b.prototype.show=function(){if(!this.transitioning&&!this.$element.hasClass("in")){var b=a.Event("show.bs.collapse");if(this.$element.trigger(b),!b.isDefaultPrevented()){var c=this.$parent&&this.$parent.find("> .panel > .in");if(c&&c.length){var d=c.data("bs.collapse");if(d&&d.transitioning)return;c.collapse("hide"),d||c.data("bs.collapse",null)}var e=this.dimension();this.$element.removeClass("collapse").addClass("collapsing")[e](0),this.transitioning=1;var f=function(){this.$element.removeClass("collapsing").addClass("in")[e]("auto"),this.transitioning=0,this.$element.trigger("shown.bs.collapse")};if(!a.support.transition)return f.call(this);var g=a.camelCase(["scroll",e].join("-"));this.$element.one(a.support.transition.end,a.proxy(f,this)).emulateTransitionEnd(350)[e](this.$element[0][g])}}},b.prototype.hide=function(){if(!this.transitioning&&this.$element.hasClass("in")){var b=a.Event("hide.bs.collapse");if(this.$element.trigger(b),!b.isDefaultPrevented()){var c=this.dimension();this.$element[c](this.$element[c]())[0].offsetHeight,this.$element.addClass("collapsing").removeClass("collapse").removeClass("in"),this.transitioning=1;var d=function(){this.transitioning=0,this.$element.trigger("hidden.bs.collapse").removeClass("collapsing").addClass("collapse")};return a.support.transition?(this.$element[c](0).one(a.support.transition.end,a.proxy(d,this)).emulateTransitionEnd(350),void 0):d.call(this)}}},b.prototype.toggle=function(){this[this.$element.hasClass("in")?"hide":"show"]()};var c=a.fn.collapse;a.fn.collapse=function(c){return this.each(function(){var d=a(this),e=d.data("bs.collapse"),f=a.extend({},b.DEFAULTS,d.data(),"object"==typeof c&&c);e||d.data("bs.collapse",e=new b(this,f)),"string"==typeof c&&e[c]()})},a.fn.collapse.Constructor=b,a.fn.collapse.noConflict=function(){return a.fn.collapse=c,this},a(document).on("click.bs.collapse.data-api","[data-toggle=collapse]",function(b){var c,d=a(this),e=d.attr("data-target")||b.preventDefault()||(c=d.attr("href"))&&c.replace(/.*(?=#[^\s]+$)/,""),f=a(e),g=f.data("bs.collapse"),h=g?"toggle":d.data(),i=d.attr("data-parent"),j=i&&a(i);g&&g.transitioning||(j&&j.find('[data-toggle=collapse][data-parent="'+i+'"]').not(d).addClass("collapsed"),d[f.hasClass("in")?"addClass":"removeClass"]("collapsed")),f.collapse(h)})}(jQuery),+function(a){"use strict";function b(){a(d).remove(),a(e).each(function(b){var d=c(a(this));d.hasClass("open")&&(d.trigger(b=a.Event("hide.bs.dropdown")),b.isDefaultPrevented()||d.removeClass("open").trigger("hidden.bs.dropdown"))})}function c(b){var c=b.attr("data-target");c||(c=b.attr("href"),c=c&&/#/.test(c)&&c.replace(/.*(?=#[^\s]*$)/,""));var d=c&&a(c);return d&&d.length?d:b.parent()}var d=".dropdown-backdrop",e="[data-toggle=dropdown]",f=function(b){a(b).on("click.bs.dropdown",this.toggle)};f.prototype.toggle=function(d){var e=a(this);if(!e.is(".disabled, :disabled")){var f=c(e),g=f.hasClass("open");if(b(),!g){if("ontouchstart"in document.documentElement&&!f.closest(".navbar-nav").length&&a('<div class="dropdown-backdrop"/>').insertAfter(a(this)).on("click",b),f.trigger(d=a.Event("show.bs.dropdown")),d.isDefaultPrevented())return;f.toggleClass("open").trigger("shown.bs.dropdown"),e.focus()}return!1}},f.prototype.keydown=function(b){if(/(38|40|27)/.test(b.keyCode)){var d=a(this);if(b.preventDefault(),b.stopPropagation(),!d.is(".disabled, :disabled")){var f=c(d),g=f.hasClass("open");if(!g||g&&27==b.keyCode)return 27==b.which&&f.find(e).focus(),d.click();var h=a("[role=menu] li:not(.divider):visible a",f);if(h.length){var i=h.index(h.filter(":focus"));38==b.keyCode&&i>0&&i--,40==b.keyCode&&i<h.length-1&&i++,~i||(i=0),h.eq(i).focus()}}}};var g=a.fn.dropdown;a.fn.dropdown=function(b){return this.each(function(){var c=a(this),d=c.data("bs.dropdown");d||c.data("bs.dropdown",d=new f(this)),"string"==typeof b&&d[b].call(c)})},a.fn.dropdown.Constructor=f,a.fn.dropdown.noConflict=function(){return a.fn.dropdown=g,this},a(document).on("click.bs.dropdown.data-api",b).on("click.bs.dropdown.data-api",".dropdown form",function(a){a.stopPropagation()}).on("click.bs.dropdown.data-api",e,f.prototype.toggle).on("keydown.bs.dropdown.data-api",e+", [role=menu]",f.prototype.keydown)}(jQuery),+function(a){"use strict";var b=function(b,c){this.options=c,this.$element=a(b),this.$backdrop=this.isShown=null,this.options.remote&&this.$element.load(this.options.remote)};b.DEFAULTS={backdrop:!0,keyboard:!0,show:!0},b.prototype.toggle=function(a){return this[this.isShown?"hide":"show"](a)},b.prototype.show=function(b){var c=this,d=a.Event("show.bs.modal",{relatedTarget:b});this.$element.trigger(d),this.isShown||d.isDefaultPrevented()||(this.isShown=!0,this.escape(),this.$element.on("click.dismiss.modal",'[data-dismiss="modal"]',a.proxy(this.hide,this)),this.backdrop(function(){var d=a.support.transition&&c.$element.hasClass("fade");c.$element.parent().length||c.$element.appendTo(document.body),c.$element.show(),d&&c.$element[0].offsetWidth,c.$element.addClass("in").attr("aria-hidden",!1),c.enforceFocus();var e=a.Event("shown.bs.modal",{relatedTarget:b});d?c.$element.find(".modal-dialog").one(a.support.transition.end,function(){c.$element.focus().trigger(e)}).emulateTransitionEnd(300):c.$element.focus().trigger(e)}))},b.prototype.hide=function(b){b&&b.preventDefault(),b=a.Event("hide.bs.modal"),this.$element.trigger(b),this.isShown&&!b.isDefaultPrevented()&&(this.isShown=!1,this.escape(),a(document).off("focusin.bs.modal"),this.$element.removeClass("in").attr("aria-hidden",!0).off("click.dismiss.modal"),a.support.transition&&this.$element.hasClass("fade")?this.$element.one(a.support.transition.end,a.proxy(this.hideModal,this)).emulateTransitionEnd(300):this.hideModal())},b.prototype.enforceFocus=function(){a(document).off("focusin.bs.modal").on("focusin.bs.modal",a.proxy(function(a){this.$element[0]===a.target||this.$element.has(a.target).length||this.$element.focus()},this))},b.prototype.escape=function(){this.isShown&&this.options.keyboard?this.$element.on("keyup.dismiss.bs.modal",a.proxy(function(a){27==a.which&&this.hide()},this)):this.isShown||this.$element.off("keyup.dismiss.bs.modal")},b.prototype.hideModal=function(){var a=this;this.$element.hide(),this.backdrop(function(){a.removeBackdrop(),a.$element.trigger("hidden.bs.modal")})},b.prototype.removeBackdrop=function(){this.$backdrop&&this.$backdrop.remove(),this.$backdrop=null},b.prototype.backdrop=function(b){var c=this.$element.hasClass("fade")?"fade":"";if(this.isShown&&this.options.backdrop){var d=a.support.transition&&c;if(this.$backdrop=a('<div class="modal-backdrop '+c+'" />').appendTo(document.body),this.$element.on("click.dismiss.modal",a.proxy(function(a){a.target===a.currentTarget&&("static"==this.options.backdrop?this.$element[0].focus.call(this.$element[0]):this.hide.call(this))},this)),d&&this.$backdrop[0].offsetWidth,this.$backdrop.addClass("in"),!b)return;d?this.$backdrop.one(a.support.transition.end,b).emulateTransitionEnd(150):b()}else!this.isShown&&this.$backdrop?(this.$backdrop.removeClass("in"),a.support.transition&&this.$element.hasClass("fade")?this.$backdrop.one(a.support.transition.end,b).emulateTransitionEnd(150):b()):b&&b()};var c=a.fn.modal;a.fn.modal=function(c,d){return this.each(function(){var e=a(this),f=e.data("bs.modal"),g=a.extend({},b.DEFAULTS,e.data(),"object"==typeof c&&c);f||e.data("bs.modal",f=new b(this,g)),"string"==typeof c?f[c](d):g.show&&f.show(d)})},a.fn.modal.Constructor=b,a.fn.modal.noConflict=function(){return a.fn.modal=c,this},a(document).on("click.bs.modal.data-api",'[data-toggle="modal"]',function(b){var c=a(this),d=c.attr("href"),e=a(c.attr("data-target")||d&&d.replace(/.*(?=#[^\s]+$)/,"")),f=e.data("modal")?"toggle":a.extend({remote:!/#/.test(d)&&d},e.data(),c.data());b.preventDefault(),e.modal(f,this).one("hide",function(){c.is(":visible")&&c.focus()})}),a(document).on("show.bs.modal",".modal",function(){a(document.body).addClass("modal-open")}).on("hidden.bs.modal",".modal",function(){a(document.body).removeClass("modal-open")})}(jQuery),+function(a){"use strict";var b=function(a,b){this.type=this.options=this.enabled=this.timeout=this.hoverState=this.$element=null,this.init("tooltip",a,b)};b.DEFAULTS={animation:!0,placement:"top",selector:!1,template:'<div class="tooltip"><div class="tooltip-arrow"></div><div class="tooltip-inner"></div></div>',trigger:"hover focus",title:"",delay:0,html:!1,container:!1},b.prototype.init=function(b,c,d){this.enabled=!0,this.type=b,this.$element=a(c),this.options=this.getOptions(d);for(var e=this.options.trigger.split(" "),f=e.length;f--;){var g=e[f];if("click"==g)this.$element.on("click."+this.type,this.options.selector,a.proxy(this.toggle,this));else if("manual"!=g){var h="hover"==g?"mouseenter":"focus",i="hover"==g?"mouseleave":"blur";this.$element.on(h+"."+this.type,this.options.selector,a.proxy(this.enter,this)),this.$element.on(i+"."+this.type,this.options.selector,a.proxy(this.leave,this))}}this.options.selector?this._options=a.extend({},this.options,{trigger:"manual",selector:""}):this.fixTitle()},b.prototype.getDefaults=function(){return b.DEFAULTS},b.prototype.getOptions=function(b){return b=a.extend({},this.getDefaults(),this.$element.data(),b),b.delay&&"number"==typeof b.delay&&(b.delay={show:b.delay,hide:b.delay}),b},b.prototype.getDelegateOptions=function(){var b={},c=this.getDefaults();return this._options&&a.each(this._options,function(a,d){c[a]!=d&&(b[a]=d)}),b},b.prototype.enter=function(b){var c=b instanceof this.constructor?b:a(b.currentTarget)[this.type](this.getDelegateOptions()).data("bs."+this.type);return clearTimeout(c.timeout),c.hoverState="in",c.options.delay&&c.options.delay.show?(c.timeout=setTimeout(function(){"in"==c.hoverState&&c.show()},c.options.delay.show),void 0):c.show()},b.prototype.leave=function(b){var c=b instanceof this.constructor?b:a(b.currentTarget)[this.type](this.getDelegateOptions()).data("bs."+this.type);return clearTimeout(c.timeout),c.hoverState="out",c.options.delay&&c.options.delay.hide?(c.timeout=setTimeout(function(){"out"==c.hoverState&&c.hide()},c.options.delay.hide),void 0):c.hide()},b.prototype.show=function(){var b=a.Event("show.bs."+this.type);if(this.hasContent()&&this.enabled){if(this.$element.trigger(b),b.isDefaultPrevented())return;var c=this.tip();this.setContent(),this.options.animation&&c.addClass("fade");var d="function"==typeof this.options.placement?this.options.placement.call(this,c[0],this.$element[0]):this.options.placement,e=/\s?auto?\s?/i,f=e.test(d);f&&(d=d.replace(e,"")||"top"),c.detach().css({top:0,left:0,display:"block"}).addClass(d),this.options.container?c.appendTo(this.options.container):c.insertAfter(this.$element);var g=this.getPosition(),h=c[0].offsetWidth,i=c[0].offsetHeight;if(f){var j=this.$element.parent(),k=d,l=document.documentElement.scrollTop||document.body.scrollTop,m="body"==this.options.container?window.innerWidth:j.outerWidth(),n="body"==this.options.container?window.innerHeight:j.outerHeight(),o="body"==this.options.container?0:j.offset().left;d="bottom"==d&&g.top+g.height+i-l>n?"top":"top"==d&&g.top-l-i<0?"bottom":"right"==d&&g.right+h>m?"left":"left"==d&&g.left-h<o?"right":d,c.removeClass(k).addClass(d)}var p=this.getCalculatedOffset(d,g,h,i);this.applyPlacement(p,d),this.$element.trigger("shown.bs."+this.type)}},b.prototype.applyPlacement=function(a,b){var c,d=this.tip(),e=d[0].offsetWidth,f=d[0].offsetHeight,g=parseInt(d.css("margin-top"),10),h=parseInt(d.css("margin-left"),10);isNaN(g)&&(g=0),isNaN(h)&&(h=0),a.top=a.top+g,a.left=a.left+h,d.offset(a).addClass("in");var i=d[0].offsetWidth,j=d[0].offsetHeight;if("top"==b&&j!=f&&(c=!0,a.top=a.top+f-j),/bottom|top/.test(b)){var k=0;a.left<0&&(k=-2*a.left,a.left=0,d.offset(a),i=d[0].offsetWidth,j=d[0].offsetHeight),this.replaceArrow(k-e+i,i,"left")}else this.replaceArrow(j-f,j,"top");c&&d.offset(a)},b.prototype.replaceArrow=function(a,b,c){this.arrow().css(c,a?50*(1-a/b)+"%":"")},b.prototype.setContent=function(){var a=this.tip(),b=this.getTitle();a.find(".tooltip-inner")[this.options.html?"html":"text"](b),a.removeClass("fade in top bottom left right")},b.prototype.hide=function(){function b(){"in"!=c.hoverState&&d.detach()}var c=this,d=this.tip(),e=a.Event("hide.bs."+this.type);return this.$element.trigger(e),e.isDefaultPrevented()?void 0:(d.removeClass("in"),a.support.transition&&this.$tip.hasClass("fade")?d.one(a.support.transition.end,b).emulateTransitionEnd(150):b(),this.$element.trigger("hidden.bs."+this.type),this)},b.prototype.fixTitle=function(){var a=this.$element;(a.attr("title")||"string"!=typeof a.attr("data-original-title"))&&a.attr("data-original-title",a.attr("title")||"").attr("title","")},b.prototype.hasContent=function(){return this.getTitle()},b.prototype.getPosition=function(){var b=this.$element[0];return a.extend({},"function"==typeof b.getBoundingClientRect?b.getBoundingClientRect():{width:b.offsetWidth,height:b.offsetHeight},this.$element.offset())},b.prototype.getCalculatedOffset=function(a,b,c,d){return"bottom"==a?{top:b.top+b.height,left:b.left+b.width/2-c/2}:"top"==a?{top:b.top-d,left:b.left+b.width/2-c/2}:"left"==a?{top:b.top+b.height/2-d/2,left:b.left-c}:{top:b.top+b.height/2-d/2,left:b.left+b.width}},b.prototype.getTitle=function(){var a,b=this.$element,c=this.options;return a=b.attr("data-original-title")||("function"==typeof c.title?c.title.call(b[0]):c.title)},b.prototype.tip=function(){return this.$tip=this.$tip||a(this.options.template)},b.prototype.arrow=function(){return this.$arrow=this.$arrow||this.tip().find(".tooltip-arrow")},b.prototype.validate=function(){this.$element[0].parentNode||(this.hide(),this.$element=null,this.options=null)},b.prototype.enable=function(){this.enabled=!0},b.prototype.disable=function(){this.enabled=!1},b.prototype.toggleEnabled=function(){this.enabled=!this.enabled},b.prototype.toggle=function(b){var c=b?a(b.currentTarget)[this.type](this.getDelegateOptions()).data("bs."+this.type):this;c.tip().hasClass("in")?c.leave(c):c.enter(c)},b.prototype.destroy=function(){this.hide().$element.off("."+this.type).removeData("bs."+this.type)};var c=a.fn.tooltip;a.fn.tooltip=function(c){return this.each(function(){var d=a(this),e=d.data("bs.tooltip"),f="object"==typeof c&&c;e||d.data("bs.tooltip",e=new b(this,f)),"string"==typeof c&&e[c]()})},a.fn.tooltip.Constructor=b,a.fn.tooltip.noConflict=function(){return a.fn.tooltip=c,this}}(jQuery),+function(a){"use strict";var b=function(a,b){this.init("popover",a,b)};if(!a.fn.tooltip)throw new Error("Popover requires tooltip.js");b.DEFAULTS=a.extend({},a.fn.tooltip.Constructor.DEFAULTS,{placement:"right",trigger:"click",content:"",template:'<div class="popover"><div class="arrow"></div><h3 class="popover-title"></h3><div class="popover-content"></div></div>'}),b.prototype=a.extend({},a.fn.tooltip.Constructor.prototype),b.prototype.constructor=b,b.prototype.getDefaults=function(){return b.DEFAULTS},b.prototype.setContent=function(){var a=this.tip(),b=this.getTitle(),c=this.getContent();a.find(".popover-title")[this.options.html?"html":"text"](b),a.find(".popover-content")[this.options.html?"html":"text"](c),a.removeClass("fade top bottom left right in"),a.find(".popover-title").html()||a.find(".popover-title").hide()},b.prototype.hasContent=function(){return this.getTitle()||this.getContent()},b.prototype.getContent=function(){var a=this.$element,b=this.options;return a.attr("data-content")||("function"==typeof b.content?b.content.call(a[0]):b.content)},b.prototype.arrow=function(){return this.$arrow=this.$arrow||this.tip().find(".arrow")},b.prototype.tip=function(){return this.$tip||(this.$tip=a(this.options.template)),this.$tip};var c=a.fn.popover;a.fn.popover=function(c){return this.each(function(){var d=a(this),e=d.data("bs.popover"),f="object"==typeof c&&c;e||d.data("bs.popover",e=new b(this,f)),"string"==typeof c&&e[c]()})},a.fn.popover.Constructor=b,a.fn.popover.noConflict=function(){return a.fn.popover=c,this}}(jQuery),+function(a){"use strict";function b(c,d){var e,f=a.proxy(this.process,this);this.$element=a(c).is("body")?a(window):a(c),this.$body=a("body"),this.$scrollElement=this.$element.on("scroll.bs.scroll-spy.data-api",f),this.options=a.extend({},b.DEFAULTS,d),this.selector=(this.options.target||(e=a(c).attr("href"))&&e.replace(/.*(?=#[^\s]+$)/,"")||"")+" .nav li > a",this.offsets=a([]),this.targets=a([]),this.activeTarget=null,this.refresh(),this.process()}b.DEFAULTS={offset:10},b.prototype.refresh=function(){var b=this.$element[0]==window?"offset":"position";this.offsets=a([]),this.targets=a([]);var c=this;this.$body.find(this.selector).map(function(){var d=a(this),e=d.data("target")||d.attr("href"),f=/^#\w/.test(e)&&a(e);return f&&f.length&&[[f[b]().top+(!a.isWindow(c.$scrollElement.get(0))&&c.$scrollElement.scrollTop()),e]]||null}).sort(function(a,b){return a[0]-b[0]}).each(function(){c.offsets.push(this[0]),c.targets.push(this[1])})},b.prototype.process=function(){var a,b=this.$scrollElement.scrollTop()+this.options.offset,c=this.$scrollElement[0].scrollHeight||this.$body[0].scrollHeight,d=c-this.$scrollElement.height(),e=this.offsets,f=this.targets,g=this.activeTarget;if(b>=d)return g!=(a=f.last()[0])&&this.activate(a);for(a=e.length;a--;)g!=f[a]&&b>=e[a]&&(!e[a+1]||b<=e[a+1])&&this.activate(f[a])},b.prototype.activate=function(b){this.activeTarget=b,a(this.selector).parents(".active").removeClass("active");var c=this.selector+'[data-target="'+b+'"],'+this.selector+'[href="'+b+'"]',d=a(c).parents("li").addClass("active");d.parent(".dropdown-menu").length&&(d=d.closest("li.dropdown").addClass("active")),d.trigger("activate.bs.scrollspy")};var c=a.fn.scrollspy;a.fn.scrollspy=function(c){return this.each(function(){var d=a(this),e=d.data("bs.scrollspy"),f="object"==typeof c&&c;e||d.data("bs.scrollspy",e=new b(this,f)),"string"==typeof c&&e[c]()})},a.fn.scrollspy.Constructor=b,a.fn.scrollspy.noConflict=function(){return a.fn.scrollspy=c,this},a(window).on("load",function(){a('[data-spy="scroll"]').each(function(){var b=a(this);b.scrollspy(b.data())})})}(jQuery),+function(a){"use strict";var b=function(b){this.element=a(b)};b.prototype.show=function(){var b=this.element,c=b.closest("ul:not(.dropdown-menu)"),d=b.data("target");if(d||(d=b.attr("href"),d=d&&d.replace(/.*(?=#[^\s]*$)/,"")),!b.parent("li").hasClass("active")){var e=c.find(".active:last a")[0],f=a.Event("show.bs.tab",{relatedTarget:e});if(b.trigger(f),!f.isDefaultPrevented()){var g=a(d);this.activate(b.parent("li"),c),this.activate(g,g.parent(),function(){b.trigger({type:"shown.bs.tab",relatedTarget:e})})}}},b.prototype.activate=function(b,c,d){function e(){f.removeClass("active").find("> .dropdown-menu > .active").removeClass("active"),b.addClass("active"),g?(b[0].offsetWidth,b.addClass("in")):b.removeClass("fade"),b.parent(".dropdown-menu")&&b.closest("li.dropdown").addClass("active"),d&&d()}var f=c.find("> .active"),g=d&&a.support.transition&&f.hasClass("fade");g?f.one(a.support.transition.end,e).emulateTransitionEnd(150):e(),f.removeClass("in")};var c=a.fn.tab;a.fn.tab=function(c){return this.each(function(){var d=a(this),e=d.data("bs.tab");e||d.data("bs.tab",e=new b(this)),"string"==typeof c&&e[c]()})},a.fn.tab.Constructor=b,a.fn.tab.noConflict=function(){return a.fn.tab=c,this},a(document).on("click.bs.tab.data-api",'[data-toggle="tab"], [data-toggle="pill"]',function(b){b.preventDefault(),a(this).tab("show")})}(jQuery),+function(a){"use strict";var b=function(c,d){this.options=a.extend({},b.DEFAULTS,d),this.$window=a(window).on("scroll.bs.affix.data-api",a.proxy(this.checkPosition,this)).on("click.bs.affix.data-api",a.proxy(this.checkPositionWithEventLoop,this)),this.$element=a(c),this.affixed=this.unpin=null,this.checkPosition()};b.RESET="affix affix-top affix-bottom",b.DEFAULTS={offset:0},b.prototype.checkPositionWithEventLoop=function(){setTimeout(a.proxy(this.checkPosition,this),1)},b.prototype.checkPosition=function(){if(this.$element.is(":visible")){var c=a(document).height(),d=this.$window.scrollTop(),e=this.$element.offset(),f=this.options.offset,g=f.top,h=f.bottom;"object"!=typeof f&&(h=g=f),"function"==typeof g&&(g=f.top()),"function"==typeof h&&(h=f.bottom());var i=null!=this.unpin&&d+this.unpin<=e.top?!1:null!=h&&e.top+this.$element.height()>=c-h?"bottom":null!=g&&g>=d?"top":!1;this.affixed!==i&&(this.unpin&&this.$element.css("top",""),this.affixed=i,this.unpin="bottom"==i?e.top-d:null,this.$element.removeClass(b.RESET).addClass("affix"+(i?"-"+i:"")),"bottom"==i&&this.$element.offset({top:document.body.offsetHeight-h-this.$element.height()}))}};var c=a.fn.affix;a.fn.affix=function(c){return this.each(function(){var d=a(this),e=d.data("bs.affix"),f="object"==typeof c&&c;e||d.data("bs.affix",e=new b(this,f)),"string"==typeof c&&e[c]()})},a.fn.affix.Constructor=b,a.fn.affix.noConflict=function(){return a.fn.affix=c,this},a(window).on("load",function(){a('[data-spy="affix"]').each(function(){var b=a(this),c=b.data();c.offset=c.offset||{},c.offsetBottom&&(c.offset.bottom=c.offsetBottom),c.offsetTop&&(c.offset.top=c.offsetTop),b.affix(c)})})}(jQuery);


--------------------------------------------------------------------------------
/doc/js/JChart.min.js:
--------------------------------------------------------------------------------
1 | window.JingleChart=JChart={version:"0.1",animationOptions:{linear:function(a){return a},easeInQuad:function(a){return a*a},easeOutQuad:function(a){return-1*a*(a-2)},easeInOutQuad:function(a){return(a/=.5)<1?.5*a*a:-0.5*(--a*(a-2)-1)},easeInCubic:function(a){return a*a*a},easeOutCubic:function(a){return 1*((a=a/1-1)*a*a+1)},easeInOutCubic:function(a){return(a/=.5)<1?.5*a*a*a:.5*((a-=2)*a*a+2)},easeInQuart:function(a){return a*a*a*a},easeOutQuart:function(a){return-1*((a=a/1-1)*a*a*a-1)},easeInOutQuart:function(a){return(a/=.5)<1?.5*a*a*a*a:-0.5*((a-=2)*a*a*a-2)},easeInQuint:function(a){return 1*(a/=1)*a*a*a*a},easeOutQuint:function(a){return 1*((a=a/1-1)*a*a*a*a+1)},easeInOutQuint:function(a){return(a/=.5)<1?.5*a*a*a*a*a:.5*((a-=2)*a*a*a*a+2)},easeInSine:function(a){return-1*Math.cos(a/1*(Math.PI/2))+1},easeOutSine:function(a){return 1*Math.sin(a/1*(Math.PI/2))},easeInOutSine:function(a){return-0.5*(Math.cos(Math.PI*a/1)-1)},easeInExpo:function(a){return 0==a?1:1*Math.pow(2,10*(a/1-1))},easeOutExpo:function(a){return 1==a?1:1*(-Math.pow(2,-10*a/1)+1)},easeInOutExpo:function(a){return 0==a?0:1==a?1:(a/=.5)<1?.5*Math.pow(2,10*(a-1)):.5*(-Math.pow(2,-10*--a)+2)},easeInCirc:function(a){return a>=1?a:-1*(Math.sqrt(1-(a/=1)*a)-1)},easeOutCirc:function(a){return 1*Math.sqrt(1-(a=a/1-1)*a)},easeInOutCirc:function(a){return(a/=.5)<1?-0.5*(Math.sqrt(1-a*a)-1):.5*(Math.sqrt(1-(a-=2)*a)+1)},easeInElastic:function(a){var b=1.70158,c=0,d=1;if(0==a)return 0;if(1==(a/=1))return 1;if(c||(c=.3),d<Math.abs(1)){d=1;var b=c/4}else var b=c/(2*Math.PI)*Math.asin(1/d);return-(d*Math.pow(2,10*(a-=1))*Math.sin((1*a-b)*2*Math.PI/c))},easeOutElastic:function(a){var b=1.70158,c=0,d=1;if(0==a)return 0;if(1==(a/=1))return 1;if(c||(c=.3),d<Math.abs(1)){d=1;var b=c/4}else var b=c/(2*Math.PI)*Math.asin(1/d);return d*Math.pow(2,-10*a)*Math.sin((1*a-b)*2*Math.PI/c)+1},easeInOutElastic:function(a){var b=1.70158,c=0,d=1;if(0==a)return 0;if(2==(a/=.5))return 1;if(c||(c=1*.3*1.5),d<Math.abs(1)){d=1;var b=c/4}else var b=c/(2*Math.PI)*Math.asin(1/d);return 1>a?-.5*d*Math.pow(2,10*(a-=1))*Math.sin((1*a-b)*2*Math.PI/c):.5*d*Math.pow(2,-10*(a-=1))*Math.sin((1*a-b)*2*Math.PI/c)+1},easeInBack:function(a){var b=1.70158;return 1*(a/=1)*a*((b+1)*a-b)},easeOutBack:function(a){var b=1.70158;return 1*((a=a/1-1)*a*((b+1)*a+b)+1)},easeInOutBack:function(a){var b=1.70158;return(a/=.5)<1?.5*a*a*(((b*=1.525)+1)*a-b):.5*((a-=2)*a*(((b*=1.525)+1)*a+b)+2)},easeInBounce:function(a){return 1-JChart.animationOptions.easeOutBounce(1-a)},easeOutBounce:function(a){return(a/=1)<1/2.75?1*7.5625*a*a:2/2.75>a?1*(7.5625*(a-=1.5/2.75)*a+.75):2.5/2.75>a?1*(7.5625*(a-=2.25/2.75)*a+.9375):1*(7.5625*(a-=2.625/2.75)*a+.984375)},easeInOutBounce:function(a){return.5>a?.5*JChart.animationOptions.easeInBounce(2*a):.5*JChart.animationOptions.easeOutBounce(2*a-1)+.5}},requestAnimFrame:function(){return window.requestAnimationFrame||window.webkitRequestAnimationFrame||window.mozRequestAnimationFrame||window.oRequestAnimationFrame||window.msRequestAnimationFrame||function(a){window.setTimeout(a,1e3/60)}}(),isNumber:function(a){return!isNaN(parseFloat(a))&&isFinite(a)},isEqual:function(a,b,c){return c=void 0==c?10:c,a.toFixed(c)===b.toFixed(c)},capValue:function(a,b,c){return this.isNumber(b)&&a>b?b:this.isNumber(c)&&c>a?c:a},getDecimalPlaces:function(a){return 0!=a%1?a.toString().split(".")[1].length:0},extend:function(a){function b(a,c){for(var d in c){var e=c[d];a[d]=e instanceof Array?b([],e):e instanceof Object?b({},e):e}return a}var c=Array.prototype.slice.call(arguments,1);return this.each(c,function(c){b(a,c)}),a},clone:function(a){var b;if("object"==typeof a)if(null===a)b=null;else if(a instanceof Array){b=[];for(var c=0,d=a.length;d>c;c++)b.push(this.clone(a[c]))}else{b={};for(var e in a)b[e]=this.clone(a[e])}else b=a;return b},each:function(a,b,c){for(var d=0,e=a.length;e>d;d++){var f=b.call(c,a[d],d,a);if(f!==!0&&f===!1)break}},getOffset:function(a){var b=a.getBoundingClientRect(),c=a.ownerDocument,d=c.body,e=c.documentElement,f=e.clientTop||d.clientTop||0,g=e.clientLeft||d.clientLeft||0,h=b.top+(self.pageYOffset||e.scrollTop||d.scrollTop)-f,i=b.left+(self.pageXOffset||e.scrollLeft||d.scrollLeft)-g;return{top:h,left:i}},hex2Rgb:function(a,b){var c,d,e;if(/rgb/.test(a)){var f=a.match(/\d+/g);c=parseInt(f[0]),d=parseInt(f[1]),e=parseInt(f[2])}else{if(!/#/.test(a))return a;var g=a.length;7===g?(c=parseInt(a.slice(1,3),16),d=parseInt(a.slice(3,5),16),e=parseInt(a.slice(5),16)):4===g&&(c=parseInt(a.charAt(1)+val.charAt(1),16),d=parseInt(a.charAt(2)+val.charAt(2),16),e=parseInt(a.charAt(3)+val.charAt(3),16))}return"rgba("+c+","+d+","+e+","+(b?b:1)+")"},tmpl:function(){function a(c,d){var e=/\W/.test(c)?new Function("obj","var p=[],print=function(){p.push.apply(p,arguments);};with(obj){p.push('"+c.replace(/[\r\t\n]/g," ").split("<%").join("	").replace(/((^|%>)[^\t]*)'/g,"$1\r").replace(/\t=(.*?)%>/g,"',$1,'").split("	").join("');").split("%>").join("p.push('").split("\r").join("\\'")+"');}return p.join('');"):b[c]=b[c]||a(document.getElementById(c).innerHTML);return d?e(d):e}var b={};return a}()},function(a){function b(b,c){function d(a,b,c){var d=e(a,b);d&&g.trigger(c,[g.chartData.datasets[d[5]].data[d[4]],d[4],d[5]])}function e(b,c){var d;return a.each(f,function(a){return b>=a[0]&&b<=a[1]&&c>=a[3]&&c<=a[2]?(d=a,!1):void 0}),d}a.Scale.apply(this);var f=[];this._type_="bar";var g=this;this.data=b,this.chartData=null,a.extend(this.config,{showBarBorder:!0,barBorderWidth:2,barSpacing:1,barSetSpacing:5,datasetGesture:!1,datasetShowNumber:12}),this.bindEvents=function(){this.on("_tap",function(a,b){d(a,b,"tap.bar")}),this.on("_longTap",function(a,b){d(a,b,"longTap.bar")}),this.config.datasetGesture&&this.bindDataGestureEvent()},this.draw=function(a){this.chartData=this.config.datasetGesture&&this.data.labels.length>g.config.datasetShowNumber?this.sliceData(this.data,0,this.data.labels.length,this.config.datasetShowNumber):this.data,this.mergeFont(["scaleFont","textFont"]),this.initScale(!0),a?(this.drawScale(),this.drawBars(1)):this.doAnim(this.drawScale,this.drawBars)},this.redraw=function(a){this.chartData=a,this.clear(),this.initScale(!0),this.drawScale(),this.drawBars(1)},this.drawBars=function(b){b>=1&&(f=[]);var c=g.ctx,d=g.config,e=g.scaleData;a.each(g.chartData.datasets,function(h,i){d.showBarBorder||(borderColor=null),a.each(h.data,function(j,k){var l,m=e.x+d.barSetSpacing+e.xHop*k+e.barWidth*i+d.barSpacing*i+d.barBorderWidth*i,n=e.y,o=e.barWidth,p=b*g.calcOffset(j,e.yScaleValue,e.yHop)+d.barBorderWidth/2,q=h.color,r=a.hex2Rgb(q,.6);d.showBarBorder&&(l=h.borderColor||q),c.rect(m,n,o,-p,r,l,d.barBorderWidth),b>=1&&f.push([m,m+o,n,n-p,k,i]),d.showText&&g.drawText(j,m+o/2,n-p-3,[k,i])})})},c&&this.initial(c)}a.Bar=b}(JChart),function(a){function b(a){function b(){this.el=a="string"==typeof a?document.getElementById(a):a,this.ctx=a.getContext("2d"),this.width=a.width,this.height=a.height,c(this.ctx)}function c(a){for(var c in CanvasRenderingContext2D.prototype)b.prototype[c]||(b.prototype[c]=function(b){return function(){var c=Array.prototype.slice.call(arguments),e=a[b].apply(a,c);return d.indexOf(b)>-1?e:this}}(c))}var d=["isPointInPath","measureText","getImageData"];return b.prototype={set:function(a,b){if("object"==typeof a)for(var c in a)this.ctx[c]&&(this.ctx[c]=a[c]);else this.ctx[a]&&(this.ctx[a]=b);return this},get:function(a){return this.ctx[a]},fill:function(a){return"string"==typeof a&&this.set("fillStyle",a),this.ctx.fill(),this},stroke:function(a,b){return"string"==typeof a&&(this.set("strokeStyle",a),b&&this.set("lineWidth",b)),this.ctx.stroke(),this},fillText:function(a,b,c,d){if(this.ctx.save(),d&&"object"==typeof d)for(var e in d)this.set(e,d[e]);var f=(a+"").split("\n");if(f.length>1)for(var g=this.getFontSize(),h=0;h<f.length;h++)this.ctx.fillText(f[h],b,c+h*g);else this.ctx.fillText(a,b,c);return this.ctx.restore(),this},clear:function(a,b,c,d){return a=a||0,b=b||0,c=c||this.width,d=d||this.height,this.ctx.clearRect(a,b,c,d),this},resize:function(a,b){return this.el.width=a,this.el.height=b,this.width=a,this.height=b,this},line:function(a,b,c,d,e,f){return this.beginPath().moveTo(a,b).lineTo(c,d),e&&this.stroke(e,f),this},rect:function(a,b,c,d,e,f,g){return this.ctx.beginPath(),this.ctx.rect(a,b,c,d),this.ctx.closePath(),e&&this.fill(e),f&&this.stroke(f,g),this},circle:function(a,b,c,d,e,f){return this.beginPath(),this.ctx.arc(a,b,c,0,2*Math.PI,!1),this.closePath(),d&&this.fill(d),e&&this.stroke(e,f),this},sector:function(a,b,c,d,e,f,g,h){return this.beginPath().arc(a,b,c,d,e,!1).lineTo(a,b).closePath(),f&&this.fill(f),g&&this.stroke(g,h),this},dountSector:function(a,b,c,d,e,f,g,h,i){return this.beginPath().arc(a,b,d,e,f,!1).arc(a,b,c,f,e,!0).closePath(),g&&this.fill(g),h&&this.stroke(h,i),this},image:function(a){var b=this,c=Array.prototype.slice.call(arguments),d=function(){b.ctx.drawImage.apply(b.ctx,c)};return"string"==typeof a?(c[0]=new Image,c[0].onload=d,c[0].src=a):d(),this},getFontSize:function(){var a=this.ctx.font.match(/\d+(?=px)/i);return a&&(a=parseInt(a[0])),a}},new b}a.Canvas=b}(JChart||window),function(a){var b=function(){this.config={bgColor:"#fff",drawScaleFirst:!0,showText:!0,textFont:{},animation:!0,animationSteps:60,animationEasing:"easeOutBounce"},this.defaultFont={family:"Arial",size:16,style:"normal",color:"#5b5b5b",textAlign:"center",textBaseline:"middle"},this.events={},this.initial=function(b){"string"==typeof b?this.config.id=b:a.extend(this.config,b),this.ctx=a.Canvas(this.config.id);var c=this.ctx.el;this.width=c.width,this.height=c.height,window.devicePixelRatio&&(c.style.width=this.width+"px",c.style.height=this.height+"px",c.height=this.height*window.devicePixelRatio,c.width=this.width*window.devicePixelRatio,this.ctx.scale(window.devicePixelRatio,window.devicePixelRatio)),this.bindTouchEvents(),this.bindEvents(),this.setBg()},this.setBg=function(){this.ctx.set("fillStyle",this.config.bgColor),this.ctx.fillRect(0,0,this.width,this.height)},this.clear=function(){this.ctx.clear(),this.setBg()},this.refresh=function(b){b&&a.extend(this.config,b),this.draw()},this.load=function(b,c){this.data=b,c&&a.extend(this.config,c),this.clear(),this.draw(!0)},this.mergeFont=function(b){if(b instanceof Array)a.each(b,function(a){this.mergeFont(a)},this);else{var c=this.config[b],d=a.extend({},this.defaultFont,c);d.font=d.style+" "+d.size+"px "+d.family,d.fillStyle=d.color,this.config[b]=d}},this.doAnim=function(b,c,d){function e(){k+=i,f(),1>=k?a.requestAnimFrame.call(window,e):(d&&d.call(h),h.trigger("animationComplete"))}function f(){h.clear();var d=g.animation?a.capValue(j(k),null,0):1;h.config.drawScaleFirst?(b.call(h),c.call(h,d)):(c.call(h,d),b.call(h))}var g=this.config,h=this,i=g.animation?1/a.capValue(g.animationSteps,Number.MAX_VALUE,1):1,j=a.animationOptions[g.animationEasing],k=g.animation?0:1,h=this;"function"!=typeof b&&(b=function(){}),a.requestAnimFrame.call(window,e)},this.on=function(a,b){this.events[a]=b},this.trigger=function(a,b){var c=this.events[a];return c?c.apply(this,b):null},this.drawText=function(a,b,c,d,e){this.ctx.set(this.config.textFont),e&&this.ctx.set(e),d=d?[a].concat(d):[a];var f=this.trigger("renderText",d);f=f?f:a,this.ctx.fillText(f,b,c)},this.bindTouchEvents=function(){function b(a){j=Date.now(),a=a.touches?a.touches[0]:a,k=j-(l.last||j),h&&clearTimeout(h),l.x1=a.pageX-n.left,l.y1=a.pageY-n.top,k>0&&250>=k&&(l.isDoubleTap=!0),l.last=j,i=setTimeout(e,m)}function c(a){var b=a.touches?a.touches[0]:a;l.x2=b.pageX-n.left,l.y2=b.pageY-n.top,Math.abs(l.x1-l.x2)>15&&(a.preventDefault(),g())}function d(){f(),"last"in l&&(t.trigger("_tap",[l.x1,l.y1]),t.trigger("tap",[l.x1,l.y1]),l.isDoubleTap?(g(),t.trigger("_doubleTap",[l.x1,l.y1]),t.trigger("doubleTap",[l.x1,l.y1])):h=setTimeout(function(){h=null,t.trigger("_singleTap",[l.x1,l.y1]),t.trigger("singleTap",[l.x1,l.y1]),l={}},250))}function e(){i=null,l.last&&(t.trigger("_longTap",[l.x1,l.y1]),t.trigger("longTap",[l.x1,l.y1]),l={})}function f(){i&&clearTimeout(i),i=null}function g(){h&&clearTimeout(h),i&&clearTimeout(i),h=i=null,l={}}var h,i,j,k,l={},m=750,n=a.getOffset(this.ctx.el),o="ontouchstart"in window,p=o?"touchstart":"mousedown",q=o?"touchmove":"mousemove",r=o?"touchend":"mouseup",s=o?"touchcancel":"mouseup",t=this;this.ctx.el.addEventListener(p,b),this.ctx.el.addEventListener(q,c),this.ctx.el.addEventListener(r,d),this.ctx.el.addEventListener(s,g)}};a.Chart=b}(JChart),function(a){function b(b,c){function d(a,b){var c=e(a,b);c&&g.trigger("tap.point",[g.chartData.datasets[c[3]].data[c[2]],c[2],c[3]])}function e(b,c){var d,e=g.config.pointClickBounds;return a.each(f,function(a){return b>=a[0]-e&&b<=a[0]+e&&c>=a[1]-e&&c<=a[1]+e?(d=a,!1):void 0}),d}a.Scale.apply(this);var f=[];this._type_="line",this.data=b,this.chartData=null;var g=this;a.extend(this.config,{smooth:!0,showPoint:!0,pointRadius:4,pointBorderWidth:2,pointClickBounds:20,lineWidth:2,fill:!0,datasetGesture:!1,datasetShowNumber:12}),this.bindEvents=function(){this.on("_tap",d),this.config.datasetGesture&&this.bindDataGestureEvent()},this.draw=function(a){this.mergeFont(["textFont","scaleFont"]),this.chartData=this.config.datasetGesture&&this.data.labels.length>g.config.datasetShowNumber?this.sliceData(this.data,0,this.data.labels.length,this.config.datasetShowNumber):this.data,g.initScale(!0),a?(this.drawScale(),this.drawLines(1)):this.doAnim(this.drawScale,this.drawLines)},this.redraw=function(a){this.chartData=a,this.clear(),this.initScale(!0),this.drawScale(),this.drawLines(1)},this.drawLines=function(b){function c(a,c){return j.y-b*g.calcOffset(i[a].data[c],j.yScaleValue,j.yHop)}function d(a){return j.x+j.xHop*a}b>=1&&(f=[]);var e=g.ctx,h=g.config,i=g.chartData.datasets,j=g.scaleData;a.each(i,function(i,k){e.beginPath().moveTo(j.x,c(k,0)),a.each(i.data,function(a,g){var i=d(g),j=c(k,g);h.smooth?e.bezierCurveTo(d(g-.5),c(k,g-1),d(g-.5),j,i,j):e.lineTo(i,j),b>=1&&f.push([i,j,g,k])}),e.stroke(i.color,h.lineWidth),h.fill?e.lineTo(j.x+j.xHop*(i.data.length-1),j.y).lineTo(j.x,j.y).closePath().fill(i.fillColor?i.fillColor:a.hex2Rgb(i.color,.6)):e.closePath(),a.each(i.data,function(a,b){var e=d(b),f=c(k,b);h.showPoint&&g.drawPoint(e,f,i),h.showText&&g.drawText(a,e,f-3,[b,k])})})},c&&this.initial(c)}a.Line=b}(JChart),function(a){function b(b,c){function d(){var b=0;n=[],a.each(o.data,function(a,c){var d=b,e=a.value/q;b+=e*o.config.totalAngle;var f=b;n.push([d,f,a,c,e])})}function e(a){f(a,"rotate")}function f(b,c){o.clear(),b=o.config.animation?b:1,a.each(n,function(a){h(a,b,c)}),o.config.isDount&&o.config.dountText&&j()}function g(a,b,c){var d=a[0],e=a[1];return"rotate"==c?(d=d+r+s*b,e=e+r+s*b):(d=d*b+r,e=e*b+r),{start:d,end:e}}function h(a,b,c){var d=u.x,e=u.y,f=o.config,h=a[3],j=g(a,b,c);if(h==t){var k=(a[0]+a[1])/2+r;d+=Math.cos(k)*f.pullOutDistance,e+=Math.sin(k)*f.pullOutDistance}f.isDount?o.ctx.dountSector(d,e,p*f.dountRadiusPercent,p,j.start,j.end,o.data[h].color):o.ctx.sector(d,e,p,j.start,j.end,o.data[h].color),f.showBorder&&o.ctx.stroke(f.borderColor,f.borderWidth),f.showText&&i(d,e,p,j.start,j.end,a)}function i(a,b,c,d,e,f){var g=(d+e)/2,h=c/2,i=f[4],j=f[2];o.config.isDount&&(h=c/2+c*o.config.dountRadiusPercent/2),i=(100*i).toFixed(1)+"%";var k=Math.cos(g)*h+a,l=Math.sin(g)*h+b;o.drawText(i,k,l,[j,f[3]])}function j(){o.ctx.fillText(o.config.dountText,u.x,u.y,o.config.dountFont)}function k(a,b,c){var d=o.config.clickType,e=l(a,b);if(e)if("tap.pie"==c){if(!o.trigger(c,[e[2],e[3]]))return;"rotate"==d?o.rotate(e[3]):"pullOut"==d&&o.toggleSegment(e[3])}else o.trigger(d,[e[2],e[3]])}function l(b,c){var d,e=b-u.x,f=c-u.y,g=Math.sqrt(Math.pow(Math.abs(e),2)+Math.pow(Math.abs(f),2)),h=p>=g;if(h&&o.config.isDount&&(h=g>=p*o.config.dountRadiusPercent),h){var i=Math.atan2(f,e)-r;return 0>i&&(i+=2*Math.PI),i>2*Math.PI&&(i-=2*Math.PI),a.each(n,function(a){return i>=a[0]&&i<a[1]?(d=a,!1):void 0}),d}}function m(){o.config.totalAngle==Math.PI?(u={x:o.width/2,y:o.height-20},p=Math.min(u.x,u.y)-10):(u={x:o.width/2,y:o.height/2},p=Math.min(u.x,u.y)-10)}a.Chart.apply(this);var n,o=this;this.data=b;var p,q=0,r=0,s=0,t=-1,u={};a.extend(this.config,{showBorder:!0,borderColor:"#fff",borderWidth:2,startAngle:-Math.PI/2,rotateAngle:Math.PI/2,pullOutDistance:10,clickType:"pullOut",isDount:!1,dountRadiusPercent:.4,totalAngle:2*Math.PI,dountText:"",dountFont:{size:20,style:600,color:"#3498DB"}}),this.bindEvents=function(){this.on("_tap",function(a,b){k(a,b,"tap.pie")}),this.on("_longTap",function(a,b){k(a,b,"longTap.pie")}),this.on("tap.pie",function(){return!0})},this.toggleSegment=function(a){a==t?this.pushIn():this.pullOut(a)},this.pushIn=function(){t=-1,f(1),this.trigger("pushIn")},this.pullOut=function(a){t!=a&&(t=a,f(1),this.trigger("pullOut",[o.data[a],a]))},this.rotate=function(b){var c=(n[b][0]+n[b][1])/2+r,d=o.config.rotateAngle-c;a.isEqual(d,0)||(this.pushIn(),s=d,this.doAnim(null,e,function(){r+=s,o.trigger("rotate",[o.data[b],b])}))},this.setDountText=function(a){o.config.dountText=a,f(1)},this.draw=function(b){this.mergeFont(["textFont","dountFont"]),m(),q=0,t=-1,a.each(o.data,function(a){q+=a.value}),d(),b?f(1):this.doAnim(null,f),r=o.config.startAngle},c&&this.initial(c)}a.Pie=b}(JChart),function(a){function b(b,c){function d(a,b){var c=e(a,b);c>-1&&this.trigger("tap.pie",[this.data[c],c])}function e(a,b){var c=-Math.PI/2,d=2*Math.PI/this.data.length,a=a-f.width/2,b=b-f.height/2,e=Math.sqrt(Math.pow(Math.abs(a),2)+Math.pow(Math.abs(b),2)),g=e<=f.scaleData.yHeight;if(!g)return-1;var h=Math.atan2(b,a)-c;return 0>h&&(h=2*Math.PI+h),h>2*Math.PI&&(h-=2*Math.PI),Math.floor(h/d)}a.Scale.apply(this);var f=this;this.data=this.chartData=b,a.extend(this.config,{drawScaleFirst:!1,showScaleLabelBackdrop:!0,scaleBackdropColor:"rgba(255,255,255,0.75)",scaleBackdropPaddingY:2,scaleBackdropPaddingX:2,showAngleLine:!0,angleLineColor:"rgba(0,0,0,.1)",showBorder:!0,borderColr:"#fff",borderWidth:1,textFont:{size:16,color:"#666",textBaseline:"middle"},angleLineWidth:1,animateRotate:!0,animateScale:!1}),this.bindEvents=function(){this.on("_tap",d)},this.draw=function(a){this.mergeFont(["scaleFont","textFont"]),this.initScale(),a&&(this.drawAllSegments(1),this.drawScale()),this.doAnim(this.drawScale,this.drawAllSegments)},this.calcDrawingSizes=function(){var a=Math.min(this.width,this.height)/2,b=this.config,c=b.scaleFont.size,d=2*c;a-=Math.max(.5*c,.5*b.scaleLineWidth),b.showScaleLabelBackdrop&&(d+=2*b.scaleBackdropPaddingY,a-=1.5*b.scaleBackdropPaddingY),this.scaleData.yHeight=a-10,this.scaleData.yLabelHeight=d},this.drawScale=function(){var b=this.config,c=this.scaleData,d=this.width/2,e=this.height/2;size=b.scaleFont.size,px=b.scaleBackdropPaddingX,py=b.scaleBackdropPaddingY,this.ctx.save().translate(d,e);for(var f=0;f<c.yScaleValue.step;f++){var g=c.yHop*(f+1);if(b.showGridLine&&this.ctx.circle(0,0,g,!1,b.gridLineColor,b.gridLineWidth),b.showScaleLabel){var h=c.yScaleValue.labels[f];if(b.showScaleLabelBackdrop){var i=this.ctx.measureText(h).width;this.ctx.rect(Math.round(-i/2-px),Math.round(-g-size/2-py),Math.round(i+2*px),Math.round(size+2*py),b.scaleBackdropColor)}this.ctx.fillText(h,0,-g,b.scaleFont)}}var j=this.data.labels.length,k=2*Math.PI/j;this.ctx.rotate(-Math.PI/2-k),a.each(this.data.labels,function(a,d){this.ctx.rotate(k),b.showAngleLine&&this.ctx.line(0,0,c.yHeight,0,b.angleLineColor,b.angleLineWidth),b.showLabel&&(this.ctx.save().translate(c.yHeight+10,0).rotate(Math.PI/2-k*d),this.ctx.fillText(a,0,0,b.textFont),this.ctx.restore())},this),this.ctx.restore()},this.drawAllSegments=function(b){var c,d,e=-Math.PI/2,f=2*Math.PI/this.data.datasets.length,g=1,h=1,i=this.scaleData,j=this.config;j.animation&&(j.animateScale&&(g=b),j.animateRotate&&(h=b)),j.showBorder&&(c=j.borderColor,d=j.borderWidth),a.each(this.data.datasets,function(b){var j=g*this.calcOffset(b.value,i.yScaleValue,i.yHop);this.ctx.sector(this.width/2,this.height/2,j,e,e+h*f,a.hex2Rgb(b.color,.6),c,d),e+=h*f},this)},this.getValueBounds=function(a){for(var b=Number.MIN_VALUE,c=Number.MAX_VALUE,d=0;d<a.length;d++)a[d].value>b&&(b=a[d].value),a[d].value<c&&(c=a[d].value);var e=this.scaleData.yHeight,f=this.scaleData.yLabelHeight,g=Math.floor(e/(.66*f)),h=Math.floor(.5*(e/f));return{maxValue:b,minValue:c,maxSteps:g,minSteps:h}},c&&this.initial(c)}a.Polar=b}(JChart),function(a){function b(b,c){function d(a,b){var c=f(a,b);c&&h.trigger("tap.point",[h.data.datasets[c[3]].data[c[2]],c[2],c[3]])}function e(){a.each(g,function(a){var b=a[1];b>h.height/2&&(b+=6),h.drawText(h.data.datasets[a[3]].data[a[2]],a[0],b,[a[2],a[3]])})}function f(b,c){var d,e=h.config.pointClickBounds;return a.each(g,function(a){return b>=a[0]-e&&b<=a[0]+e&&c>=a[1]-e&&c<=a[1]+e?(d=a,!1):void 0}),d}a.Scale.apply(this);var g=[],h=this;this.data=this.chartData=b,a.extend(this.config,{drawScaleFirst:!1,scaleShowLabelBackdrop:!0,scaleBackdropColor:"rgba(255,255,255,0.75)",scaleBackdropPaddingY:2,scaleBackdropPaddingX:2,graphShape:"circle",showAngleLine:!0,angleLineColor:"rgba(0,0,0,.1)",angleLineWidth:1,showPoint:!0,pointRadius:3,pointBorderWidth:1,pointClickBounds:20,lineWidth:2,fill:!0,showScaleLabel:!0,showText:!1,gridLineColor:"rgb(0,0,0,.5)"}),this.bindEvents=function(){this.on("_tap",d)},this.draw=function(a){this.mergeFont(["scaleFont","textFont"]),this.initScale(),a?(this.drawAllDataPoints(1),this.drawScale()):this.doAnim(this.drawScale,this.drawAllDataPoints)},this.calcDrawingSizes=function(){var b=Math.min(this.width,this.height)/2,c=this.config,d=2*c.scaleFont.size,e=0;a.each(h.data.labels,function(a){this.ctx.set(c.textFont);var b=this.ctx.measureText(a).width;b>e&&(e=b)},this),b-=Math.max(e,1.5*(c.textFont.size/2)),b-=c.textFont.size,b=a.capValue(b,null,0),this.scaleData.yHeight=b,this.scaleData.yLabelHeight=d},this.drawScale=function(){var a=this.ctx,b=this.config,c=this.scaleData,d=b.scaleFont.size,e=b.textFont.size,f=this.data.labels.length,g=b.scaleBackdropPaddingX,h=b.scaleBackdropPaddingY,i=2*Math.PI/f;if(a.save().translate(this.width/2,this.height/2),b.showAngleLine)for(var j=c.yHeight-c.yHeight%c.yHop,k=0;f>k;k++)a.rotate(i).line(0,0,0,-j,b.angleLineColor,b.angleLineWidth);for(var l=0;l<c.yScaleValue.step;l++){var m=c.yHop*(l+1);if(a.beginPath(),b.showGridLine){if(a.set({strokeStyle:b.gridLineColor,lineWidth:b.gridLineWidth}),"diamond"==b.graphShape){a.moveTo(0,-m);for(var n=0;f>n;n++)a.rotate(i).lineTo(0,-m)}else a.circle(0,0,m);a.closePath().stroke()}if(b.showScaleLabel){var o=c.yScaleValue.labels[l];if(b.showScaleLabelBackdrop){var p=this.ctx.measureText(o).width;this.ctx.rect(Math.round(-p/2-g),Math.round(-m-d/2-h),Math.round(p+2*g),Math.round(d+2*h),b.scaleBackdropColor)}this.ctx.fillText(o,0,-m,b.scaleFont)}}this.ctx.set(b.textFont);for(var q=0;f>q;q++){var r,s=Math.sin(i*q)*(c.yHeight+e),t=Math.cos(i*q)*(c.yHeight+e);r=i*q==Math.PI||0==i*q?"center":i*q>Math.PI?"right":"left",this.ctx.fillText(this.data.labels[q],s,-t,{textAlign:r})}a.restore()},this.drawAllDataPoints=function(c){function d(a){return-c*h.calcOffset(a,k.yScaleValue,k.yHop)}function f(a,b){a=Math.abs(a);var c,d,e=-Math.PI/2+b*j;return c=Math.cos(e)*a+h.width/2,d=Math.sin(e)*a+h.height/2,[c,d]}c>=1&&(g=[]);var i=b.datasets[0].data.length,j=2*Math.PI/i,k=this.scaleData,l=this.ctx,m=this.config;l.save().translate(this.width/2,this.height/2),a.each(this.data.datasets,function(b,e){l.beginPath().moveTo(0,d(b.data[0])),a.each(b.data,function(a,b){return 0==b?!0:(l.rotate(j).lineTo(0,d(a)),void 0)}),l.closePath(),m.fill&&l.fill(b.fillColor||a.hex2Rgb(b.color,.6)),l.stroke(b.color,m.lineWidth),a.each(b.data,function(a,h){var i=d(a);if(m.showPoint&&l.rotate(j).circle(0,i,m.pointRadius,b.pointColor,b.pointBorderColor,m.pointBorderWidth),c>=1){var k=f(i,h);g.push([k[0],k[1],h,e])}}),l.rotate(j)},this),l.restore(),m.showText&&e()},c&&this.initial(c)}a.Radar=b}(JChart),function(a){function b(){var b=5,c=5,d=20,e=10;a.Chart.apply(this),a.extend(this.config,{scale:null,scaleLineColor:"rgba(0,0,0,.3)",scaleLineWidth:1,showScaleLabel:!0,showLabel:!0,scaleFont:{size:12,color:"#666"},textFont:{size:14,textBaseline:"bottom"},showGridLine:!0,gridLineColor:"rgba(0,0,0,.1)",gridLineWidth:1}),this.scaleData={x:0,y:0,xHop:0,yHop:0,xLength:0,yHeight:0,yLabelHeight:0,yScaleValue:null,labelRotate:0,xLabelWidth:0,xLabelHeight:0,barWidth:0},this.calcDrawingSizes=function(){var c=this.height,d=0,f=this.config.scaleFont.size,g=0,h=f,i=0,j=this.chartData.labels.length;this.ctx.set(this.config.scaleFont),a.each(this.chartData.labels,function(a){var b=this.ctx.measureText(a).width;d=b>d?b:d},this),g=d,this.width/j<d&&(i=45,g=Math.cos(i*Math.PI/180)*d,h=Math.sin(i*Math.PI/180)*d,this.width/j<h&&(i=90,g=f,h=d)),c-=h,c-=e,c-=b,c-=this.config.showText?f:0,this.scaleData.yHeight=c,this.scaleData.yLabelHeight=f,this.scaleData.labelRotate=i,this.scaleData.xLabelWidth=g,this.scaleData.xLabelHeight=h},this.getValueBounds=function(b){var c=Number.MIN_VALUE,d=Number.MAX_VALUE;a.each(b,function(b){a.each(b.data,function(a){a>c&&(c=a),d>a&&(d=a)})});var e=this.scaleData.yHeight,f=this.scaleData.yLabelHeight,g=Math.floor(e/(.66*f)),h=Math.floor(.5*(e/f));return{maxValue:c,minValue:d,maxSteps:g,minSteps:h}},this.calcYAxis=function(){var a=this.config.scale;if(a)a.start=a.start||0,a.labels=this.populateLabels(a.step,a.start,a.stepValue);else{var b=this.getValueBounds(this.chartData.datasets);a=this.calcScale(this.scaleData.yHeight,b.maxSteps,b.minSteps,b.maxValue,b.minValue)}this.scaleData.yScaleValue=a,this.scaleData.yHop=Math.floor(this.scaleData.yHeight/a.step)},this.calcXAxis=function(){var b,f,g=this.config,h=this.scaleData,i=0;if(g.showScaleLabel&&(a.each(h.yScaleValue.labels,function(a){var b=this.ctx.measureText(a).width;i=b>i?b:i},this),i+=d),b=this.width-i-c-(this.config.showText?this.config.textFont.size:0),"bar"==this._type_){f=Math.floor(b/this.chartData.labels.length);var j=this.chartData.datasets.length;h.barWidth=(f-2*g.gridLineWidth-2*g.barSetSpacing-(g.barSpacing*j-1)-(g.barBorderWidth/2*j-1))/j}else f=Math.floor(b/(this.chartData.labels.length-1));h.x=i,h.y=this.height-h.xLabelHeight-e,h.xWidth=b,h.xHop=f},this.drawScale=function(){var b,c=this.ctx,f=this.config,g=this.scaleData;c.set({strokeStyle:f.scaleLineColor,lineWidth:f.scaleLineWidth}),c.line(g.x-3,g.y,g.x+g.xWidth,g.y,!0),c.line(g.x,g.y+3,g.x,g.y-g.yHeight,!0),g.labelRotate>0?(c.save(),b="right"):b="center",c.set({fillStyle:f.scaleFont.color,textAlign:b,textBaseline:"hanging",strokeStyle:f.gridLineColor,lineWidth:f.gridLineWidth}),a.each(this.chartData.labels,function(a,b){c.save();var d=g.x+b*g.xHop,h=g.y+e/2,i="bar"==this._type_?d+g.xHop/2:d;if(g.labelRotate>0?c.translate(i,h).rotate(-(g.labelRotate*(Math.PI/180))).fillText(a,0,0).restore():c.fillText(a,i,h),f.showGridLine){var j="bar"==this._type_?d+g.xHop:d;c.line(j,g.y,j,g.y-g.yHeight,!0)}},this),c.set({textAlign:"right",textBaseline:"middle"});for(var h=0;h<g.yScaleValue.step;h++){var i=g.y-(h+1)*g.yHop;f.showGridLine&&c.line(g.x,i,g.x+g.xWidth,i,!0),f.showScaleLabel&&c.fillText(g.yScaleValue.labels[h],g.x-d/2,i)}},this.initScale=function(a){this.calcDrawingSizes(),this.calcYAxis(),a&&this.calcXAxis()},this.drawPoint=function(a,b,c){this.ctx.beginPath().circle(a,b,this.config.pointRadius,c.pointColor||"#fff",c.pointBorderColor||c.color,this.config.pointBorderWidth)},this.calcScale=function(a,b,c,d,e){function f(a){return Math.floor(Math.log(a)/Math.LN10)}var g,h,i,j,k,l,m;for(l=d-e,m=f(l),g=0,h=Math.ceil(d/(1*Math.pow(10,m)))*Math.pow(10,m),i=h-g,j=Math.pow(10,m),k=Math.round(i/j);c>k||k>b;)c>k?(j/=2,k=Math.round(i/j)):(j*=2,k=Math.round(i/j));var n=this.populateLabels(k,g,j);return{step:k,stepValue:j,start:g,labels:n}},this.populateLabels=function(b,c,d){for(var e=[],f=1;b+1>f;f++)if(this.config.showScaleLabel){var g=(c+d*f).toFixed(a.getDecimalPlaces(d)),h=this.trigger("renderYLabel",[g]);h=h?h:g,e.push(h)}else e.push("");return e},this.calcOffset=function(b,c,d){var e=c.step*c.stepValue,f=b-c.start,g=a.capValue(f/e,1,0);return d*c.step*g},this.sliceData=function(b,c,d,e){var f=a.clone(b),g=c,h=c+e;return h>d&&(g=d-e,h=d),f.labels=f.labels.slice(g,h),a.each(f.datasets,function(a){a.data=a.data.slice(g,h)}),f},this.bindDataGestureEvent=function(){function a(a){a=a.touches?a.touches[0]:a,e={x:a.pageX,y:a.pageY},d=0,f=!0}function b(a){if(f&&g.config.datasetGesture){a=a.touches?a.touches[0]:a;var b=a.pageX;a.pageY,d=b-e.x;var c=g.data.labels.length,k=h-Math.floor(d/g.scaleData.xHop);0>k||k==i||k+j>c||(i=k,console.log(k),setTimeout(function(){g.redraw(g.sliceData(g.data,k,c,j))},0))}}function c(){f=!1,h=i}var d,e,f,g=this,h=0,i=0,j=this.config.datasetShowNumber,k="ontouchstart"in window,l=k?"touchstart":"mousedown",m=k?"touchmove":"mousemove",n=k?"touchend":"mouseup";this.ctx.el.addEventListener(l,a),this.ctx.el.addEventListener(m,b),this.ctx.el.addEventListener(n,c)}}a.Scale=b}(JChart);


--------------------------------------------------------------------------------