├── README.md ├── __init__.py ├── help ├── 可视化大屏 ├── README.md ├── _config.yml ├── css │ ├── index.css │ └── index.less ├── font │ └── DS-DIGIT.TTF ├── images │ ├── bg.jpg │ ├── head_bg.png │ ├── jt.png │ ├── lbx.png │ ├── line.png │ ├── map.png │ └── weather.png ├── index.html └── js │ ├── china.js │ ├── echarts.min.js │ ├── flexible.js │ ├── index.js │ └── jquery.js └── 数据 ├── __init__.py ├── a.png ├── after_clean.txt ├── after_clean.xls ├── chromedriver.exe ├── cloud.jpg ├── jobs.txt ├── jobs.xls ├── word_count.csv ├── 处理数据.py ├── 数据清理.py ├── 爬取数据.py └── 词云展示.py /README.md: -------------------------------------------------------------------------------- 1 | # - 2 | 本系统主要实现对51job及前程无忧网站招聘信息的爬取及分析，利用echarts对爬取到的信息做可视化处理，可以帮助求职者更直观的了解某岗位的招聘市场情况。从求职网站中利用python爬虫技术爬取有关职位信息保存到数据库中，再利用可视化技术对所爬取的数据进行可视化，在可视化页面更有利于求职者对自己想从事的职位有新的见解和方向。 3 | -------------------------------------------------------------------------------- /__init__.py: -------------------------------------------------------------------------------- 1 | # _*_coding : utf-8 _*_ 2 | # @Time : 2022/6/6 15:00 3 | # @Author : chuya 4 | # @File : __init__.py 5 | # @Project : pacHomework 6 | -------------------------------------------------------------------------------- /help: -------------------------------------------------------------------------------- 1 | sql: 2 | create database pythondata 3 | use pythondata 4 | 5 | CREATE TABLE IF NOT EXISTS `jobs` ( 6 | `present` char(255), 7 | `job_name` char(255), 8 | `company` char(255), 9 | `salary` char(255), 10 | `area` char(255), 11 | `job_Requirements` char(255) 12 | ) ENGINE=InnoDB DEFAULT CHARSET=utf8 AUTO_INCREMENT=0 13 | 14 | 15 | CREATE TABLE IF NOT EXISTS `after_clean` ( 16 | `present` char(255), 17 | `job_name` char(255), 18 | `company` char(255), 19 | `salary` char(255), 20 | `area` char(255), 21 | `job_Requirements` char(255) 22 | ) ENGINE=InnoDB DEFAULT CHARSET=utf8 AUTO_INCREMENT=0 23 | 24 | 武汉 86 深圳 157 杭州 88 广州 152 上海221 南京 109 苏州 42 25 | 13.1 17.6 17.21 13.7 19.2 14.5 14.96 26 | 27 | select avg(salary) from after_clean where area="武汉" 28 | -------------------------------------------------------------------------------- /可视化大屏/README.md: -------------------------------------------------------------------------------- 1 | # Echarts-Demo 2 | - 数据可视化-Echarts 大屏数据可视化展示 3 | - 展示地址：https://nichan-13.github.io/Echarts-Demo/ 4 | 5 | 6 | ## Echarts介绍 7 | 8 | > ECharts，一个使用 JavaScript 实现的开源可视化库，可以流畅的运行在 PC 和移动设备上，兼容当前绝大部分浏览器（IE8/9/10/11，Chrome，Firefox，Safari等），底层依赖矢量图形库 [ZRender](https://github.com/ecomfe/zrender)，提供直观，交互丰富，可高度个性化定制的数据可视化图表。 9 | 10 | 简单来说： 11 | 12 | - 是一个JS插件 13 | - 性能好可流畅运行PC与移动设备 14 | - 兼容主流浏览器 15 | - 提供很多常用图表，且可**定制**。 16 | - [折线图](https://www.echartsjs.com/zh/option.html#series-line)、[柱状图](https://www.echartsjs.com/zh/option.html#series-bar)、[散点图](https://www.echartsjs.com/zh/option.html#series-scatter)、[饼图](https://www.echartsjs.com/zh/option.html#series-pie)、[K线图](https://www.echartsjs.com/zh/option.html#series-candlestick) 17 | 18 | 官网地址： 19 | 20 | 21 | 22 | ## 使用技术 23 | 24 | - div + css 布局 25 | - flex 布局 26 | - Less 27 | - 原生js + jquery 使用 28 | - rem适配 29 | - **echarts基础** 30 | 31 | 32 | 33 | ## 项目展示 34 | - 展示地址：https://nichan-13.github.io/Echarts-Demo/ 35 | 36 | ![echarts.png](https://z4a.net/images/2020/06/29/echarts.png) 37 | 38 | 39 | 40 | ## 参考资料 41 | 42 | - [五分钟上手Echarts](https://echarts.apache.org/zh/tutorial.html#5%20%E5%88%86%E9%92%9F%E4%B8%8A%E6%89%8B%20ECharts) 43 | -------------------------------------------------------------------------------- /可视化大屏/_config.yml: -------------------------------------------------------------------------------- 1 | theme: jekyll-theme-tactile -------------------------------------------------------------------------------- /可视化大屏/css/index.css: -------------------------------------------------------------------------------- 1 | * { 2 | margin: 0; 3 | padding: 0; 4 | box-sizing: border-box; 5 | } 6 | li { 7 | list-style: none; 8 | } 9 | @font-face { 10 | font-family: electronicFont; 11 | src: url(../font/DS-DIGIT.TTF); 12 | } 13 | body { 14 | background: url(../images//bg.jpg) no-repeat top center; 15 | line-height: 1.15; 16 | } 17 | header { 18 | position: relative; 19 | height: 1.25rem; 20 | background: url(../images/head_bg.png) no-repeat; 21 | background-size: 100% 100%; 22 | } 23 | header h1 { 24 | font-size: 0.475rem; 25 | color: rgba(255, 255, 255, 0.87); 26 | text-align: center; 27 | line-height: 1rem; 28 | } 29 | header .show-time { 30 | position: absolute; 31 | top: 0; 32 | right: 0.375rem; 33 | line-height: 0.9375rem; 34 | color: rgba(255, 255, 255, 0.7); 35 | font-size: 0.25rem; 36 | } 37 | .mainbox { 38 | display: flex; 39 | min-width: 1024px; 40 | max-height: 1920px; 41 | margin: 0 auto; 42 | padding: 0.125rem 0.125rem 0; 43 | } 44 | .mainbox .column { 45 | flex: 3; 46 | } 47 | .mainbox .column:nth-child(2) { 48 | flex: 5; 49 | margin: 0 0.125rem 0.1875rem; 50 | overflow: hidden; 51 | } 52 | .mainbox .panel { 53 | position: relative; 54 | height: 3.875rem; 55 | padding: 0 0.1875rem 0.5rem; 56 | margin-bottom: 0.1875rem; 57 | border: 1px solid rgba(25, 186, 139, 0.17); 58 | background: url(../images/line.png) rgba(255, 255, 255, 0.03); 59 | } 60 | .mainbox .panel::before { 61 | position: absolute; 62 | top: 0; 63 | left: 0; 64 | width: 10px; 65 | height: 10px; 66 | border-left: 2px solid #02a6b5; 67 | border-top: 2px solid #02a6b5; 68 | content: ''; 69 | } 70 | .mainbox .panel::after { 71 | position: absolute; 72 | top: 0; 73 | right: 0; 74 | width: 10px; 75 | height: 10px; 76 | border-right: 2px solid #02a6b5; 77 | border-top: 2px solid #02a6b5; 78 | content: ''; 79 | } 80 | .mainbox .panel .panel-footer { 81 | position: absolute; 82 | bottom: 0; 83 | left: 0; 84 | width: 100%; 85 | } 86 | .mainbox .panel .panel-footer::before { 87 | position: absolute; 88 | bottom: 0; 89 | left: 0; 90 | width: 10px; 91 | height: 10px; 92 | border-left: 2px solid #02a6b5; 93 | border-bottom: 2px solid #02a6b5; 94 | content: ''; 95 | } 96 | .mainbox .panel .panel-footer::after { 97 | position: absolute; 98 | bottom: 0; 99 | right: 0; 100 | width: 10px; 101 | height: 10px; 102 | border-right: 2px solid #02a6b5; 103 | border-bottom: 2px solid #02a6b5; 104 | content: ''; 105 | } 106 | .mainbox .panel h2 { 107 | height: 0.6rem; 108 | color: #fff; 109 | line-height: 0.6rem; 110 | text-align: center; 111 | font-size: 0.25rem; 112 | font-weight: 400; 113 | } 114 | .mainbox .panel h2 a { 115 | color: #a7a7a7; 116 | text-decoration: none; 117 | margin: 0 0.125rem; 118 | } 119 | .mainbox .panel h2 .a-active { 120 | color: #fff; 121 | } 122 | .mainbox .panel .chart { 123 | height: 3rem; 124 | } 125 | .no { 126 | background-color: rgba(101, 132, 226, 0.1); 127 | padding: 0.1875rem; 128 | } 129 | .no .no-hd { 130 | position: relative; 131 | border: 1px solid rgba(25, 186, 139, 0.17); 132 | } 133 | .no .no-hd::before { 134 | position: absolute; 135 | top: 0; 136 | left: 0; 137 | width: 0.375rem; 138 | height: 0.125rem; 139 | border-top: 2px solid #02a6b5; 140 | border-left: 2px solid #02a6b5; 141 | content: ''; 142 | } 143 | .no .no-hd::after { 144 | position: absolute; 145 | bottom: 0; 146 | right: 0; 147 | width: 0.375rem; 148 | height: 0.125rem; 149 | border-bottom: 2px solid #02a6b5; 150 | border-right: 2px solid #02a6b5; 151 | content: ''; 152 | } 153 | .no .no-hd ul { 154 | display: flex; 155 | } 156 | .no .no-hd ul li { 157 | position: relative; 158 | flex: 1; 159 | line-height: 1rem; 160 | font-size: 0.875rem; 161 | color: #ffeb7b; 162 | text-align: center; 163 | font-family: electronicFont; 164 | } 165 | .no .no-hd ul li:first-child::after { 166 | content: ''; 167 | position: absolute; 168 | top: 25%; 169 | right: 0; 170 | height: 50%; 171 | width: 1px; 172 | background-color: rgba(255, 255, 255, 0.3); 173 | } 174 | .no .no-bd ul { 175 | display: flex; 176 | } 177 | .no .no-bd ul li { 178 | flex: 1; 179 | text-align: center; 180 | color: rgba(255, 255, 255, 0.7); 181 | font-size: 0.225rem; 182 | height: 0.5rem; 183 | line-height: 0.5rem; 184 | padding-top: 0.125rem; 185 | } 186 | .map { 187 | position: relative; 188 | height: 10.125rem; 189 | } 190 | .map .map1 { 191 | width: 6.475rem; 192 | height: 6.475rem; 193 | position: absolute; 194 | top: 50%; 195 | left: 50%; 196 | transform: translate(-50%, -50%); 197 | background: url(../images/map.png); 198 | background-size: 100% 100%; 199 | opacity: 0.3; 200 | } 201 | .map .map2 { 202 | position: absolute; 203 | top: 50%; 204 | left: 50%; 205 | transform: translate(-50%, -50%); 206 | width: 8.0375rem; 207 | height: 8.0375rem; 208 | background: url(../images/lbx.png); 209 | background-size: 100% 100%; 210 | animation: rotate1 15s linear infinite; 211 | opacity: 0.6; 212 | } 213 | .map .map3 { 214 | position: absolute; 215 | top: 50%; 216 | left: 50%; 217 | transform: translate(-50%, -50%); 218 | width: 7.075rem; 219 | height: 7.075rem; 220 | background: url(../images/jt.png); 221 | background-size: 100% 100%; 222 | animation: rotate2 15s linear infinite; 223 | } 224 | .map .chart { 225 | position: absolute; 226 | top: 0; 227 | left: 0; 228 | height: 10.125rem; 229 | width: 100%; 230 | } 231 | @keyframes rotate1 { 232 | from { 233 | transform: translate(-50%, -50%) rotate(0deg); 234 | } 235 | to { 236 | transform: translate(-50%, -50%) rotate(360deg); 237 | } 238 | } 239 | @keyframes rotate2 { 240 | from { 241 | transform: translate(-50%, -50%) rotate(360deg); 242 | } 243 | to { 244 | transform: translate(-50%, -50%) rotate(0deg); 245 | } 246 | } 247 | /* 约束屏幕尺寸 */ 248 | @media screen and (max-width: 1024px) { 249 | html { 250 | font-size: 42px !important; 251 | } 252 | } 253 | @media screen and (min-width: 1920px) { 254 | html { 255 | font-size: 80px !important; 256 | } 257 | } 258 | -------------------------------------------------------------------------------- /可视化大屏/css/index.less: -------------------------------------------------------------------------------- 1 | // css 初始化 2 | 3 | * { 4 | margin: 0; 5 | padding: 0; 6 | box-sizing: border-box; 7 | // overflow: hidden; 8 | } 9 | 10 | li { 11 | list-style: none; 12 | } 13 | 14 | // 声明字体 15 | @font-face { 16 | font-family: electronicFont; 17 | src: url(../font/DS-DIGIT.TTF); 18 | } 19 | 20 | 21 | body { 22 | background: url(../images//bg.jpg) no-repeat top center; 23 | line-height: 1.15; 24 | } 25 | 26 | header { 27 | position: relative; 28 | height: 1.25rem; 29 | background: url(../images/head_bg.png) no-repeat; 30 | background-size: 100% 100%; 31 | 32 | h1 { 33 | font-size: .475rem; 34 | color: rgba(255, 255, 255, 0.87); 35 | text-align: center; 36 | line-height: 1rem; 37 | } 38 | 39 | .show-time { 40 | position: absolute; 41 | top: 0; 42 | right: .375rem; 43 | line-height: .9375rem; 44 | color: rgba(255, 255, 255, 0.7); 45 | font-size: .25rem; 46 | } 47 | } 48 | 49 | // 页面主体盒子 50 | .mainbox { 51 | display: flex; 52 | min-width: 1024px; 53 | max-height: 1920px; 54 | margin: 0 auto; 55 | padding: .125rem .125rem 0; 56 | 57 | .column { 58 | flex: 3; 59 | } 60 | 61 | .column:nth-child(2) { 62 | flex: 5; 63 | margin: 0 .125rem .1875rem; 64 | // 图片旋转有时会超出屏幕最大位置导致滚动条自动上下移动 65 | overflow: hidden; 66 | } 67 | 68 | .panel { 69 | position: relative; 70 | height: 3.875rem; 71 | padding: 0 .1875rem .5rem; 72 | margin-bottom: .1875rem; 73 | border: 1px solid rgba(25, 186, 139, 0.17); 74 | background: url(../images/line.png) rgba(255, 255, 255, 0.03); 75 | 76 | &::before { 77 | position: absolute; 78 | top: 0; 79 | left: 0; 80 | width: 10px; 81 | height: 10px; 82 | border-left: 2px solid #02a6b5; 83 | border-top: 2px solid #02a6b5; 84 | content: ''; 85 | } 86 | 87 | &::after { 88 | position: absolute; 89 | top: 0; 90 | right: 0; 91 | width: 10px; 92 | height: 10px; 93 | border-right: 2px solid #02a6b5; 94 | border-top: 2px solid #02a6b5; 95 | content: ''; 96 | } 97 | 98 | .panel-footer { 99 | position: absolute; 100 | bottom: 0; 101 | left: 0; 102 | width: 100%; 103 | 104 | &::before { 105 | position: absolute; 106 | bottom: 0; 107 | left: 0; 108 | width: 10px; 109 | height: 10px; 110 | border-left: 2px solid #02a6b5; 111 | border-bottom: 2px solid #02a6b5; 112 | content: ''; 113 | } 114 | 115 | &::after { 116 | position: absolute; 117 | bottom: 0; 118 | right: 0; 119 | width: 10px; 120 | height: 10px; 121 | border-right: 2px solid #02a6b5; 122 | border-bottom: 2px solid #02a6b5; 123 | content: ''; 124 | } 125 | } 126 | 127 | h2 { 128 | height: .6rem; 129 | color: #fff; 130 | line-height: .6rem; 131 | text-align: center; 132 | font-size: 0.25rem; 133 | font-weight: 400; 134 | a { 135 | color: rgb(167, 167, 167); 136 | text-decoration: none; 137 | margin: 0 .125rem; 138 | } 139 | .a-active { 140 | color: #fff; 141 | } 142 | } 143 | 144 | .chart { 145 | height: 3rem; 146 | } 147 | } 148 | } 149 | 150 | // no数字模块 151 | .no { 152 | background-color: rgba(101, 132, 226, 0.1); 153 | padding: .1875rem; 154 | 155 | .no-hd { 156 | position: relative; 157 | border: 1px solid rgba(25, 186, 139, 0.17); 158 | 159 | &::before { 160 | position: absolute; 161 | top: 0; 162 | left: 0; 163 | width: .375rem; 164 | height: .125rem; 165 | border-top: 2px solid #02a6b5; 166 | border-left: 2px solid #02a6b5; 167 | content: ''; 168 | } 169 | 170 | &::after { 171 | position: absolute; 172 | bottom: 0; 173 | right: 0; 174 | width: .375rem; 175 | height: .125rem; 176 | border-bottom: 2px solid #02a6b5; 177 | border-right: 2px solid #02a6b5; 178 | content: ''; 179 | } 180 | 181 | ul { 182 | display: flex; 183 | 184 | li { 185 | position: relative; 186 | flex: 1; 187 | line-height: 1rem; 188 | font-size: .875rem; 189 | color: #ffeb7b; 190 | text-align: center; 191 | font-family: electronicFont; 192 | 193 | &:first-child::after { 194 | content: ''; 195 | position: absolute; 196 | top: 25%; 197 | right: 0; 198 | height: 50%; 199 | width: 1px; 200 | background-color: rgba(255, 255, 255, 0.3); 201 | } 202 | } 203 | } 204 | } 205 | 206 | .no-bd { 207 | ul { 208 | display: flex; 209 | 210 | li { 211 | flex: 1; 212 | text-align: center; 213 | color: rgba(255, 255, 255, 0.7); 214 | font-size: .225rem; 215 | height: .5rem; 216 | line-height: .5rem; 217 | padding-top: .125rem; 218 | } 219 | } 220 | } 221 | } 222 | 223 | .map { 224 | position: relative; 225 | height: 10.125rem; 226 | 227 | .map1 { 228 | width: 6.475rem; 229 | height: 6.475rem; 230 | position: absolute; 231 | top: 50%; 232 | left: 50%; 233 | transform: translate(-50%, -50%); 234 | background: url(../images/map.png); 235 | background-size: 100% 100%; 236 | opacity: 0.3; 237 | } 238 | 239 | .map2 { 240 | position: absolute; 241 | top: 50%; 242 | left: 50%; 243 | transform: translate(-50%, -50%); 244 | width: 8.0375rem; 245 | height: 8.0375rem; 246 | background: url(../images/lbx.png); 247 | background-size: 100% 100%; 248 | animation: rotate1 15s linear infinite; 249 | opacity: .6; 250 | } 251 | 252 | .map3 { 253 | position: absolute; 254 | top: 50%; 255 | left: 50%; 256 | transform: translate(-50%, -50%); 257 | width: 7.075rem; 258 | height: 7.075rem; 259 | background: url(../images/jt.png); 260 | background-size: 100% 100%; 261 | animation: rotate2 15s linear infinite; 262 | } 263 | 264 | .chart { 265 | position: absolute; 266 | top: 0; 267 | left: 0; 268 | height: 10.125rem; 269 | width: 100%; 270 | } 271 | 272 | @keyframes rotate1 { 273 | from { 274 | transform: translate(-50%, -50%) rotate(0deg); 275 | } 276 | 277 | to { 278 | transform: translate(-50%, -50%) rotate(360deg); 279 | } 280 | } 281 | 282 | @keyframes rotate2 { 283 | from { 284 | transform: translate(-50%, -50%) rotate(360deg); 285 | } 286 | 287 | to { 288 | transform: translate(-50%, -50%) rotate(0deg); 289 | } 290 | } 291 | } 292 | 293 | /* 约束屏幕尺寸 */ 294 | @media screen and (max-width: 1024px) { 295 | html { 296 | font-size: 42px !important; 297 | } 298 | } 299 | @media screen and (min-width: 1920px) { 300 | html { 301 | font-size: 80px !important; 302 | } 303 | } -------------------------------------------------------------------------------- /可视化大屏/font/DS-DIGIT.TTF: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/chuyaya/Data-Analysis-and-visualization/c6ac400a0db6f9c162e438885c8d07517db7ab88/可视化大屏/font/DS-DIGIT.TTF -------------------------------------------------------------------------------- /可视化大屏/images/bg.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/chuyaya/Data-Analysis-and-visualization/c6ac400a0db6f9c162e438885c8d07517db7ab88/可视化大屏/images/bg.jpg -------------------------------------------------------------------------------- /可视化大屏/images/head_bg.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/chuyaya/Data-Analysis-and-visualization/c6ac400a0db6f9c162e438885c8d07517db7ab88/可视化大屏/images/head_bg.png -------------------------------------------------------------------------------- /可视化大屏/images/jt.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/chuyaya/Data-Analysis-and-visualization/c6ac400a0db6f9c162e438885c8d07517db7ab88/可视化大屏/images/jt.png -------------------------------------------------------------------------------- /可视化大屏/images/lbx.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/chuyaya/Data-Analysis-and-visualization/c6ac400a0db6f9c162e438885c8d07517db7ab88/可视化大屏/images/lbx.png -------------------------------------------------------------------------------- /可视化大屏/images/line.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/chuyaya/Data-Analysis-and-visualization/c6ac400a0db6f9c162e438885c8d07517db7ab88/可视化大屏/images/line.png -------------------------------------------------------------------------------- /可视化大屏/images/map.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/chuyaya/Data-Analysis-and-visualization/c6ac400a0db6f9c162e438885c8d07517db7ab88/可视化大屏/images/map.png -------------------------------------------------------------------------------- /可视化大屏/images/weather.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/chuyaya/Data-Analysis-and-visualization/c6ac400a0db6f9c162e438885c8d07517db7ab88/可视化大屏/images/weather.png -------------------------------------------------------------------------------- /可视化大屏/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 数据可视化 7 | 8 | 9 | 10 | 11 |
12 |

数据可视化-java开发工程师

13 |
14 | 44 |
45 | 46 | + 47 | 48 | 49 | 50 | 51 |
52 | 53 |
54 |
55 |

柱形图-平均工资(K/月)

56 | 57 |
58 | 59 |
60 |
61 |
62 |

折线图-经验-工资 63 | 64 | 65 |

66 |
67 |
68 |
69 |
70 |

饼形图-薪资分布

71 |
72 |
73 |
74 |
75 | 76 |
77 | 78 |
79 |
80 |
    81 |
  • 1086455
    • 82 |
  • 6894
    • 83 |
84 |
85 |
86 |
    87 |
  • java需求人数
    • 88 |
  • 市场供应岗位
    • 89 |
90 |
91 |
92 | 93 |
94 |
95 |
96 |
97 |
98 |
99 |
100 | 101 |
102 |
103 |

柱形图-岗位数量

104 |
105 |
106 |
107 |
108 |

折线图-经验-岗位

109 |
110 |
111 |
112 |
113 |

饼形图-地区分布

114 |
115 |
116 |
117 |
118 |
119 | 120 | 121 | 122 | 123 | 124 | 125 | 126 | 127 | 128 | -------------------------------------------------------------------------------- /可视化大屏/js/flexible.js: -------------------------------------------------------------------------------- 1 | (function flexible(window, document) { 2 | var docEl = document.documentElement; 3 | var dpr = window.devicePixelRatio || 1; 4 | 5 | // adjust body font size 6 | function setBodyFontSize() { 7 | if (document.body) { 8 | document.body.style.fontSize = 12 * dpr + "px"; 9 | } else { 10 | document.addEventListener("DOMContentLoaded", setBodyFontSize); 11 | } 12 | } 13 | setBodyFontSize(); 14 | 15 | // set 1rem = viewWidth / 10 16 | function setRemUnit() { 17 | var rem = docEl.clientWidth / 24; 18 | docEl.style.fontSize = rem + "px"; 19 | } 20 | 21 | setRemUnit(); 22 | 23 | // reset rem unit on page resize 24 | window.addEventListener("resize", setRemUnit); 25 | window.addEventListener("pageshow", function(e) { 26 | if (e.persisted) { 27 | setRemUnit(); 28 | } 29 | }); 30 | 31 | // detect 0.5px supports 32 | if (dpr >= 2) { 33 | var fakeBody = document.createElement("body"); 34 | var testElement = document.createElement("div"); 35 | testElement.style.border = ".5px solid transparent"; 36 | fakeBody.appendChild(testElement); 37 | docEl.appendChild(fakeBody); 38 | if (testElement.offsetHeight === 1) { 39 | docEl.classList.add("hairlines"); 40 | } 41 | docEl.removeChild(fakeBody); 42 | } 43 | })(window, document); 44 | -------------------------------------------------------------------------------- /可视化大屏/js/index.js: -------------------------------------------------------------------------------- 1 | // 立即执行函数，防止变量污染 (function() {})(); 2 | 3 | // 柱状图模块1 4 | (function () { 5 | // 1.实例化对象 6 | var myChart = echarts.init(document.querySelector(".bar .chart")); 7 | // 2.指定配置项和数据 8 | var option = { 9 | color: ['#2f89cf'], 10 | // 提示框组件 11 | tooltip: { 12 | trigger: 'axis', 13 | axisPointer: { // 坐标轴指示器，坐标轴触发有效 14 | type: 'shadow' // 默认为直线，可选为：'line' | 'shadow' 15 | } 16 | }, 17 | // 修改图表位置大小 18 | grid: { 19 | left: '0%', 20 | top: '10px', 21 | right: '0%', 22 | bottom: '4%', 23 | containLabel: true 24 | }, 25 | // x轴相关配置 26 | xAxis: [{ 27 | type: 'category', 28 | data: ["武汉", "深圳", "杭州", "广州", "上海", "南京", "苏州"], 29 | axisTick: { 30 | alignWithLabel: true 31 | }, 32 | // 修改刻度标签，相关样式 33 | axisLabel: { 34 | color: "rgba(255,255,255,0.8)", 35 | fontSize: 10 36 | }, 37 | // x轴样式不显示 38 | axisLine: { 39 | show: false 40 | } 41 | }], 42 | // y轴相关配置 43 | yAxis: [{ 44 | type: 'value', 45 | // 修改刻度标签，相关样式 46 | axisLabel: { 47 | color: "rgba(255,255,255,0.6)", 48 | fontSize: 12 49 | }, 50 | // y轴样式修改 51 | axisLine: { 52 | lineStyle: { 53 | color: "rgba(255,255,255,0.6)", 54 | width: 2 55 | } 56 | }, 57 | // y轴分割线的颜色 58 | splitLine: { 59 | lineStyle: { 60 | color: "rgba(255,255,255,0.1)" 61 | } 62 | } 63 | }], 64 | // 系列列表配置 65 | series: [{ 66 | name: '直接访问', 67 | type: 'bar', 68 | barWidth: '35%', 69 | 70 | //let mysql = require('mysql'); 71 | //let conn = mysql.createConnection({ 72 | // host: 'localhost', 73 | // user: 'root', 74 | // password: '1234' 75 | // port: '3306', 76 | // database: 'pythondata' 77 | //}); 78 | //conn.connect() 79 | //let sql = 'select * from jobs' 80 | //conn.query(sql,function(err,res){ 81 | // if(err){ 82 | // console.log('连接失败'); 83 | // } 84 | // console.log(res); 85 | //}) 86 | //conn.end(); 87 | // ajax传动态数据 88 | data: [13.1, 17.6, 17.2, 13.7, 19.2, 14.5, 14.9], 89 | itemStyle: { 90 | // 修改柱子圆角 91 | barBorderRadius: 5 92 | } 93 | }] 94 | }; 95 | // 3.把配置项给实例对象 96 | myChart.setOption(option); 97 | 98 | // 4.让图表随屏幕自适应 99 | window.addEventListener('resize', function () { 100 | myChart.resize(); 101 | }) 102 | })(); 103 | 104 | // 柱状图模块2 105 | (function () { 106 | // 1.实例化对象 107 | var myChart = echarts.init(document.querySelector(".bar2 .chart")); 108 | 109 | // 声明颜色数组 110 | var myColor = ["#1089E7", "#F57474", "#56D0E3", "#F8B448", "#8B78F6"]; 111 | // 2.指定配置项和数据 112 | var option = { 113 | grid: { 114 | top: "10%", 115 | left: '22%', 116 | bottom: '10%', 117 | // containLabel: true 118 | }, 119 | xAxis: { 120 | // 不显示x轴相关信息 121 | show: false 122 | }, 123 | yAxis: [{ 124 | type: 'category', 125 | // y轴数据反转，与数组的顺序一致 126 | inverse: true, 127 | // 不显示y轴线和刻度 128 | axisLine: { 129 | show: false 130 | }, 131 | axisTick: { 132 | show: false 133 | }, 134 | // 将刻度标签文字设置为白色 135 | axisLabel: { 136 | color: "#fff" 137 | }, 138 | data: ["深圳", "杭州", "广州", "上海", "南京"] 139 | }, { 140 | // y轴数据反转，与数组的顺序一致 141 | inverse: true, 142 | show: true, 143 | // 不显示y轴线和刻度 144 | axisLine: { 145 | show: false 146 | }, 147 | axisTick: { 148 | show: false 149 | }, 150 | // 将刻度标签文字设置为白色 151 | axisLabel: { 152 | color: "#fff" 153 | }, 154 | data: [786, 497, 1284, 1568, 685] 155 | }], 156 | series: [{ 157 | // 第一组柱子（条状） 158 | name: '条', 159 | type: 'bar', 160 | // 柱子之间的距离 161 | barCategoryGap: 50, 162 | // 柱子的宽度 163 | barWidth: 10, 164 | // 层级 相当于z-index 165 | yAxisIndex: 0, 166 | // 柱子更改样式 167 | itemStyle: { 168 | barBorderRadius: 20, 169 | // 此时的color可以修改柱子的颜色 170 | color: function (params) { 171 | // params 传进来的是柱子的对象 172 | // dataIndex 是当前柱子的索引号 173 | // console.log(params); 174 | return myColor[params.dataIndex]; 175 | } 176 | }, 177 | data: [25, 14, 25, 35, 15], 178 | // 显示柱子内的百分比文字 179 | label: { 180 | show: true, 181 | position: "inside", 182 | // {c} 会自动解析为数据（data内的数据） 183 | formatter: "{c}%" 184 | } 185 | }, 186 | { 187 | // 第二组柱子（框状 border） 188 | name: '框', 189 | type: 'bar', 190 | // 柱子之间的距离 191 | barCategoryGap: 50, 192 | // 柱子的宽度 193 | barWidth: 14, 194 | // 层级 相当于z-index 195 | yAxisIndex: 1, 196 | // 柱子修改样式 197 | itemStyle: { 198 | color: "none", 199 | borderColor: "#00c1de", 200 | borderWidth: 2, 201 | barBorderRadius: 15, 202 | }, 203 | data: [100, 100, 100, 100, 100] 204 | } 205 | ] 206 | }; 207 | // 3.把配置项给实例对象 208 | myChart.setOption(option); 209 | 210 | // 4.让图表随屏幕自适应 211 | window.addEventListener('resize', function () { 212 | myChart.resize(); 213 | }) 214 | })(); 215 | 216 | // 折线图模块1 217 | (function () { 218 | // 年份对应数据 219 | var yearData = [{ 220 | year: "上海", // 年份 221 | data: [ 222 | // 两个数组是因为有两条线 223 | [5.3, 6.5, 7.6, 7.9, 8.7, 9.6, 10.3, 13.4, 15.7, 15.8, 16.9, 17.5], 224 | [3.6, 5.5, 6.6, 6.9, 7.8, 10.5, 11.3, 14.8, 14.4, 14.8, 15.9, 16.5], 225 | ] 226 | }, 227 | { 228 | year: "深圳", // 年份 229 | data: [ 230 | // 两个数组是因为有两条线 231 | // [123, 175, 112, 197, 121, 67, 98, 21, 43, 64, 76, 38], 232 | // [143, 131, 165, 123, 178, 21, 82, 64, 43, 60, 19, 34] 233 | ] 234 | } 235 | ]; 236 | 237 | var myChart = echarts.init(document.querySelector(".line .chart")); 238 | 239 | var option = { 240 | // 修改两条线的颜色 241 | color: ['#00f2f1', '#ed3f35'], 242 | tooltip: { 243 | trigger: 'axis' 244 | }, 245 | // 图例组件 246 | legend: { 247 | // 当serise 有name值时， legend 不需要写data 248 | // 修改图例组件文字颜色 249 | textStyle: { 250 | color: '#4c9bfd' 251 | }, 252 | right: '10%', 253 | }, 254 | grid: { 255 | top: "20%", 256 | left: '3%', 257 | right: '4%', 258 | bottom: '3%', 259 | containLabel: true, 260 | show: true, // 显示边框 261 | borderColor: '#012f4a' // 边框颜色 262 | }, 263 | xAxis: { 264 | type: 'category', 265 | boundaryGap: false, // 去除轴间距 266 | data: ['0', '1年', '2.5年', '3年', '3.5年', '4年', '4.5年', '5年', '5.5年', '6年', '7年以上', '更多'], 267 | // 去除刻度线 268 | axisTick: { 269 | show: false 270 | }, 271 | axisLabel: { 272 | color: "#4c9bfb" // x轴文本颜色 273 | }, 274 | axisLine: { 275 | show: false // 去除轴线 276 | } 277 | }, 278 | yAxis: { 279 | type: 'value', 280 | // 去除刻度线 281 | axisTick: { 282 | show: false 283 | }, 284 | axisLabel: { 285 | color: "#4c9bfb" // x轴文本颜色 286 | }, 287 | axisLine: { 288 | show: false // 去除轴线 289 | }, 290 | splitLine: { 291 | lineStyle: { 292 | color: "#012f4a" 293 | } 294 | } 295 | }, 296 | series: [{ 297 | type: 'line', 298 | smooth: true, // 圆滑的线 299 | name: '上海', 300 | data: yearData[0].data[0] 301 | }, 302 | { 303 | type: 'line', 304 | smooth: true, // 圆滑的线 305 | name: '深圳', 306 | data: yearData[0].data[1] 307 | } 308 | ] 309 | }; 310 | 311 | myChart.setOption(option); 312 | 313 | // 4.让图表随屏幕自适应 314 | window.addEventListener('resize', function () { 315 | myChart.resize(); 316 | }) 317 | 318 | // 5.点击切换2020 和 2021 的数据 319 | // $('.line h2 a').on('click', function () { 320 | // // console.log($(this).index()); 321 | // // 点击a 之后 根据当前a的索引号 找到对应的 yearData 相关对象 322 | // // console.log(yearData[$(this).index()]); 323 | // var obj = yearData[$(this).index()]; 324 | // option.series[0].data = obj.data[0]; 325 | // option.series[1].data = obj.data[1]; 326 | // // 选中年份高亮 327 | // $('.line h2 a').removeClass('a-active'); 328 | // $(this).addClass('a-active'); 329 | // 330 | // // 需要重新渲染 331 | // myChart.setOption(option); 332 | // }) 333 | })(); 334 | 335 | // 折线图模块2 336 | (function () { 337 | var myChart = echarts.init(document.querySelector('.line2 .chart')); 338 | 339 | var option = { 340 | tooltip: { 341 | trigger: 'axis', 342 | }, 343 | legend: { 344 | top: "0%", 345 | textStyle: { 346 | color: "rgba(255,255,255,.5)", 347 | fontSize: "12" 348 | } 349 | }, 350 | grid: { 351 | top: '30', 352 | left: '10', 353 | right: '30', 354 | bottom: '10', 355 | containLabel: true 356 | }, 357 | xAxis: [{ 358 | type: 'category', 359 | boundaryGap: false, 360 | // 文本颜色为rgba(255,255,255,.6) 文字大小为 12 361 | axisLabel: { 362 | textStyle: { 363 | color: "rgba(255,255,255,.6)", 364 | fontSize: 12 365 | } 366 | }, 367 | // x轴线的颜色为 rgba(255,255,255,.2) 368 | axisLine: { 369 | lineStyle: { 370 | color: "rgba(255,255,255,.2)" 371 | } 372 | }, 373 | data: ["0", "0.5", "1", "1.5年", "2", "2.5", "3年", "3.5", "4", "4.5年", "5", "5.5", "6年", "6.5", "7", "8年以上"] 374 | }], 375 | yAxis: [{ 376 | type: 'value', 377 | axisTick: { 378 | // 不显示刻度线 379 | show: false 380 | }, 381 | axisLine: { 382 | lineStyle: { 383 | color: "rgba(255,255,255,.1)" 384 | } 385 | }, 386 | axisLabel: { 387 | textStyle: { 388 | color: "rgba(255,255,255,.6)", 389 | fontSize: 12 390 | } 391 | }, 392 | // 修改分割线的颜色 393 | splitLine: { 394 | lineStyle: { 395 | color: "rgba(255,255,255,.1)" 396 | } 397 | } 398 | }], 399 | series: [{ 400 | name: '上海', 401 | type: 'line', 402 | smooth: true, // 圆滑的线 403 | // 单独修改当前线条的样式 404 | lineStyle: { 405 | color: "#0184d5", 406 | width: 2 407 | }, 408 | // 填充区域渐变透明颜色 409 | areaStyle: { 410 | color: new echarts.graphic.LinearGradient( 411 | 0, 412 | 0, 413 | 0, 414 | 1, 415 | [{ 416 | offset: 0, 417 | color: "rgba(1, 132, 213, 0.4)" // 渐变色的起始颜色 418 | }, 419 | { 420 | offset: 0.8, 421 | color: "rgba(1, 132, 213, 0.1)" // 渐变线的结束颜色 422 | } 423 | ], 424 | false 425 | ), 426 | shadowColor: "rgba(0, 0, 0, 0.1)" 427 | }, 428 | // 拐点设置为小圆点 429 | symbol: 'circle', 430 | // 设置拐点大小 431 | symbolSize: 5, 432 | // 开始不显示拐点， 鼠标经过显示 433 | showSymbol: false, 434 | // 设置拐点颜色以及边框 435 | itemStyle: { 436 | color: "#0184d5", 437 | borderColor: "rgba(221, 220, 107, .1)", 438 | borderWidth: 12 439 | }, 440 | data: [56, 60, 70, 78, 96, 121, 148, 130, 186, 220, 160, 130, 155, 160, 100, 98] 441 | }, 442 | { 443 | name: "深圳", 444 | type: "line", 445 | smooth: true, 446 | lineStyle: { 447 | normal: { 448 | color: "#00d887", 449 | width: 2 450 | } 451 | }, 452 | areaStyle: { 453 | normal: { 454 | color: new echarts.graphic.LinearGradient( 455 | 0, 456 | 0, 457 | 0, 458 | 1, 459 | [{ 460 | offset: 0, 461 | color: "rgba(0, 216, 135, 0.4)" 462 | }, 463 | { 464 | offset: 0.8, 465 | color: "rgba(0, 216, 135, 0.1)" 466 | } 467 | ], 468 | false 469 | ), 470 | shadowColor: "rgba(0, 0, 0, 0.1)" 471 | } 472 | }, 473 | // 设置拐点 小圆点 474 | symbol: "circle", 475 | // 拐点大小 476 | symbolSize: 5, 477 | // 设置拐点颜色以及边框 478 | itemStyle: { 479 | color: "#00d887", 480 | borderColor: "rgba(221, 220, 107, .1)", 481 | borderWidth: 12 482 | }, 483 | // 开始不显示拐点， 鼠标经过显示 484 | showSymbol: false, 485 | data: [70, 56, 58, 75, 68, 130, 164, 110, 140, 200, 133, 124, 134, 150, 96, 66] 486 | } 487 | ] 488 | }; 489 | 490 | myChart.setOption(option); 491 | 492 | window.addEventListener('resize', function () { 493 | myChart.resize(); 494 | }) 495 | })(); 496 | 497 | // 饼形图1 498 | (function () { 499 | var myChart = echarts.init(document.querySelector(".pie .chart")); 500 | var option = { 501 | color: ["#1089E7", "#F57474", "#56D0E3", "#F8B448", "#8B78F6"], 502 | tooltip: { 503 | trigger: 'item', 504 | formatter: '{a}
{b}: {c} ({d}%)' 505 | }, 506 | legend: { 507 | // 垂直居中,默认水平居中 508 | // orient: 'vertical', 509 | 510 | bottom: 0, 511 | left: 10, 512 | // 小图标的宽度和高度 513 | itemWidth: 10, 514 | itemHeight: 10, 515 | // 修改图例组件的文字为 12px 516 | textStyle: { 517 | color: "rgba(255,255,255,.5)", 518 | fontSize: "10" 519 | } 520 | }, 521 | series: [{ 522 | name: '薪资分布', 523 | type: 'pie', 524 | // 设置饼形图在容器中的位置 525 | center: ["50%", "42%"], 526 | // 修改饼形图大小，第一个为内圆半径，第二个为外圆半径 527 | radius: ['40%', '60%'], 528 | avoidLabelOverlap: false, 529 | // 图形上的文字 530 | label: { 531 | show: false, 532 | position: 'center' 533 | }, 534 | // 链接文字和图形的线 535 | labelLine: { 536 | show: false 537 | }, 538 | data: [{ 539 | value: 1, 540 | name: "5K以下" 541 | }, 542 | { 543 | value: 4, 544 | name: "5-10K" 545 | }, 546 | { 547 | value: 2, 548 | name: "10-15K" 549 | }, 550 | { 551 | value: 2, 552 | name: "15-20K" 553 | }, 554 | { 555 | value: 1, 556 | name: "20K以上" 557 | } 558 | ] 559 | }] 560 | }; 561 | 562 | myChart.setOption(option); 563 | window.addEventListener('resize', function () { 564 | myChart.resize(); 565 | }) 566 | })(); 567 | 568 | // 饼形图2 569 | (function () { 570 | var myChart = echarts.init(document.querySelector('.pie2 .chart')); 571 | var option = { 572 | color: ['#60cda0', '#ed8884', '#ff9f7f', '#0096ff', '#9fe6b8', '#32c5e9', '#1d9dff'], 573 | tooltip: { 574 | trigger: 'item', 575 | formatter: '{a}
{b} : {c} ({d}%)' 576 | }, 577 | legend: { 578 | bottom: 0, 579 | itemWidth: 10, 580 | itemHeight: 10, 581 | textStyle: { 582 | color: "rgba(255,255,255,.5)", 583 | fontSize: 10 584 | } 585 | }, 586 | series: [{ 587 | name: '地区分布', 588 | type: 'pie', 589 | radius: ["10%", "60%"], 590 | center: ['50%', '40%'], 591 | // 半径模式 area面积模式 592 | roseType: 'radius', 593 | // 图形的文字标签 594 | label: { 595 | fontsize: 10 596 | }, 597 | // 引导线调整 598 | labelLine: { 599 | // 连接扇形图线长(斜线) 600 | length: 6, 601 | // 连接文字线长(横线) 602 | length2: 8 603 | }, 604 | data: [{ 605 | value: 26, 606 | name: '杭州' 607 | }, 608 | { 609 | value: 24, 610 | name: '南京' 611 | }, 612 | { 613 | value: 25, 614 | name: '武汉' 615 | }, 616 | { 617 | value: 20, 618 | name: '其他' 619 | }, 620 | { 621 | value: 25, 622 | name: '广州' 623 | }, 624 | { 625 | value: 30, 626 | name: '深圳' 627 | }, 628 | { 629 | value: 42, 630 | name: '上海' 631 | } 632 | ] 633 | }] 634 | }; 635 | 636 | myChart.setOption(option); 637 | window.addEventListener('resize', function () { 638 | myChart.resize(); 639 | }) 640 | })(); 641 | 642 | 643 | // 模拟飞行路线地图 644 | (function () { 645 | var myChart = echarts.init(document.querySelector(".map .chart")); 646 | var geoCoordMap = { 647 | '上海': [121.4648, 31.2891], 648 | '东莞': [113.8953, 22.901], 649 | '东营': [118.7073, 37.5513], 650 | '中山': [113.4229, 22.478], 651 | '临汾': [111.4783, 36.1615], 652 | '临沂': [118.3118, 35.2936], 653 | '丹东': [124.541, 40.4242], 654 | '丽水': [119.5642, 28.1854], 655 | '乌鲁木齐': [87.9236, 43.5883], 656 | '佛山': [112.8955, 23.1097], 657 | '保定': [115.0488, 39.0948], 658 | '兰州': [103.5901, 36.3043], 659 | '包头': [110.3467, 41.4899], 660 | '北京': [116.4551, 40.2539], 661 | '北海': [109.314, 21.6211], 662 | '南京': [118.8062, 31.9208], 663 | '南宁': [108.479, 23.1152], 664 | '南昌': [116.0046, 28.6633], 665 | '南通': [121.1023, 32.1625], 666 | '厦门': [118.1689, 24.6478], 667 | '台州': [121.1353, 28.6688], 668 | '合肥': [117.29, 32.0581], 669 | '呼和浩特': [111.4124, 40.4901], 670 | '咸阳': [108.4131, 34.8706], 671 | '哈尔滨': [127.9688, 45.368], 672 | '唐山': [118.4766, 39.6826], 673 | '嘉兴': [120.9155, 30.6354], 674 | '大同': [113.7854, 39.8035], 675 | '大连': [122.2229, 39.4409], 676 | '天津': [117.4219, 39.4189], 677 | '太原': [112.3352, 37.9413], 678 | '威海': [121.9482, 37.1393], 679 | '宁波': [121.5967, 29.6466], 680 | '宝鸡': [107.1826, 34.3433], 681 | '宿迁': [118.5535, 33.7775], 682 | '常州': [119.4543, 31.5582], 683 | '广州': [113.5107, 23.2196], 684 | '廊坊': [116.521, 39.0509], 685 | '延安': [109.1052, 36.4252], 686 | '张家口': [115.1477, 40.8527], 687 | '徐州': [117.5208, 34.3268], 688 | '德州': [116.6858, 37.2107], 689 | '惠州': [114.6204, 23.1647], 690 | '成都': [103.9526, 30.7617], 691 | '扬州': [119.4653, 32.8162], 692 | '承德': [117.5757, 41.4075], 693 | '拉萨': [91.1865, 30.1465], 694 | '无锡': [120.3442, 31.5527], 695 | '日照': [119.2786, 35.5023], 696 | '昆明': [102.9199, 25.4663], 697 | '杭州': [119.5313, 29.8773], 698 | '枣庄': [117.323, 34.8926], 699 | '柳州': [109.3799, 24.9774], 700 | '株洲': [113.5327, 27.0319], 701 | '武汉': [114.3896, 30.6628], 702 | '汕头': [117.1692, 23.3405], 703 | '江门': [112.6318, 22.1484], 704 | '沈阳': [123.1238, 42.1216], 705 | '沧州': [116.8286, 38.2104], 706 | '河源': [114.917, 23.9722], 707 | '泉州': [118.3228, 25.1147], 708 | '泰安': [117.0264, 36.0516], 709 | '泰州': [120.0586, 32.5525], 710 | '济南': [117.1582, 36.8701], 711 | '济宁': [116.8286, 35.3375], 712 | '海口': [110.3893, 19.8516], 713 | '淄博': [118.0371, 36.6064], 714 | '淮安': [118.927, 33.4039], 715 | '深圳': [114.5435, 22.5439], 716 | '清远': [112.9175, 24.3292], 717 | '温州': [120.498, 27.8119], 718 | '渭南': [109.7864, 35.0299], 719 | '湖州': [119.8608, 30.7782], 720 | '湘潭': [112.5439, 27.7075], 721 | '滨州': [117.8174, 37.4963], 722 | '潍坊': [119.0918, 36.524], 723 | '烟台': [120.7397, 37.5128], 724 | '玉溪': [101.9312, 23.8898], 725 | '珠海': [113.7305, 22.1155], 726 | '盐城': [120.2234, 33.5577], 727 | '盘锦': [121.9482, 41.0449], 728 | '石家庄': [114.4995, 38.1006], 729 | '福州': [119.4543, 25.9222], 730 | '秦皇岛': [119.2126, 40.0232], 731 | '绍兴': [120.564, 29.7565], 732 | '聊城': [115.9167, 36.4032], 733 | '肇庆': [112.1265, 23.5822], 734 | '舟山': [122.2559, 30.2234], 735 | '苏州': [120.6519, 31.3989], 736 | '莱芜': [117.6526, 36.2714], 737 | '菏泽': [115.6201, 35.2057], 738 | '营口': [122.4316, 40.4297], 739 | '葫芦岛': [120.1575, 40.578], 740 | '衡水': [115.8838, 37.7161], 741 | '衢州': [118.6853, 28.8666], 742 | '西宁': [101.4038, 36.8207], 743 | '西安': [109.1162, 34.2004], 744 | '贵阳': [106.6992, 26.7682], 745 | '连云港': [119.1248, 34.552], 746 | '邢台': [114.8071, 37.2821], 747 | '邯郸': [114.4775, 36.535], 748 | '郑州': [113.4668, 34.6234], 749 | '鄂尔多斯': [108.9734, 39.2487], 750 | '重庆': [107.7539, 30.1904], 751 | '金华': [120.0037, 29.1028], 752 | '铜川': [109.0393, 35.1947], 753 | '银川': [106.3586, 38.1775], 754 | '镇江': [119.4763, 31.9702], 755 | '长春': [125.8154, 44.2584], 756 | '长沙': [113.0823, 28.2568], 757 | '长治': [112.8625, 36.4746], 758 | '阳泉': [113.4778, 38.0951], 759 | '青岛': [120.4651, 36.3373], 760 | '韶关': [113.7964, 24.7028] 761 | }; 762 | 763 | var XAData = [ 764 | [{ 765 | name: '郑州' 766 | }, { 767 | name: '北京', 768 | value: 100 769 | }], 770 | [{ 771 | name: '郑州' 772 | }, { 773 | name: '北京', 774 | value: 100 775 | }], 776 | [{ 777 | name: '郑州' 778 | }, { 779 | name: '北京', 780 | value: 100 781 | }], 782 | [{ 783 | name: '郑州' 784 | }, { 785 | name: '上海', 786 | value: 100 787 | }], 788 | [{ 789 | name: '郑州' 790 | }, { 791 | name: '上海', 792 | value: 100 793 | }], 794 | [{ 795 | name: '郑州' 796 | }, { 797 | name: '上海', 798 | value: 100 799 | }], 800 | [{ 801 | name: '郑州' 802 | }, { 803 | name: '上海', 804 | value: 100 805 | }], 806 | [{ 807 | name: '郑州' 808 | }, { 809 | name: '上海', 810 | value: 100 811 | }], 812 | [{ 813 | name: '郑州' 814 | }, { 815 | name: '武汉', 816 | value: 100 817 | }], 818 | [{ 819 | name: '郑州' 820 | }, { 821 | name: '杭州', 822 | value: 100 823 | }] 824 | ]; 825 | 826 | var XNData = [ 827 | [{ 828 | name: '郑州' 829 | }, { 830 | name: '北京', 831 | value: 100 832 | }], 833 | [{ 834 | name: '郑州' 835 | }, { 836 | name: '广州', 837 | value: 100 838 | }], 839 | [{ 840 | name: '郑州' 841 | }, { 842 | name: '广州', 843 | value: 100 844 | }], 845 | [{ 846 | name: '郑州' 847 | }, { 848 | name: '广州', 849 | value: 100 850 | }], 851 | [{ 852 | name: '郑州' 853 | }, { 854 | name: '西安', 855 | value: 100 856 | }], 857 | [{ 858 | name: '郑州' 859 | }, { 860 | name: '武汉', 861 | value: 100 862 | }], 863 | [{ 864 | name: '郑州' 865 | }, { 866 | name: '西宁', 867 | value: 100 868 | }], 869 | [{ 870 | name: '郑州' 871 | }, { 872 | name: '哈尔滨', 873 | value: 100 874 | }], 875 | [{ 876 | name: '郑州' 877 | }, { 878 | name: '哈尔滨', 879 | value: 100 880 | }], 881 | [{ 882 | name: '郑州' 883 | }, { 884 | name: '重庆', 885 | value: 100 886 | }], 887 | [{ 888 | name: '郑州' 889 | }, { 890 | name: '重庆', 891 | value: 100 892 | }], 893 | [{ 894 | name: '郑州' 895 | }, { 896 | name: '重庆', 897 | value: 100 898 | }], 899 | [{ 900 | name: '郑州' 901 | }, { 902 | name: '乌鲁木齐', 903 | value: 100 904 | }], 905 | [{ 906 | name: '郑州' 907 | }, { 908 | name: '乌鲁木齐', 909 | value: 100 910 | }], 911 | [{ 912 | name: '郑州' 913 | }, { 914 | name: '乌鲁木齐', 915 | value: 100 916 | }], 917 | [{ 918 | name: '郑州' 919 | }, { 920 | name: '长春', 921 | value: 100 922 | }], 923 | [{ 924 | name: '郑州' 925 | }, { 926 | name: '兰州', 927 | value: 100 928 | }], 929 | [{ 930 | name: '郑州' 931 | }, { 932 | name: '厦门', 933 | value: 100 934 | }], 935 | [{ 936 | name: '郑州' 937 | }, { 938 | name: '南京', 939 | value: 100 940 | }], 941 | [{ 942 | name: '郑州' 943 | }, { 944 | name: '拉萨', 945 | value: 100 946 | }], 947 | [{ 948 | name: '郑州' 949 | }, { 950 | name: '葫芦岛', 951 | value: 100 952 | }], 953 | [{ 954 | name: '郑州' 955 | }, { 956 | name: '拉萨', 957 | value: 100 958 | }], 959 | [{ 960 | name: '郑州' 961 | }, { 962 | name: '银川', 963 | value: 100 964 | }] 965 | 966 | ]; 967 | 968 | var YCData = [ 969 | [{ 970 | name: '郑州' 971 | }, { 972 | name: '北京', 973 | value: 100 974 | }], 975 | [{ 976 | name: '郑州' 977 | }, { 978 | name: '重庆', 979 | value: 100 980 | }], 981 | [{ 982 | name: '郑州' 983 | }, { 984 | name: '广州', 985 | value: 100 986 | }], 987 | [{ 988 | name: '郑州' 989 | }, { 990 | name: '上海', 991 | value: 100 992 | }], 993 | [{ 994 | name: '郑州' 995 | }, { 996 | name: '西安', 997 | value: 100 998 | }], 999 | [{ 1000 | name: '郑州' 1001 | }, { 1002 | name: '青岛', 1003 | value: 100 1004 | }], 1005 | [{ 1006 | name: '郑州' 1007 | }, { 1008 | name: '青岛', 1009 | value: 100 1010 | }], 1011 | [{ 1012 | name: '郑州' 1013 | }, { 1014 | name: '贵阳', 1015 | value: 100 1016 | }], 1017 | [{ 1018 | name: '郑州' 1019 | }, { 1020 | name: '菏泽', 1021 | value: 100 1022 | }], 1023 | [{ 1024 | name: '郑州' 1025 | }, { 1026 | name: '深圳', 1027 | value: 100 1028 | }], 1029 | [{ 1030 | name: '郑州' 1031 | }, { 1032 | name: '拉萨', 1033 | value: 100 1034 | }], [{ 1035 | name: '郑州' 1036 | }, { 1037 | name: '拉萨', 1038 | value: 100 1039 | }], 1040 | 1041 | [{ 1042 | name: '郑州' 1043 | }, { 1044 | name: '西宁', 1045 | value: 100 1046 | }], 1047 | ]; 1048 | 1049 | var planePath = 'path://M1705.06,1318.313v-89.254l-319.9-221.799l0.073-208.063c0.521-84.662-26.629-121.796-63.961-121.491c-37.332-0.305-64.482,36.829-63.961,121.491l0.073,208.063l-319.9,221.799v89.254l330.343-157.288l12.238,241.308l-134.449,92.931l0.531,42.034l175.125-42.917l175.125,42.917l0.531-42.034l-134.449-92.931l12.238-241.308L1705.06,1318.313z'; 1050 | //var planePath = 'arrow'; 1051 | var convertData = function (data) { 1052 | 1053 | var res = []; 1054 | for (var i = 0; i < data.length; i++) { 1055 | 1056 | var dataItem = data[i]; 1057 | 1058 | var fromCoord = geoCoordMap[dataItem[0].name]; 1059 | var toCoord = geoCoordMap[dataItem[1].name]; 1060 | if (fromCoord && toCoord) { 1061 | res.push({ 1062 | fromName: dataItem[0].name, 1063 | toName: dataItem[1].name, 1064 | coords: [fromCoord, toCoord], 1065 | value: dataItem[1].value 1066 | }); 1067 | } 1068 | } 1069 | return res; 1070 | 1071 | }; 1072 | 1073 | var color = ['#a6c84c', '#ffa022', '#46bee9']; //航线的颜色 1074 | var series = []; 1075 | [ 1076 | ['上海', XAData], 1077 | ['广州', XNData], 1078 | ['深圳', YCData] 1079 | ].forEach(function (item, i) { 1080 | series.push({ 1081 | name: item[0] + ' Top1', 1082 | type: 'lines', 1083 | zlevel: 1, 1084 | effect: { 1085 | show: true, 1086 | period: 6, 1087 | trailLength: 0.7, 1088 | color: 'red', //arrow箭头的颜色 1089 | symbolSize: 3 1090 | }, 1091 | lineStyle: { 1092 | normal: { 1093 | color: color[i], 1094 | width: 0, 1095 | curveness: 0.2 1096 | } 1097 | }, 1098 | data: convertData(item[1]) 1099 | }, { 1100 | name: item[0] + ' Top2', 1101 | type: 'lines', 1102 | zlevel: 2, 1103 | symbol: ['none', 'arrow'], 1104 | symbolSize: 10, 1105 | effect: { 1106 | show: true, 1107 | period: 6, 1108 | trailLength: 0, 1109 | symbol: planePath, 1110 | symbolSize: 15 1111 | }, 1112 | lineStyle: { 1113 | normal: { 1114 | color: color[i], 1115 | width: 1, 1116 | opacity: 0.6, 1117 | curveness: 0.2 1118 | } 1119 | }, 1120 | data: convertData(item[1]) 1121 | }, { 1122 | name: item[0] + ' Top3', 1123 | type: 'effectScatter', 1124 | coordinateSystem: 'geo', 1125 | zlevel: 2, 1126 | rippleEffect: { 1127 | brushType: 'stroke' 1128 | }, 1129 | label: { 1130 | normal: { 1131 | show: true, 1132 | position: 'right', 1133 | formatter: '{b}' 1134 | } 1135 | }, 1136 | symbolSize: function (val) { 1137 | return val[2] / 8; 1138 | }, 1139 | itemStyle: { 1140 | normal: { 1141 | color: color[i], 1142 | }, 1143 | emphasis: { 1144 | areaColor: '#2B91B7' 1145 | } 1146 | }, 1147 | data: item[1].map(function (dataItem) { 1148 | return { 1149 | name: dataItem[1].name, 1150 | value: geoCoordMap[dataItem[1].name].concat([dataItem[1].value]) 1151 | }; 1152 | }) 1153 | }); 1154 | }); 1155 | var option = { 1156 | tooltip: { 1157 | trigger: 'item', 1158 | formatter: function (params, ticket, callback) { 1159 | if (params.seriesType == "effectScatter") { 1160 | return "线路：" + params.data.name + "" + params.data.value[2]; 1161 | } else if (params.seriesType == "lines") { 1162 | return params.data.fromName + ">" + params.data.toName + "
" + params.data.value; 1163 | } else { 1164 | return params.name; 1165 | } 1166 | } 1167 | }, 1168 | legend: { 1169 | orient: 'vertical', 1170 | top: 'bottom', 1171 | left: 'right', 1172 | data: ['上海 Top1', '广州 Top2', '深圳 Top3'], 1173 | textStyle: { 1174 | color: '#fff' 1175 | }, 1176 | selectedMode: 'multiple' 1177 | }, 1178 | geo: { 1179 | map: 'china', 1180 | // 把地图放大1.2倍 1181 | zoom: 1.2, 1182 | label: { 1183 | // 鼠标移动显示区域名称 1184 | emphasis: { 1185 | show: true, 1186 | color: '#fff' 1187 | } 1188 | }, 1189 | roam: true, 1190 | // 地图样式修改 1191 | itemStyle: { 1192 | normal: { 1193 | areaColor: 'rgba(34, 70, 168, 0.7)', 1194 | borderColor: '#0692a4' 1195 | }, 1196 | emphasis: { 1197 | areaColor: 'rgba(119, 139, 224, 0.548)' 1198 | } 1199 | } 1200 | }, 1201 | series: series 1202 | }; 1203 | 1204 | myChart.setOption(option); 1205 | window.addEventListener('resize', function () { 1206 | myChart.resize(); 1207 | }) 1208 | })(); -------------------------------------------------------------------------------- /可视化大屏/js/jquery.js: -------------------------------------------------------------------------------- 1 | /*! jQuery v2.1.4 | (c) 2005, 2015 jQuery Foundation, Inc. | jquery.org/license */ 2 | !function(a,b){"object"==typeof module&&"object"==typeof module.exports?module.exports=a.document?b(a,!0):function(a){if(!a.document)throw new Error("jQuery requires a window with a document");return b(a)}:b(a)}("undefined"!=typeof window?window:this,function(a,b){var c=[],d=c.slice,e=c.concat,f=c.push,g=c.indexOf,h={},i=h.toString,j=h.hasOwnProperty,k={},l=a.document,m="2.1.4",n=function(a,b){return new n.fn.init(a,b)},o=/^[\s\uFEFF\xA0]+|[\s\uFEFF\xA0]+$/g,p=/^-ms-/,q=/-([\da-z])/gi,r=function(a,b){return b.toUpperCase()};n.fn=n.prototype={jquery:m,constructor:n,selector:"",length:0,toArray:function(){return d.call(this)},get:function(a){return null!=a?0>a?this[a+this.length]:this[a]:d.call(this)},pushStack:function(a){var b=n.merge(this.constructor(),a);return b.prevObject=this,b.context=this.context,b},each:function(a,b){return n.each(this,a,b)},map:function(a){return this.pushStack(n.map(this,function(b,c){return a.call(b,c,b)}))},slice:function(){return this.pushStack(d.apply(this,arguments))},first:function(){return this.eq(0)},last:function(){return this.eq(-1)},eq:function(a){var b=this.length,c=+a+(0>a?b:0);return this.pushStack(c>=0&&b>c?[this[c]]:[])},end:function(){return this.prevObject||this.constructor(null)},push:f,sort:c.sort,splice:c.splice},n.extend=n.fn.extend=function(){var a,b,c,d,e,f,g=arguments[0]||{},h=1,i=arguments.length,j=!1;for("boolean"==typeof g&&(j=g,g=arguments[h]||{},h++),"object"==typeof g||n.isFunction(g)||(g={}),h===i&&(g=this,h--);i>h;h++)if(null!=(a=arguments[h]))for(b in a)c=g[b],d=a[b],g!==d&&(j&&d&&(n.isPlainObject(d)||(e=n.isArray(d)))?(e?(e=!1,f=c&&n.isArray(c)?c:[]):f=c&&n.isPlainObject(c)?c:{},g[b]=n.extend(j,f,d)):void 0!==d&&(g[b]=d));return g},n.extend({expando:"jQuery"+(m+Math.random()).replace(/\D/g,""),isReady:!0,error:function(a){throw new Error(a)},noop:function(){},isFunction:function(a){return"function"===n.type(a)},isArray:Array.isArray,isWindow:function(a){return null!=a&&a===a.window},isNumeric:function(a){return!n.isArray(a)&&a-parseFloat(a)+1>=0},isPlainObject:function(a){return"object"!==n.type(a)||a.nodeType||n.isWindow(a)?!1:a.constructor&&!j.call(a.constructor.prototype,"isPrototypeOf")?!1:!0},isEmptyObject:function(a){var b;for(b in a)return!1;return!0},type:function(a){return null==a?a+"":"object"==typeof a||"function"==typeof a?h[i.call(a)]||"object":typeof a},globalEval:function(a){var b,c=eval;a=n.trim(a),a&&(1===a.indexOf("use strict")?(b=l.createElement("script"),b.text=a,l.head.appendChild(b).parentNode.removeChild(b)):c(a))},camelCase:function(a){return a.replace(p,"ms-").replace(q,r)},nodeName:function(a,b){return a.nodeName&&a.nodeName.toLowerCase()===b.toLowerCase()},each:function(a,b,c){var d,e=0,f=a.length,g=s(a);if(c){if(g){for(;f>e;e++)if(d=b.apply(a[e],c),d===!1)break}else for(e in a)if(d=b.apply(a[e],c),d===!1)break}else if(g){for(;f>e;e++)if(d=b.call(a[e],e,a[e]),d===!1)break}else for(e in a)if(d=b.call(a[e],e,a[e]),d===!1)break;return a},trim:function(a){return null==a?"":(a+"").replace(o,"")},makeArray:function(a,b){var c=b||[];return null!=a&&(s(Object(a))?n.merge(c,"string"==typeof a?[a]:a):f.call(c,a)),c},inArray:function(a,b,c){return null==b?-1:g.call(b,a,c)},merge:function(a,b){for(var c=+b.length,d=0,e=a.length;c>d;d++)a[e++]=b[d];return a.length=e,a},grep:function(a,b,c){for(var d,e=[],f=0,g=a.length,h=!c;g>f;f++)d=!b(a[f],f),d!==h&&e.push(a[f]);return e},map:function(a,b,c){var d,f=0,g=a.length,h=s(a),i=[];if(h)for(;g>f;f++)d=b(a[f],f,c),null!=d&&i.push(d);else for(f in a)d=b(a[f],f,c),null!=d&&i.push(d);return e.apply([],i)},guid:1,proxy:function(a,b){var c,e,f;return"string"==typeof b&&(c=a[b],b=a,a=c),n.isFunction(a)?(e=d.call(arguments,2),f=function(){return a.apply(b||this,e.concat(d.call(arguments)))},f.guid=a.guid=a.guid||n.guid++,f):void 0},now:Date.now,support:k}),n.each("Boolean Number String Function Array Date RegExp Object Error".split(" "),function(a,b){h["[object "+b+"]"]=b.toLowerCase()});function s(a){var b="length"in a&&a.length,c=n.type(a);return"function"===c||n.isWindow(a)?!1:1===a.nodeType&&b?!0:"array"===c||0===b||"number"==typeof b&&b>0&&b-1 in a}var t=function(a){var b,c,d,e,f,g,h,i,j,k,l,m,n,o,p,q,r,s,t,u="sizzle"+1*new Date,v=a.document,w=0,x=0,y=ha(),z=ha(),A=ha(),B=function(a,b){return a===b&&(l=!0),0},C=1<<31,D={}.hasOwnProperty,E=[],F=E.pop,G=E.push,H=E.push,I=E.slice,J=function(a,b){for(var c=0,d=a.length;d>c;c++)if(a[c]===b)return c;return-1},K="checked|selected|async|autofocus|autoplay|controls|defer|disabled|hidden|ismap|loop|multiple|open|readonly|required|scoped",L="[\\x20\\t\\r\\n\\f]",M="(?:\\\\.|[\\w-]|[^\\x00-\\xa0])+",N=M.replace("w","w#"),O="\\["+L+"*("+M+")(?:"+L+"*([*^$|!~]?=)"+L+"*(?:'((?:\\\\.|[^\\\\'])*)'|\"((?:\\\\.|[^\\\\\"])*)\"|("+N+"))|)"+L+"*\\]",P=":("+M+")(?:\\((('((?:\\\\.|[^\\\\'])*)'|\"((?:\\\\.|[^\\\\\"])*)\")|((?:\\\\.|[^\\\\()[\\]]|"+O+")*)|.*)\\)|)",Q=new RegExp(L+"+","g"),R=new RegExp("^"+L+"+|((?:^|[^\\\\])(?:\\\\.)*)"+L+"+$","g"),S=new RegExp("^"+L+"*,"+L+"*"),T=new RegExp("^"+L+"*([>+~]|"+L+")"+L+"*"),U=new RegExp("="+L+"*([^\\]'\"]*?)"+L+"*\\]","g"),V=new RegExp(P),W=new RegExp("^"+N+"$"),X={ID:new RegExp("^#("+M+")"),CLASS:new RegExp("^\\.("+M+")"),TAG:new RegExp("^("+M.replace("w","w*")+")"),ATTR:new RegExp("^"+O),PSEUDO:new RegExp("^"+P),CHILD:new RegExp("^:(only|first|last|nth|nth-last)-(child|of-type)(?:\\("+L+"*(even|odd|(([+-]|)(\\d*)n|)"+L+"*(?:([+-]|)"+L+"*(\\d+)|))"+L+"*\\)|)","i"),bool:new RegExp("^(?:"+K+")$","i"),needsContext:new RegExp("^"+L+"*[>+~]|:(even|odd|eq|gt|lt|nth|first|last)(?:\\("+L+"*((?:-\\d)?\\d*)"+L+"*\\)|)(?=[^-]|$)","i")},Y=/^(?:input|select|textarea|button)$/i,Z=/^h\d$/i,$=/^[^{]+\{\s*\[native \w/,_=/^(?:#([\w-]+)|(\w+)|\.([\w-]+))$/,aa=/[+~]/,ba=/'|\\/g,ca=new RegExp("\\\\([\\da-f]{1,6}"+L+"?|("+L+")|.)","ig"),da=function(a,b,c){var d="0x"+b-65536;return d!==d||c?b:0>d?String.fromCharCode(d+65536):String.fromCharCode(d>>10|55296,1023&d|56320)},ea=function(){m()};try{H.apply(E=I.call(v.childNodes),v.childNodes),E[v.childNodes.length].nodeType}catch(fa){H={apply:E.length?function(a,b){G.apply(a,I.call(b))}:function(a,b){var c=a.length,d=0;while(a[c++]=b[d++]);a.length=c-1}}}function ga(a,b,d,e){var f,h,j,k,l,o,r,s,w,x;if((b?b.ownerDocument||b:v)!==n&&m(b),b=b||n,d=d||[],k=b.nodeType,"string"!=typeof a||!a||1!==k&&9!==k&&11!==k)return d;if(!e&&p){if(11!==k&&(f=_.exec(a)))if(j=f[1]){if(9===k){if(h=b.getElementById(j),!h||!h.parentNode)return d;if(h.id===j)return d.push(h),d}else if(b.ownerDocument&&(h=b.ownerDocument.getElementById(j))&&t(b,h)&&h.id===j)return d.push(h),d}else{if(f[2])return H.apply(d,b.getElementsByTagName(a)),d;if((j=f[3])&&c.getElementsByClassName)return H.apply(d,b.getElementsByClassName(j)),d}if(c.qsa&&(!q||!q.test(a))){if(s=r=u,w=b,x=1!==k&&a,1===k&&"object"!==b.nodeName.toLowerCase()){o=g(a),(r=b.getAttribute("id"))?s=r.replace(ba,"\\$&"):b.setAttribute("id",s),s="[id='"+s+"'] ",l=o.length;while(l--)o[l]=s+ra(o[l]);w=aa.test(a)&&pa(b.parentNode)||b,x=o.join(",")}if(x)try{return H.apply(d,w.querySelectorAll(x)),d}catch(y){}finally{r||b.removeAttribute("id")}}}return i(a.replace(R,"$1"),b,d,e)}function ha(){var a=[];function b(c,e){return a.push(c+" ")>d.cacheLength&&delete b[a.shift()],b[c+" "]=e}return b}function ia(a){return a[u]=!0,a}function ja(a){var b=n.createElement("div");try{return!!a(b)}catch(c){return!1}finally{b.parentNode&&b.parentNode.removeChild(b),b=null}}function ka(a,b){var c=a.split("|"),e=a.length;while(e--)d.attrHandle[c[e]]=b}function la(a,b){var c=b&&a,d=c&&1===a.nodeType&&1===b.nodeType&&(~b.sourceIndex||C)-(~a.sourceIndex||C);if(d)return d;if(c)while(c=c.nextSibling)if(c===b)return-1;return a?1:-1}function ma(a){return function(b){var c=b.nodeName.toLowerCase();return"input"===c&&b.type===a}}function na(a){return function(b){var c=b.nodeName.toLowerCase();return("input"===c||"button"===c)&&b.type===a}}function oa(a){return ia(function(b){return b=+b,ia(function(c,d){var e,f=a([],c.length,b),g=f.length;while(g--)c[e=f[g]]&&(c[e]=!(d[e]=c[e]))})})}function pa(a){return a&&"undefined"!=typeof a.getElementsByTagName&&a}c=ga.support={},f=ga.isXML=function(a){var b=a&&(a.ownerDocument||a).documentElement;return b?"HTML"!==b.nodeName:!1},m=ga.setDocument=function(a){var b,e,g=a?a.ownerDocument||a:v;return g!==n&&9===g.nodeType&&g.documentElement?(n=g,o=g.documentElement,e=g.defaultView,e&&e!==e.top&&(e.addEventListener?e.addEventListener("unload",ea,!1):e.attachEvent&&e.attachEvent("onunload",ea)),p=!f(g),c.attributes=ja(function(a){return a.className="i",!a.getAttribute("className")}),c.getElementsByTagName=ja(function(a){return a.appendChild(g.createComment("")),!a.getElementsByTagName("*").length}),c.getElementsByClassName=$.test(g.getElementsByClassName),c.getById=ja(function(a){return o.appendChild(a).id=u,!g.getElementsByName||!g.getElementsByName(u).length}),c.getById?(d.find.ID=function(a,b){if("undefined"!=typeof b.getElementById&&p){var c=b.getElementById(a);return c&&c.parentNode?[c]:[]}},d.filter.ID=function(a){var b=a.replace(ca,da);return function(a){return a.getAttribute("id")===b}}):(delete d.find.ID,d.filter.ID=function(a){var b=a.replace(ca,da);return function(a){var c="undefined"!=typeof a.getAttributeNode&&a.getAttributeNode("id");return c&&c.value===b}}),d.find.TAG=c.getElementsByTagName?function(a,b){return"undefined"!=typeof b.getElementsByTagName?b.getElementsByTagName(a):c.qsa?b.querySelectorAll(a):void 0}:function(a,b){var c,d=[],e=0,f=b.getElementsByTagName(a);if("*"===a){while(c=f[e++])1===c.nodeType&&d.push(c);return d}return f},d.find.CLASS=c.getElementsByClassName&&function(a,b){return p?b.getElementsByClassName(a):void 0},r=[],q=[],(c.qsa=$.test(g.querySelectorAll))&&(ja(function(a){o.appendChild(a).innerHTML="",a.querySelectorAll("[msallowcapture^='']").length&&q.push("[*^$]="+L+"*(?:''|\"\")"),a.querySelectorAll("[selected]").length||q.push("\\["+L+"*(?:value|"+K+")"),a.querySelectorAll("[id~="+u+"-]").length||q.push("~="),a.querySelectorAll(":checked").length||q.push(":checked"),a.querySelectorAll("a#"+u+"+*").length||q.push(".#.+[+~]")}),ja(function(a){var b=g.createElement("input");b.setAttribute("type","hidden"),a.appendChild(b).setAttribute("name","D"),a.querySelectorAll("[name=d]").length&&q.push("name"+L+"*[*^$|!~]?="),a.querySelectorAll(":enabled").length||q.push(":enabled",":disabled"),a.querySelectorAll("*,:x"),q.push(",.*:")})),(c.matchesSelector=$.test(s=o.matches||o.webkitMatchesSelector||o.mozMatchesSelector||o.oMatchesSelector||o.msMatchesSelector))&&ja(function(a){c.disconnectedMatch=s.call(a,"div"),s.call(a,"[s!='']:x"),r.push("!=",P)}),q=q.length&&new RegExp(q.join("|")),r=r.length&&new RegExp(r.join("|")),b=$.test(o.compareDocumentPosition),t=b||$.test(o.contains)?function(a,b){var c=9===a.nodeType?a.documentElement:a,d=b&&b.parentNode;return a===d||!(!d||1!==d.nodeType||!(c.contains?c.contains(d):a.compareDocumentPosition&&16&a.compareDocumentPosition(d)))}:function(a,b){if(b)while(b=b.parentNode)if(b===a)return!0;return!1},B=b?function(a,b){if(a===b)return l=!0,0;var d=!a.compareDocumentPosition-!b.compareDocumentPosition;return d?d:(d=(a.ownerDocument||a)===(b.ownerDocument||b)?a.compareDocumentPosition(b):1,1&d||!c.sortDetached&&b.compareDocumentPosition(a)===d?a===g||a.ownerDocument===v&&t(v,a)?-1:b===g||b.ownerDocument===v&&t(v,b)?1:k?J(k,a)-J(k,b):0:4&d?-1:1)}:function(a,b){if(a===b)return l=!0,0;var c,d=0,e=a.parentNode,f=b.parentNode,h=[a],i=[b];if(!e||!f)return a===g?-1:b===g?1:e?-1:f?1:k?J(k,a)-J(k,b):0;if(e===f)return la(a,b);c=a;while(c=c.parentNode)h.unshift(c);c=b;while(c=c.parentNode)i.unshift(c);while(h[d]===i[d])d++;return d?la(h[d],i[d]):h[d]===v?-1:i[d]===v?1:0},g):n},ga.matches=function(a,b){return ga(a,null,null,b)},ga.matchesSelector=function(a,b){if((a.ownerDocument||a)!==n&&m(a),b=b.replace(U,"='$1']"),!(!c.matchesSelector||!p||r&&r.test(b)||q&&q.test(b)))try{var d=s.call(a,b);if(d||c.disconnectedMatch||a.document&&11!==a.document.nodeType)return d}catch(e){}return ga(b,n,null,[a]).length>0},ga.contains=function(a,b){return(a.ownerDocument||a)!==n&&m(a),t(a,b)},ga.attr=function(a,b){(a.ownerDocument||a)!==n&&m(a);var e=d.attrHandle[b.toLowerCase()],f=e&&D.call(d.attrHandle,b.toLowerCase())?e(a,b,!p):void 0;return void 0!==f?f:c.attributes||!p?a.getAttribute(b):(f=a.getAttributeNode(b))&&f.specified?f.value:null},ga.error=function(a){throw new Error("Syntax error, unrecognized expression: "+a)},ga.uniqueSort=function(a){var b,d=[],e=0,f=0;if(l=!c.detectDuplicates,k=!c.sortStable&&a.slice(0),a.sort(B),l){while(b=a[f++])b===a[f]&&(e=d.push(f));while(e--)a.splice(d[e],1)}return k=null,a},e=ga.getText=function(a){var b,c="",d=0,f=a.nodeType;if(f){if(1===f||9===f||11===f){if("string"==typeof a.textContent)return a.textContent;for(a=a.firstChild;a;a=a.nextSibling)c+=e(a)}else if(3===f||4===f)return a.nodeValue}else while(b=a[d++])c+=e(b);return c},d=ga.selectors={cacheLength:50,createPseudo:ia,match:X,attrHandle:{},find:{},relative:{">":{dir:"parentNode",first:!0}," ":{dir:"parentNode"},"+":{dir:"previousSibling",first:!0},"~":{dir:"previousSibling"}},preFilter:{ATTR:function(a){return a[1]=a[1].replace(ca,da),a[3]=(a[3]||a[4]||a[5]||"").replace(ca,da),"~="===a[2]&&(a[3]=" "+a[3]+" "),a.slice(0,4)},CHILD:function(a){return a[1]=a[1].toLowerCase(),"nth"===a[1].slice(0,3)?(a[3]||ga.error(a[0]),a[4]=+(a[4]?a[5]+(a[6]||1):2*("even"===a[3]||"odd"===a[3])),a[5]=+(a[7]+a[8]||"odd"===a[3])):a[3]&&ga.error(a[0]),a},PSEUDO:function(a){var b,c=!a[6]&&a[2];return X.CHILD.test(a[0])?null:(a[3]?a[2]=a[4]||a[5]||"":c&&V.test(c)&&(b=g(c,!0))&&(b=c.indexOf(")",c.length-b)-c.length)&&(a[0]=a[0].slice(0,b),a[2]=c.slice(0,b)),a.slice(0,3))}},filter:{TAG:function(a){var b=a.replace(ca,da).toLowerCase();return"*"===a?function(){return!0}:function(a){return a.nodeName&&a.nodeName.toLowerCase()===b}},CLASS:function(a){var b=y[a+" "];return b||(b=new RegExp("(^|"+L+")"+a+"("+L+"|$)"))&&y(a,function(a){return b.test("string"==typeof a.className&&a.className||"undefined"!=typeof a.getAttribute&&a.getAttribute("class")||"")})},ATTR:function(a,b,c){return function(d){var e=ga.attr(d,a);return null==e?"!="===b:b?(e+="","="===b?e===c:"!="===b?e!==c:"^="===b?c&&0===e.indexOf(c):"*="===b?c&&e.indexOf(c)>-1:"$="===b?c&&e.slice(-c.length)===c:"~="===b?(" "+e.replace(Q," ")+" ").indexOf(c)>-1:"|="===b?e===c||e.slice(0,c.length+1)===c+"-":!1):!0}},CHILD:function(a,b,c,d,e){var f="nth"!==a.slice(0,3),g="last"!==a.slice(-4),h="of-type"===b;return 1===d&&0===e?function(a){return!!a.parentNode}:function(b,c,i){var j,k,l,m,n,o,p=f!==g?"nextSibling":"previousSibling",q=b.parentNode,r=h&&b.nodeName.toLowerCase(),s=!i&&!h;if(q){if(f){while(p){l=b;while(l=l[p])if(h?l.nodeName.toLowerCase()===r:1===l.nodeType)return!1;o=p="only"===a&&!o&&"nextSibling"}return!0}if(o=[g?q.firstChild:q.lastChild],g&&s){k=q[u]||(q[u]={}),j=k[a]||[],n=j[0]===w&&j[1],m=j[0]===w&&j[2],l=n&&q.childNodes[n];while(l=++n&&l&&l[p]||(m=n=0)||o.pop())if(1===l.nodeType&&++m&&l===b){k[a]=[w,n,m];break}}else if(s&&(j=(b[u]||(b[u]={}))[a])&&j[0]===w)m=j[1];else while(l=++n&&l&&l[p]||(m=n=0)||o.pop())if((h?l.nodeName.toLowerCase()===r:1===l.nodeType)&&++m&&(s&&((l[u]||(l[u]={}))[a]=[w,m]),l===b))break;return m-=e,m===d||m%d===0&&m/d>=0}}},PSEUDO:function(a,b){var c,e=d.pseudos[a]||d.setFilters[a.toLowerCase()]||ga.error("unsupported pseudo: "+a);return e[u]?e(b):e.length>1?(c=[a,a,"",b],d.setFilters.hasOwnProperty(a.toLowerCase())?ia(function(a,c){var d,f=e(a,b),g=f.length;while(g--)d=J(a,f[g]),a[d]=!(c[d]=f[g])}):function(a){return e(a,0,c)}):e}},pseudos:{not:ia(function(a){var b=[],c=[],d=h(a.replace(R,"$1"));return d[u]?ia(function(a,b,c,e){var f,g=d(a,null,e,[]),h=a.length;while(h--)(f=g[h])&&(a[h]=!(b[h]=f))}):function(a,e,f){return b[0]=a,d(b,null,f,c),b[0]=null,!c.pop()}}),has:ia(function(a){return function(b){return ga(a,b).length>0}}),contains:ia(function(a){return a=a.replace(ca,da),function(b){return(b.textContent||b.innerText||e(b)).indexOf(a)>-1}}),lang:ia(function(a){return W.test(a||"")||ga.error("unsupported lang: "+a),a=a.replace(ca,da).toLowerCase(),function(b){var c;do if(c=p?b.lang:b.getAttribute("xml:lang")||b.getAttribute("lang"))return c=c.toLowerCase(),c===a||0===c.indexOf(a+"-");while((b=b.parentNode)&&1===b.nodeType);return!1}}),target:function(b){var c=a.location&&a.location.hash;return c&&c.slice(1)===b.id},root:function(a){return a===o},focus:function(a){return a===n.activeElement&&(!n.hasFocus||n.hasFocus())&&!!(a.type||a.href||~a.tabIndex)},enabled:function(a){return a.disabled===!1},disabled:function(a){return a.disabled===!0},checked:function(a){var b=a.nodeName.toLowerCase();return"input"===b&&!!a.checked||"option"===b&&!!a.selected},selected:function(a){return a.parentNode&&a.parentNode.selectedIndex,a.selected===!0},empty:function(a){for(a=a.firstChild;a;a=a.nextSibling)if(a.nodeType<6)return!1;return!0},parent:function(a){return!d.pseudos.empty(a)},header:function(a){return Z.test(a.nodeName)},input:function(a){return Y.test(a.nodeName)},button:function(a){var b=a.nodeName.toLowerCase();return"input"===b&&"button"===a.type||"button"===b},text:function(a){var b;return"input"===a.nodeName.toLowerCase()&&"text"===a.type&&(null==(b=a.getAttribute("type"))||"text"===b.toLowerCase())},first:oa(function(){return[0]}),last:oa(function(a,b){return[b-1]}),eq:oa(function(a,b,c){return[0>c?c+b:c]}),even:oa(function(a,b){for(var c=0;b>c;c+=2)a.push(c);return a}),odd:oa(function(a,b){for(var c=1;b>c;c+=2)a.push(c);return a}),lt:oa(function(a,b,c){for(var d=0>c?c+b:c;--d>=0;)a.push(d);return a}),gt:oa(function(a,b,c){for(var d=0>c?c+b:c;++db;b++)d+=a[b].value;return d}function sa(a,b,c){var d=b.dir,e=c&&"parentNode"===d,f=x++;return b.first?function(b,c,f){while(b=b[d])if(1===b.nodeType||e)return a(b,c,f)}:function(b,c,g){var h,i,j=[w,f];if(g){while(b=b[d])if((1===b.nodeType||e)&&a(b,c,g))return!0}else while(b=b[d])if(1===b.nodeType||e){if(i=b[u]||(b[u]={}),(h=i[d])&&h[0]===w&&h[1]===f)return j[2]=h[2];if(i[d]=j,j[2]=a(b,c,g))return!0}}}function ta(a){return a.length>1?function(b,c,d){var e=a.length;while(e--)if(!a[e](b,c,d))return!1;return!0}:a[0]}function ua(a,b,c){for(var d=0,e=b.length;e>d;d++)ga(a,b[d],c);return c}function va(a,b,c,d,e){for(var f,g=[],h=0,i=a.length,j=null!=b;i>h;h++)(f=a[h])&&(!c||c(f,d,e))&&(g.push(f),j&&b.push(h));return g}function wa(a,b,c,d,e,f){return d&&!d[u]&&(d=wa(d)),e&&!e[u]&&(e=wa(e,f)),ia(function(f,g,h,i){var j,k,l,m=[],n=[],o=g.length,p=f||ua(b||"*",h.nodeType?[h]:h,[]),q=!a||!f&&b?p:va(p,m,a,h,i),r=c?e||(f?a:o||d)?[]:g:q;if(c&&c(q,r,h,i),d){j=va(r,n),d(j,[],h,i),k=j.length;while(k--)(l=j[k])&&(r[n[k]]=!(q[n[k]]=l))}if(f){if(e||a){if(e){j=[],k=r.length;while(k--)(l=r[k])&&j.push(q[k]=l);e(null,r=[],j,i)}k=r.length;while(k--)(l=r[k])&&(j=e?J(f,l):m[k])>-1&&(f[j]=!(g[j]=l))}}else r=va(r===g?r.splice(o,r.length):r),e?e(null,g,r,i):H.apply(g,r)})}function xa(a){for(var b,c,e,f=a.length,g=d.relative[a[0].type],h=g||d.relative[" "],i=g?1:0,k=sa(function(a){return a===b},h,!0),l=sa(function(a){return J(b,a)>-1},h,!0),m=[function(a,c,d){var e=!g&&(d||c!==j)||((b=c).nodeType?k(a,c,d):l(a,c,d));return b=null,e}];f>i;i++)if(c=d.relative[a[i].type])m=[sa(ta(m),c)];else{if(c=d.filter[a[i].type].apply(null,a[i].matches),c[u]){for(e=++i;f>e;e++)if(d.relative[a[e].type])break;return wa(i>1&&ta(m),i>1&&ra(a.slice(0,i-1).concat({value:" "===a[i-2].type?"*":""})).replace(R,"$1"),c,e>i&&xa(a.slice(i,e)),f>e&&xa(a=a.slice(e)),f>e&&ra(a))}m.push(c)}return ta(m)}function ya(a,b){var c=b.length>0,e=a.length>0,f=function(f,g,h,i,k){var l,m,o,p=0,q="0",r=f&&[],s=[],t=j,u=f||e&&d.find.TAG("*",k),v=w+=null==t?1:Math.random()||.1,x=u.length;for(k&&(j=g!==n&&g);q!==x&&null!=(l=u[q]);q++){if(e&&l){m=0;while(o=a[m++])if(o(l,g,h)){i.push(l);break}k&&(w=v)}c&&((l=!o&&l)&&p--,f&&r.push(l))}if(p+=q,c&&q!==p){m=0;while(o=b[m++])o(r,s,g,h);if(f){if(p>0)while(q--)r[q]||s[q]||(s[q]=F.call(i));s=va(s)}H.apply(i,s),k&&!f&&s.length>0&&p+b.length>1&&ga.uniqueSort(i)}return k&&(w=v,j=t),r};return c?ia(f):f}return h=ga.compile=function(a,b){var c,d=[],e=[],f=A[a+" "];if(!f){b||(b=g(a)),c=b.length;while(c--)f=xa(b[c]),f[u]?d.push(f):e.push(f);f=A(a,ya(e,d)),f.selector=a}return f},i=ga.select=function(a,b,e,f){var i,j,k,l,m,n="function"==typeof a&&a,o=!f&&g(a=n.selector||a);if(e=e||[],1===o.length){if(j=o[0]=o[0].slice(0),j.length>2&&"ID"===(k=j[0]).type&&c.getById&&9===b.nodeType&&p&&d.relative[j[1].type]){if(b=(d.find.ID(k.matches[0].replace(ca,da),b)||[])[0],!b)return e;n&&(b=b.parentNode),a=a.slice(j.shift().value.length)}i=X.needsContext.test(a)?0:j.length;while(i--){if(k=j[i],d.relative[l=k.type])break;if((m=d.find[l])&&(f=m(k.matches[0].replace(ca,da),aa.test(j[0].type)&&pa(b.parentNode)||b))){if(j.splice(i,1),a=f.length&&ra(j),!a)return H.apply(e,f),e;break}}}return(n||h(a,o))(f,b,!p,e,aa.test(a)&&pa(b.parentNode)||b),e},c.sortStable=u.split("").sort(B).join("")===u,c.detectDuplicates=!!l,m(),c.sortDetached=ja(function(a){return 1&a.compareDocumentPosition(n.createElement("div"))}),ja(function(a){return a.innerHTML="","#"===a.firstChild.getAttribute("href")})||ka("type|href|height|width",function(a,b,c){return c?void 0:a.getAttribute(b,"type"===b.toLowerCase()?1:2)}),c.attributes&&ja(function(a){return a.innerHTML="",a.firstChild.setAttribute("value",""),""===a.firstChild.getAttribute("value")})||ka("value",function(a,b,c){return c||"input"!==a.nodeName.toLowerCase()?void 0:a.defaultValue}),ja(function(a){return null==a.getAttribute("disabled")})||ka(K,function(a,b,c){var d;return c?void 0:a[b]===!0?b.toLowerCase():(d=a.getAttributeNode(b))&&d.specified?d.value:null}),ga}(a);n.find=t,n.expr=t.selectors,n.expr[":"]=n.expr.pseudos,n.unique=t.uniqueSort,n.text=t.getText,n.isXMLDoc=t.isXML,n.contains=t.contains;var u=n.expr.match.needsContext,v=/^<(\w+)\s*\/?>(?:<\/\1>|)$/,w=/^.[^:#\[\.,]*$/;function x(a,b,c){if(n.isFunction(b))return n.grep(a,function(a,d){return!!b.call(a,d,a)!==c});if(b.nodeType)return n.grep(a,function(a){return a===b!==c});if("string"==typeof b){if(w.test(b))return n.filter(b,a,c);b=n.filter(b,a)}return n.grep(a,function(a){return g.call(b,a)>=0!==c})}n.filter=function(a,b,c){var d=b[0];return c&&(a=":not("+a+")"),1===b.length&&1===d.nodeType?n.find.matchesSelector(d,a)?[d]:[]:n.find.matches(a,n.grep(b,function(a){return 1===a.nodeType}))},n.fn.extend({find:function(a){var b,c=this.length,d=[],e=this;if("string"!=typeof a)return this.pushStack(n(a).filter(function(){for(b=0;c>b;b++)if(n.contains(e[b],this))return!0}));for(b=0;c>b;b++)n.find(a,e[b],d);return d=this.pushStack(c>1?n.unique(d):d),d.selector=this.selector?this.selector+" "+a:a,d},filter:function(a){return this.pushStack(x(this,a||[],!1))},not:function(a){return this.pushStack(x(this,a||[],!0))},is:function(a){return!!x(this,"string"==typeof a&&u.test(a)?n(a):a||[],!1).length}});var y,z=/^(?:\s*(<[\w\W]+>)[^>]*|#([\w-]*))$/,A=n.fn.init=function(a,b){var c,d;if(!a)return this;if("string"==typeof a){if(c="<"===a[0]&&">"===a[a.length-1]&&a.length>=3?[null,a,null]:z.exec(a),!c||!c[1]&&b)return!b||b.jquery?(b||y).find(a):this.constructor(b).find(a);if(c[1]){if(b=b instanceof n?b[0]:b,n.merge(this,n.parseHTML(c[1],b&&b.nodeType?b.ownerDocument||b:l,!0)),v.test(c[1])&&n.isPlainObject(b))for(c in b)n.isFunction(this[c])?this[c](b[c]):this.attr(c,b[c]);return this}return d=l.getElementById(c[2]),d&&d.parentNode&&(this.length=1,this[0]=d),this.context=l,this.selector=a,this}return a.nodeType?(this.context=this[0]=a,this.length=1,this):n.isFunction(a)?"undefined"!=typeof y.ready?y.ready(a):a(n):(void 0!==a.selector&&(this.selector=a.selector,this.context=a.context),n.makeArray(a,this))};A.prototype=n.fn,y=n(l);var B=/^(?:parents|prev(?:Until|All))/,C={children:!0,contents:!0,next:!0,prev:!0};n.extend({dir:function(a,b,c){var d=[],e=void 0!==c;while((a=a[b])&&9!==a.nodeType)if(1===a.nodeType){if(e&&n(a).is(c))break;d.push(a)}return d},sibling:function(a,b){for(var c=[];a;a=a.nextSibling)1===a.nodeType&&a!==b&&c.push(a);return c}}),n.fn.extend({has:function(a){var b=n(a,this),c=b.length;return this.filter(function(){for(var a=0;c>a;a++)if(n.contains(this,b[a]))return!0})},closest:function(a,b){for(var c,d=0,e=this.length,f=[],g=u.test(a)||"string"!=typeof a?n(a,b||this.context):0;e>d;d++)for(c=this[d];c&&c!==b;c=c.parentNode)if(c.nodeType<11&&(g?g.index(c)>-1:1===c.nodeType&&n.find.matchesSelector(c,a))){f.push(c);break}return this.pushStack(f.length>1?n.unique(f):f)},index:function(a){return a?"string"==typeof a?g.call(n(a),this[0]):g.call(this,a.jquery?a[0]:a):this[0]&&this[0].parentNode?this.first().prevAll().length:-1},add:function(a,b){return this.pushStack(n.unique(n.merge(this.get(),n(a,b))))},addBack:function(a){return this.add(null==a?this.prevObject:this.prevObject.filter(a))}});function D(a,b){while((a=a[b])&&1!==a.nodeType);return a}n.each({parent:function(a){var b=a.parentNode;return b&&11!==b.nodeType?b:null},parents:function(a){return n.dir(a,"parentNode")},parentsUntil:function(a,b,c){return n.dir(a,"parentNode",c)},next:function(a){return D(a,"nextSibling")},prev:function(a){return D(a,"previousSibling")},nextAll:function(a){return n.dir(a,"nextSibling")},prevAll:function(a){return n.dir(a,"previousSibling")},nextUntil:function(a,b,c){return n.dir(a,"nextSibling",c)},prevUntil:function(a,b,c){return n.dir(a,"previousSibling",c)},siblings:function(a){return n.sibling((a.parentNode||{}).firstChild,a)},children:function(a){return n.sibling(a.firstChild)},contents:function(a){return a.contentDocument||n.merge([],a.childNodes)}},function(a,b){n.fn[a]=function(c,d){var e=n.map(this,b,c);return"Until"!==a.slice(-5)&&(d=c),d&&"string"==typeof d&&(e=n.filter(d,e)),this.length>1&&(C[a]||n.unique(e),B.test(a)&&e.reverse()),this.pushStack(e)}});var E=/\S+/g,F={};function G(a){var b=F[a]={};return n.each(a.match(E)||[],function(a,c){b[c]=!0}),b}n.Callbacks=function(a){a="string"==typeof a?F[a]||G(a):n.extend({},a);var b,c,d,e,f,g,h=[],i=!a.once&&[],j=function(l){for(b=a.memory&&l,c=!0,g=e||0,e=0,f=h.length,d=!0;h&&f>g;g++)if(h[g].apply(l[0],l[1])===!1&&a.stopOnFalse){b=!1;break}d=!1,h&&(i?i.length&&j(i.shift()):b?h=[]:k.disable())},k={add:function(){if(h){var c=h.length;!function g(b){n.each(b,function(b,c){var d=n.type(c);"function"===d?a.unique&&k.has(c)||h.push(c):c&&c.length&&"string"!==d&&g(c)})}(arguments),d?f=h.length:b&&(e=c,j(b))}return this},remove:function(){return h&&n.each(arguments,function(a,b){var c;while((c=n.inArray(b,h,c))>-1)h.splice(c,1),d&&(f>=c&&f--,g>=c&&g--)}),this},has:function(a){return a?n.inArray(a,h)>-1:!(!h||!h.length)},empty:function(){return h=[],f=0,this},disable:function(){return h=i=b=void 0,this},disabled:function(){return!h},lock:function(){return i=void 0,b||k.disable(),this},locked:function(){return!i},fireWith:function(a,b){return!h||c&&!i||(b=b||[],b=[a,b.slice?b.slice():b],d?i.push(b):j(b)),this},fire:function(){return k.fireWith(this,arguments),this},fired:function(){return!!c}};return k},n.extend({Deferred:function(a){var b=[["resolve","done",n.Callbacks("once memory"),"resolved"],["reject","fail",n.Callbacks("once memory"),"rejected"],["notify","progress",n.Callbacks("memory")]],c="pending",d={state:function(){return c},always:function(){return e.done(arguments).fail(arguments),this},then:function(){var a=arguments;return n.Deferred(function(c){n.each(b,function(b,f){var g=n.isFunction(a[b])&&a[b];e[f[1]](function(){var a=g&&g.apply(this,arguments);a&&n.isFunction(a.promise)?a.promise().done(c.resolve).fail(c.reject).progress(c.notify):c[f[0]+"With"](this===d?c.promise():this,g?[a]:arguments)})}),a=null}).promise()},promise:function(a){return null!=a?n.extend(a,d):d}},e={};return d.pipe=d.then,n.each(b,function(a,f){var g=f[2],h=f[3];d[f[1]]=g.add,h&&g.add(function(){c=h},b[1^a][2].disable,b[2][2].lock),e[f[0]]=function(){return e[f[0]+"With"](this===e?d:this,arguments),this},e[f[0]+"With"]=g.fireWith}),d.promise(e),a&&a.call(e,e),e},when:function(a){var b=0,c=d.call(arguments),e=c.length,f=1!==e||a&&n.isFunction(a.promise)?e:0,g=1===f?a:n.Deferred(),h=function(a,b,c){return function(e){b[a]=this,c[a]=arguments.length>1?d.call(arguments):e,c===i?g.notifyWith(b,c):--f||g.resolveWith(b,c)}},i,j,k;if(e>1)for(i=new Array(e),j=new Array(e),k=new Array(e);e>b;b++)c[b]&&n.isFunction(c[b].promise)?c[b].promise().done(h(b,k,c)).fail(g.reject).progress(h(b,j,i)):--f;return f||g.resolveWith(k,c),g.promise()}});var H;n.fn.ready=function(a){return n.ready.promise().done(a),this},n.extend({isReady:!1,readyWait:1,holdReady:function(a){a?n.readyWait++:n.ready(!0)},ready:function(a){(a===!0?--n.readyWait:n.isReady)||(n.isReady=!0,a!==!0&&--n.readyWait>0||(H.resolveWith(l,[n]),n.fn.triggerHandler&&(n(l).triggerHandler("ready"),n(l).off("ready"))))}});function I(){l.removeEventListener("DOMContentLoaded",I,!1),a.removeEventListener("load",I,!1),n.ready()}n.ready.promise=function(b){return H||(H=n.Deferred(),"complete"===l.readyState?setTimeout(n.ready):(l.addEventListener("DOMContentLoaded",I,!1),a.addEventListener("load",I,!1))),H.promise(b)},n.ready.promise();var J=n.access=function(a,b,c,d,e,f,g){var h=0,i=a.length,j=null==c;if("object"===n.type(c)){e=!0;for(h in c)n.access(a,b,h,c[h],!0,f,g)}else if(void 0!==d&&(e=!0,n.isFunction(d)||(g=!0),j&&(g?(b.call(a,d),b=null):(j=b,b=function(a,b,c){return j.call(n(a),c)})),b))for(;i>h;h++)b(a[h],c,g?d:d.call(a[h],h,b(a[h],c)));return e?a:j?b.call(a):i?b(a[0],c):f};n.acceptData=function(a){return 1===a.nodeType||9===a.nodeType||!+a.nodeType};function K(){Object.defineProperty(this.cache={},0,{get:function(){return{}}}),this.expando=n.expando+K.uid++}K.uid=1,K.accepts=n.acceptData,K.prototype={key:function(a){if(!K.accepts(a))return 0;var b={},c=a[this.expando];if(!c){c=K.uid++;try{b[this.expando]={value:c},Object.defineProperties(a,b)}catch(d){b[this.expando]=c,n.extend(a,b)}}return this.cache[c]||(this.cache[c]={}),c},set:function(a,b,c){var d,e=this.key(a),f=this.cache[e];if("string"==typeof b)f[b]=c;else if(n.isEmptyObject(f))n.extend(this.cache[e],b);else for(d in b)f[d]=b[d];return f},get:function(a,b){var c=this.cache[this.key(a)];return void 0===b?c:c[b]},access:function(a,b,c){var d;return void 0===b||b&&"string"==typeof b&&void 0===c?(d=this.get(a,b),void 0!==d?d:this.get(a,n.camelCase(b))):(this.set(a,b,c),void 0!==c?c:b)},remove:function(a,b){var c,d,e,f=this.key(a),g=this.cache[f];if(void 0===b)this.cache[f]={};else{n.isArray(b)?d=b.concat(b.map(n.camelCase)):(e=n.camelCase(b),b in g?d=[b,e]:(d=e,d=d in g?[d]:d.match(E)||[])),c=d.length;while(c--)delete g[d[c]]}},hasData:function(a){return!n.isEmptyObject(this.cache[a[this.expando]]||{})},discard:function(a){a[this.expando]&&delete this.cache[a[this.expando]]}};var L=new K,M=new K,N=/^(?:\{[\w\W]*\}|\[[\w\W]*\])$/,O=/([A-Z])/g;function P(a,b,c){var d;if(void 0===c&&1===a.nodeType)if(d="data-"+b.replace(O,"-$1").toLowerCase(),c=a.getAttribute(d),"string"==typeof c){try{c="true"===c?!0:"false"===c?!1:"null"===c?null:+c+""===c?+c:N.test(c)?n.parseJSON(c):c}catch(e){}M.set(a,b,c)}else c=void 0;return c}n.extend({hasData:function(a){return M.hasData(a)||L.hasData(a)},data:function(a,b,c){ 3 | return M.access(a,b,c)},removeData:function(a,b){M.remove(a,b)},_data:function(a,b,c){return L.access(a,b,c)},_removeData:function(a,b){L.remove(a,b)}}),n.fn.extend({data:function(a,b){var c,d,e,f=this[0],g=f&&f.attributes;if(void 0===a){if(this.length&&(e=M.get(f),1===f.nodeType&&!L.get(f,"hasDataAttrs"))){c=g.length;while(c--)g[c]&&(d=g[c].name,0===d.indexOf("data-")&&(d=n.camelCase(d.slice(5)),P(f,d,e[d])));L.set(f,"hasDataAttrs",!0)}return e}return"object"==typeof a?this.each(function(){M.set(this,a)}):J(this,function(b){var c,d=n.camelCase(a);if(f&&void 0===b){if(c=M.get(f,a),void 0!==c)return c;if(c=M.get(f,d),void 0!==c)return c;if(c=P(f,d,void 0),void 0!==c)return c}else this.each(function(){var c=M.get(this,d);M.set(this,d,b),-1!==a.indexOf("-")&&void 0!==c&&M.set(this,a,b)})},null,b,arguments.length>1,null,!0)},removeData:function(a){return this.each(function(){M.remove(this,a)})}}),n.extend({queue:function(a,b,c){var d;return a?(b=(b||"fx")+"queue",d=L.get(a,b),c&&(!d||n.isArray(c)?d=L.access(a,b,n.makeArray(c)):d.push(c)),d||[]):void 0},dequeue:function(a,b){b=b||"fx";var c=n.queue(a,b),d=c.length,e=c.shift(),f=n._queueHooks(a,b),g=function(){n.dequeue(a,b)};"inprogress"===e&&(e=c.shift(),d--),e&&("fx"===b&&c.unshift("inprogress"),delete f.stop,e.call(a,g,f)),!d&&f&&f.empty.fire()},_queueHooks:function(a,b){var c=b+"queueHooks";return L.get(a,c)||L.access(a,c,{empty:n.Callbacks("once memory").add(function(){L.remove(a,[b+"queue",c])})})}}),n.fn.extend({queue:function(a,b){var c=2;return"string"!=typeof a&&(b=a,a="fx",c--),arguments.lengthx",k.noCloneChecked=!!b.cloneNode(!0).lastChild.defaultValue}();var U="undefined";k.focusinBubbles="onfocusin"in a;var V=/^key/,W=/^(?:mouse|pointer|contextmenu)|click/,X=/^(?:focusinfocus|focusoutblur)$/,Y=/^([^.]*)(?:\.(.+)|)$/;function Z(){return!0}function $(){return!1}function _(){try{return l.activeElement}catch(a){}}n.event={global:{},add:function(a,b,c,d,e){var f,g,h,i,j,k,l,m,o,p,q,r=L.get(a);if(r){c.handler&&(f=c,c=f.handler,e=f.selector),c.guid||(c.guid=n.guid++),(i=r.events)||(i=r.events={}),(g=r.handle)||(g=r.handle=function(b){return typeof n!==U&&n.event.triggered!==b.type?n.event.dispatch.apply(a,arguments):void 0}),b=(b||"").match(E)||[""],j=b.length;while(j--)h=Y.exec(b[j])||[],o=q=h[1],p=(h[2]||"").split(".").sort(),o&&(l=n.event.special[o]||{},o=(e?l.delegateType:l.bindType)||o,l=n.event.special[o]||{},k=n.extend({type:o,origType:q,data:d,handler:c,guid:c.guid,selector:e,needsContext:e&&n.expr.match.needsContext.test(e),namespace:p.join(".")},f),(m=i[o])||(m=i[o]=[],m.delegateCount=0,l.setup&&l.setup.call(a,d,p,g)!==!1||a.addEventListener&&a.addEventListener(o,g,!1)),l.add&&(l.add.call(a,k),k.handler.guid||(k.handler.guid=c.guid)),e?m.splice(m.delegateCount++,0,k):m.push(k),n.event.global[o]=!0)}},remove:function(a,b,c,d,e){var f,g,h,i,j,k,l,m,o,p,q,r=L.hasData(a)&&L.get(a);if(r&&(i=r.events)){b=(b||"").match(E)||[""],j=b.length;while(j--)if(h=Y.exec(b[j])||[],o=q=h[1],p=(h[2]||"").split(".").sort(),o){l=n.event.special[o]||{},o=(d?l.delegateType:l.bindType)||o,m=i[o]||[],h=h[2]&&new RegExp("(^|\\.)"+p.join("\\.(?:.*\\.|)")+"(\\.|$)"),g=f=m.length;while(f--)k=m[f],!e&&q!==k.origType||c&&c.guid!==k.guid||h&&!h.test(k.namespace)||d&&d!==k.selector&&("**"!==d||!k.selector)||(m.splice(f,1),k.selector&&m.delegateCount--,l.remove&&l.remove.call(a,k));g&&!m.length&&(l.teardown&&l.teardown.call(a,p,r.handle)!==!1||n.removeEvent(a,o,r.handle),delete i[o])}else for(o in i)n.event.remove(a,o+b[j],c,d,!0);n.isEmptyObject(i)&&(delete r.handle,L.remove(a,"events"))}},trigger:function(b,c,d,e){var f,g,h,i,k,m,o,p=[d||l],q=j.call(b,"type")?b.type:b,r=j.call(b,"namespace")?b.namespace.split("."):[];if(g=h=d=d||l,3!==d.nodeType&&8!==d.nodeType&&!X.test(q+n.event.triggered)&&(q.indexOf(".")>=0&&(r=q.split("."),q=r.shift(),r.sort()),k=q.indexOf(":")<0&&"on"+q,b=b[n.expando]?b:new n.Event(q,"object"==typeof b&&b),b.isTrigger=e?2:3,b.namespace=r.join("."),b.namespace_re=b.namespace?new RegExp("(^|\\.)"+r.join("\\.(?:.*\\.|)")+"(\\.|$)"):null,b.result=void 0,b.target||(b.target=d),c=null==c?[b]:n.makeArray(c,[b]),o=n.event.special[q]||{},e||!o.trigger||o.trigger.apply(d,c)!==!1)){if(!e&&!o.noBubble&&!n.isWindow(d)){for(i=o.delegateType||q,X.test(i+q)||(g=g.parentNode);g;g=g.parentNode)p.push(g),h=g;h===(d.ownerDocument||l)&&p.push(h.defaultView||h.parentWindow||a)}f=0;while((g=p[f++])&&!b.isPropagationStopped())b.type=f>1?i:o.bindType||q,m=(L.get(g,"events")||{})[b.type]&&L.get(g,"handle"),m&&m.apply(g,c),m=k&&g[k],m&&m.apply&&n.acceptData(g)&&(b.result=m.apply(g,c),b.result===!1&&b.preventDefault());return b.type=q,e||b.isDefaultPrevented()||o._default&&o._default.apply(p.pop(),c)!==!1||!n.acceptData(d)||k&&n.isFunction(d[q])&&!n.isWindow(d)&&(h=d[k],h&&(d[k]=null),n.event.triggered=q,d[q](),n.event.triggered=void 0,h&&(d[k]=h)),b.result}},dispatch:function(a){a=n.event.fix(a);var b,c,e,f,g,h=[],i=d.call(arguments),j=(L.get(this,"events")||{})[a.type]||[],k=n.event.special[a.type]||{};if(i[0]=a,a.delegateTarget=this,!k.preDispatch||k.preDispatch.call(this,a)!==!1){h=n.event.handlers.call(this,a,j),b=0;while((f=h[b++])&&!a.isPropagationStopped()){a.currentTarget=f.elem,c=0;while((g=f.handlers[c++])&&!a.isImmediatePropagationStopped())(!a.namespace_re||a.namespace_re.test(g.namespace))&&(a.handleObj=g,a.data=g.data,e=((n.event.special[g.origType]||{}).handle||g.handler).apply(f.elem,i),void 0!==e&&(a.result=e)===!1&&(a.preventDefault(),a.stopPropagation()))}return k.postDispatch&&k.postDispatch.call(this,a),a.result}},handlers:function(a,b){var c,d,e,f,g=[],h=b.delegateCount,i=a.target;if(h&&i.nodeType&&(!a.button||"click"!==a.type))for(;i!==this;i=i.parentNode||this)if(i.disabled!==!0||"click"!==a.type){for(d=[],c=0;h>c;c++)f=b[c],e=f.selector+" ",void 0===d[e]&&(d[e]=f.needsContext?n(e,this).index(i)>=0:n.find(e,this,null,[i]).length),d[e]&&d.push(f);d.length&&g.push({elem:i,handlers:d})}return h]*)\/>/gi,ba=/<([\w:]+)/,ca=/<|&#?\w+;/,da=/<(?:script|style|link)/i,ea=/checked\s*(?:[^=]|=\s*.checked.)/i,fa=/^$|\/(?:java|ecma)script/i,ga=/^true\/(.*)/,ha=/^\s*\s*$/g,ia={option:[1,""],thead:[1,"","
"],col:[2,"","
"],tr:[2,"","
"],td:[3,"","
"],_default:[0,"",""]};ia.optgroup=ia.option,ia.tbody=ia.tfoot=ia.colgroup=ia.caption=ia.thead,ia.th=ia.td;function ja(a,b){return n.nodeName(a,"table")&&n.nodeName(11!==b.nodeType?b:b.firstChild,"tr")?a.getElementsByTagName("tbody")[0]||a.appendChild(a.ownerDocument.createElement("tbody")):a}function ka(a){return a.type=(null!==a.getAttribute("type"))+"/"+a.type,a}function la(a){var b=ga.exec(a.type);return b?a.type=b[1]:a.removeAttribute("type"),a}function ma(a,b){for(var c=0,d=a.length;d>c;c++)L.set(a[c],"globalEval",!b||L.get(b[c],"globalEval"))}function na(a,b){var c,d,e,f,g,h,i,j;if(1===b.nodeType){if(L.hasData(a)&&(f=L.access(a),g=L.set(b,f),j=f.events)){delete g.handle,g.events={};for(e in j)for(c=0,d=j[e].length;d>c;c++)n.event.add(b,e,j[e][c])}M.hasData(a)&&(h=M.access(a),i=n.extend({},h),M.set(b,i))}}function oa(a,b){var c=a.getElementsByTagName?a.getElementsByTagName(b||"*"):a.querySelectorAll?a.querySelectorAll(b||"*"):[];return void 0===b||b&&n.nodeName(a,b)?n.merge([a],c):c}function pa(a,b){var c=b.nodeName.toLowerCase();"input"===c&&T.test(a.type)?b.checked=a.checked:("input"===c||"textarea"===c)&&(b.defaultValue=a.defaultValue)}n.extend({clone:function(a,b,c){var d,e,f,g,h=a.cloneNode(!0),i=n.contains(a.ownerDocument,a);if(!(k.noCloneChecked||1!==a.nodeType&&11!==a.nodeType||n.isXMLDoc(a)))for(g=oa(h),f=oa(a),d=0,e=f.length;e>d;d++)pa(f[d],g[d]);if(b)if(c)for(f=f||oa(a),g=g||oa(h),d=0,e=f.length;e>d;d++)na(f[d],g[d]);else na(a,h);return g=oa(h,"script"),g.length>0&&ma(g,!i&&oa(a,"script")),h},buildFragment:function(a,b,c,d){for(var e,f,g,h,i,j,k=b.createDocumentFragment(),l=[],m=0,o=a.length;o>m;m++)if(e=a[m],e||0===e)if("object"===n.type(e))n.merge(l,e.nodeType?[e]:e);else if(ca.test(e)){f=f||k.appendChild(b.createElement("div")),g=(ba.exec(e)||["",""])[1].toLowerCase(),h=ia[g]||ia._default,f.innerHTML=h[1]+e.replace(aa,"<$1>")+h[2],j=h[0];while(j--)f=f.lastChild;n.merge(l,f.childNodes),f=k.firstChild,f.textContent=""}else l.push(b.createTextNode(e));k.textContent="",m=0;while(e=l[m++])if((!d||-1===n.inArray(e,d))&&(i=n.contains(e.ownerDocument,e),f=oa(k.appendChild(e),"script"),i&&ma(f),c)){j=0;while(e=f[j++])fa.test(e.type||"")&&c.push(e)}return k},cleanData:function(a){for(var b,c,d,e,f=n.event.special,g=0;void 0!==(c=a[g]);g++){if(n.acceptData(c)&&(e=c[L.expando],e&&(b=L.cache[e]))){if(b.events)for(d in b.events)f[d]?n.event.remove(c,d):n.removeEvent(c,d,b.handle);L.cache[e]&&delete L.cache[e]}delete M.cache[c[M.expando]]}}}),n.fn.extend({text:function(a){return J(this,function(a){return void 0===a?n.text(this):this.empty().each(function(){(1===this.nodeType||11===this.nodeType||9===this.nodeType)&&(this.textContent=a)})},null,a,arguments.length)},append:function(){return this.domManip(arguments,function(a){if(1===this.nodeType||11===this.nodeType||9===this.nodeType){var b=ja(this,a);b.appendChild(a)}})},prepend:function(){return this.domManip(arguments,function(a){if(1===this.nodeType||11===this.nodeType||9===this.nodeType){var b=ja(this,a);b.insertBefore(a,b.firstChild)}})},before:function(){return this.domManip(arguments,function(a){this.parentNode&&this.parentNode.insertBefore(a,this)})},after:function(){return this.domManip(arguments,function(a){this.parentNode&&this.parentNode.insertBefore(a,this.nextSibling)})},remove:function(a,b){for(var c,d=a?n.filter(a,this):this,e=0;null!=(c=d[e]);e++)b||1!==c.nodeType||n.cleanData(oa(c)),c.parentNode&&(b&&n.contains(c.ownerDocument,c)&&ma(oa(c,"script")),c.parentNode.removeChild(c));return this},empty:function(){for(var a,b=0;null!=(a=this[b]);b++)1===a.nodeType&&(n.cleanData(oa(a,!1)),a.textContent="");return this},clone:function(a,b){return a=null==a?!1:a,b=null==b?a:b,this.map(function(){return n.clone(this,a,b)})},html:function(a){return J(this,function(a){var b=this[0]||{},c=0,d=this.length;if(void 0===a&&1===b.nodeType)return b.innerHTML;if("string"==typeof a&&!da.test(a)&&!ia[(ba.exec(a)||["",""])[1].toLowerCase()]){a=a.replace(aa,"<$1>");try{for(;d>c;c++)b=this[c]||{},1===b.nodeType&&(n.cleanData(oa(b,!1)),b.innerHTML=a);b=0}catch(e){}}b&&this.empty().append(a)},null,a,arguments.length)},replaceWith:function(){var a=arguments[0];return this.domManip(arguments,function(b){a=this.parentNode,n.cleanData(oa(this)),a&&a.replaceChild(b,this)}),a&&(a.length||a.nodeType)?this:this.remove()},detach:function(a){return this.remove(a,!0)},domManip:function(a,b){a=e.apply([],a);var c,d,f,g,h,i,j=0,l=this.length,m=this,o=l-1,p=a[0],q=n.isFunction(p);if(q||l>1&&"string"==typeof p&&!k.checkClone&&ea.test(p))return this.each(function(c){var d=m.eq(c);q&&(a[0]=p.call(this,c,d.html())),d.domManip(a,b)});if(l&&(c=n.buildFragment(a,this[0].ownerDocument,!1,this),d=c.firstChild,1===c.childNodes.length&&(c=d),d)){for(f=n.map(oa(c,"script"),ka),g=f.length;l>j;j++)h=c,j!==o&&(h=n.clone(h,!0,!0),g&&n.merge(f,oa(h,"script"))),b.call(this[j],h,j);if(g)for(i=f[f.length-1].ownerDocument,n.map(f,la),j=0;g>j;j++)h=f[j],fa.test(h.type||"")&&!L.access(h,"globalEval")&&n.contains(i,h)&&(h.src?n._evalUrl&&n._evalUrl(h.src):n.globalEval(h.textContent.replace(ha,"")))}return this}}),n.each({appendTo:"append",prependTo:"prepend",insertBefore:"before",insertAfter:"after",replaceAll:"replaceWith"},function(a,b){n.fn[a]=function(a){for(var c,d=[],e=n(a),g=e.length-1,h=0;g>=h;h++)c=h===g?this:this.clone(!0),n(e[h])[b](c),f.apply(d,c.get());return this.pushStack(d)}});var qa,ra={};function sa(b,c){var d,e=n(c.createElement(b)).appendTo(c.body),f=a.getDefaultComputedStyle&&(d=a.getDefaultComputedStyle(e[0]))?d.display:n.css(e[0],"display");return e.detach(),f}function ta(a){var b=l,c=ra[a];return c||(c=sa(a,b),"none"!==c&&c||(qa=(qa||n("