├── static
    ├── .gitkeep
    ├── favicon.ico
    └── data
    │   ├── readme.txt
    │   ├── index2QQ_id.json
    │   ├── atCount.json
    │   ├── similarityMatrix.json
    │   ├── data.json
    │   └── dayVectors.json
├── config
    ├── prod.env.js
    ├── test.env.js
    ├── dev.env.js
    └── index.js
├── IM_analyze
    ├── src
    │   ├── func.pyc
    │   ├── user.pyc
    │   ├── file_reader.pyc
    │   ├── func.py
    │   ├── user.py
    │   ├── file_reader.py
    │   └── main.py
    ├── .settings
    │   └── org.eclipse.core.resources.prefs
    ├── .project
    └── .pydevproject
├── .babelrc
├── .gitignore
├── test
    └── unit
    │   ├── .eslintrc
    │   ├── specs
    │       └── header.spec.js
    │   ├── index.js
    │   └── karma.conf.js
├── .editorconfig
├── src
    ├── store
    │   ├── store.js
    │   ├── user.js
    │   └── login.js
    ├── components
    │   ├── mask.vue
    │   ├── foot.vue
    │   ├── nav.vue
    │   ├── graduate.vue
    │   ├── single.vue
    │   ├── bedroom.vue
    │   ├── eat.vue
    │   ├── header.vue
    │   ├── cloud.vue
    │   ├── login.vue
    │   ├── selfstudy.vue
    │   ├── canteen.vue
    │   ├── building.vue
    │   ├── gotobed.vue
    │   ├── getup.vue
    │   ├── interest.vue
    │   ├── onlyme.vue
    │   ├── difficult.vue
    │   ├── chat.vue
    │   └── amuse.vue
    ├── App.vue
    └── main.js
├── index.html
├── README.md
└── package.json


/static/.gitkeep:
--------------------------------------------------------------------------------
1 | 


--------------------------------------------------------------------------------
/config/prod.env.js:
--------------------------------------------------------------------------------
1 | module.exports = {
2 |   NODE_ENV: '"production"'
3 | }
4 | 


--------------------------------------------------------------------------------
/static/favicon.ico:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/hieeyh/tong2-family/HEAD/static/favicon.ico


--------------------------------------------------------------------------------
/IM_analyze/src/func.pyc:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/hieeyh/tong2-family/HEAD/IM_analyze/src/func.pyc


--------------------------------------------------------------------------------
/IM_analyze/src/user.pyc:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/hieeyh/tong2-family/HEAD/IM_analyze/src/user.pyc


--------------------------------------------------------------------------------
/static/data/readme.txt:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/hieeyh/tong2-family/HEAD/static/data/readme.txt


--------------------------------------------------------------------------------
/IM_analyze/src/file_reader.pyc:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/hieeyh/tong2-family/HEAD/IM_analyze/src/file_reader.pyc


--------------------------------------------------------------------------------
/.babelrc:
--------------------------------------------------------------------------------
1 | {
2 |   "presets": ["es2015", "stage-2"],
3 |   "plugins": ["transform-runtime"],
4 |   "comments": false
5 | }
6 | 


--------------------------------------------------------------------------------
/.gitignore:
--------------------------------------------------------------------------------
1 | .DS_Store
2 | node_modules/
3 | dist/
4 | npm-debug.log
5 | test/unit/coverage
6 | test/e2e/reports
7 | selenium-debug.log
8 | 


--------------------------------------------------------------------------------
/test/unit/.eslintrc:
--------------------------------------------------------------------------------
 1 | {
 2 |   "env": {
 3 |     "mocha": true
 4 |   },
 5 |   "globals": {
 6 |     "expect": true,
 7 |     "sinon": true
 8 |   }
 9 | }
10 | 


--------------------------------------------------------------------------------
/config/test.env.js:
--------------------------------------------------------------------------------
1 | var merge = require('webpack-merge')
2 | var devEnv = require('./dev.env')
3 | 
4 | module.exports = merge(devEnv, {
5 |   NODE_ENV: '"testing"'
6 | })
7 | 


--------------------------------------------------------------------------------
/config/dev.env.js:
--------------------------------------------------------------------------------
1 | var merge = require('webpack-merge')
2 | var prodEnv = require('./prod.env')
3 | 
4 | module.exports = merge(prodEnv, {
5 |   NODE_ENV: '"development"'
6 | })
7 | 


--------------------------------------------------------------------------------
/.editorconfig:
--------------------------------------------------------------------------------
 1 | root = true
 2 | 
 3 | [*]
 4 | charset = utf-8
 5 | indent_style = space
 6 | indent_size = 2
 7 | end_of_line = lf
 8 | insert_final_newline = true
 9 | trim_trailing_whitespace = true
10 | 


--------------------------------------------------------------------------------
/IM_analyze/.settings/org.eclipse.core.resources.prefs:
--------------------------------------------------------------------------------
1 | eclipse.preferences.version=1
2 | encoding//src/file_reader.py=utf-8
3 | encoding//src/func.py=utf-8
4 | encoding//src/main.py=utf-8
5 | encoding//src/user.py=utf-8
6 | encoding/<project>=UTF-8
7 | 


--------------------------------------------------------------------------------
/src/store/store.js:
--------------------------------------------------------------------------------
 1 | import 'babel-polyfill'
 2 | import Vue from 'vue'
 3 | import Vuex from 'vuex'
 4 | import user from './user'
 5 | import login from './login'
 6 | 
 7 | Vue.use(Vuex)
 8 | 
 9 | export default new Vuex.Store({
10 |   strict: process.env.NODE_ENV !== 'production', //在非生产环境下，使用严格模式
11 |   modules: {
12 |     user,
13 |     login
14 |   }
15 | })


--------------------------------------------------------------------------------
/IM_analyze/.project:
--------------------------------------------------------------------------------
 1 | <?xml version="1.0" encoding="UTF-8"?>
 2 | <projectDescription>
 3 | 	<name>IM_analyze</name>
 4 | 	<comment></comment>
 5 | 	<projects>
 6 | 	</projects>
 7 | 	<buildSpec>
 8 | 		<buildCommand>
 9 | 			<name>org.python.pydev.PyDevBuilder</name>
10 | 			<arguments>
11 | 			</arguments>
12 | 		</buildCommand>
13 | 	</buildSpec>
14 | 	<natures>
15 | 		<nature>org.python.pydev.pythonNature</nature>
16 | 	</natures>
17 | </projectDescription>
18 | 


--------------------------------------------------------------------------------
/test/unit/specs/header.spec.js:
--------------------------------------------------------------------------------
 1 | import Vue from 'vue'
 2 | import Vuex from 'vuex'
 3 | import Header from 'src/components/header'
 4 | 
 5 | describe('header.vue test', () => {
 6 |   // 检查原始组件选项
 7 |   it('has data as function', () => {
 8 |     expect(Header.data).to.be.a('function')
 9 |   })
10 |   it('has computed as object', () => {
11 |     expect(Header.computed).to.be.an('object')
12 |   })
13 |   it('has methods as object', () => {
14 |     expect(Header.methods).to.be.an('object')
15 |   })
16 | })


--------------------------------------------------------------------------------
/IM_analyze/.pydevproject:
--------------------------------------------------------------------------------
 1 | <?xml version="1.0" encoding="UTF-8" standalone="no"?>
 2 | <?eclipse-pydev version="1.0"?><pydev_project>
 3 | <pydev_pathproperty name="org.python.pydev.PROJECT_SOURCE_PATH">
 4 | <path>/${PROJECT_DIR_NAME}</path>
 5 | <path>/${PROJECT_DIR_NAME}/src</path>
 6 | </pydev_pathproperty>
 7 | <pydev_property name="org.python.pydev.PYTHON_PROJECT_VERSION">python 2.7</pydev_property>
 8 | <pydev_property name="org.python.pydev.PYTHON_PROJECT_INTERPRETER">Default</pydev_property>
 9 | </pydev_project>
10 | 


--------------------------------------------------------------------------------
/src/components/mask.vue:
--------------------------------------------------------------------------------
 1 | <template>
 2 |     <div id="mask"></div>
 3 | </template>
 4 | 
 5 | <script>
 6 |     export default {
 7 |       mounted() {
 8 |         this.$el.style.height = document.body.scrollHeight + 'px';
 9 |       }
10 |     }
11 | </script>
12 | 
13 | <style scoped>
14 |   #mask {
15 |     position: absolute;
16 |     left: 0;
17 |     top: 0;
18 |     width: 100%;
19 |     height: 100%;
20 |     background-color: #ccc;
21 |     opacity: 0.5;
22 |     filter: alpha(opacity=50);
23 |     z-index: 100;
24 |   }
25 | </style>


--------------------------------------------------------------------------------
/test/unit/index.js:
--------------------------------------------------------------------------------
 1 | // Polyfill fn.bind() for PhantomJS
 2 | /* eslint-disable no-extend-native */
 3 | Function.prototype.bind = require('function-bind')
 4 | 
 5 | // require all test files (files that ends with .spec.js)
 6 | const testsContext = require.context('./specs', true, /\.spec$/)
 7 | testsContext.keys().forEach(testsContext)
 8 | 
 9 | // require all src files except main.js for coverage.
10 | // you can also change this to match only the subset of files that
11 | // you want coverage for.
12 | const srcContext = require.context('../../src', true, /^\.\/(?!main(\.js)?$)/)
13 | srcContext.keys().forEach(srcContext)
14 | 


--------------------------------------------------------------------------------
/src/components/foot.vue:
--------------------------------------------------------------------------------
 1 | <template>
 2 |   <footer>
 3 |     <p>Copyright © <span>Hieeyh</span> 2016 </p>
 4 |   </footer>
 5 | </template>
 6 | 
 7 | <style scoped>
 8 |   footer {
 9 |     position: fixed;
10 |     bottom: 0;
11 |     width: 100%;
12 |     border-top: solid 1px rgba(16, 16, 16, 0.1);
13 |     box-shadow: 0 0 10px #eee;
14 |     text-align: center;
15 |     background-color: rgba(238, 238, 238, 0.6);
16 |     color: #777;
17 |   }
18 |   p {
19 |     margin-left: 24px;
20 |     line-height: 40px;
21 |     font-size: 12px;
22 |   }
23 |   span {
24 |     font-weight: 700;
25 |     color: rgba(0, 0, 0, 0.9);
26 |   }
27 | </style>


--------------------------------------------------------------------------------
/static/data/index2QQ_id.json:
--------------------------------------------------------------------------------
 1 | {"0": 118596889,
 2 | "1": 126058202,
 3 | "2": 136594433,
 4 | "3": 150564507,
 5 | "4": 272615169,
 6 | "5": 321294675,
 7 | "6": 255679362,
 8 | "7": 33725737,
 9 | "8": 49360297,
10 | "9": 197681859,
11 | "10": 147837289,
12 | "11": 39072797,
13 | "12": 141559798,
14 | "13": 235123,
15 | "14": 321249731,
16 | "15": 117162411,
17 | "16": 93603615,
18 | "17": 166628089,
19 | "18": 190311638,
20 | "19": 157000864,
21 | "20": 145722899,
22 | "21": 175772521,
23 | "22": 118430095,
24 | "23": 151561334,
25 | "24": 107120469,
26 | "25": 135781321,
27 | "26": 175829539,
28 | "27": 50255294,
29 | "28": 67526432,
30 | "29": 115853490
31 | }
32 | 


--------------------------------------------------------------------------------
/src/store/user.js:
--------------------------------------------------------------------------------
 1 | import Vue from 'vue'
 2 | 
 3 | export default {
 4 |   // JSON.parse方法将一个字符串解析成一个JSON对象
 5 |   state: JSON.parse(sessionStorage.getItem('user')) || {},
 6 |   mutations: {
 7 |     logIn(state, user) {
 8 |       // 从一个对象中解析出字符串
 9 |       sessionStorage.setItem('user', JSON.stringify(user))
10 |       // ES6语法，从一个对象复制所有的属性到另一个对象，返回state对象 
11 |       Object.assign(state, user)
12 |     },
13 |     logOut(state) {
14 |       sessionStorage.removeItem('user')
15 |       Object.keys(state).forEach(k => Vue.delete(state, k))
16 |       Object.assign(state, {})
17 |     }
18 |   },
19 |   actions: {
20 |     logIn({commit}, user) {
21 |       commit('logIn', user)
22 |     },
23 |     logOut({commit}) {
24 |       commit('logOut')
25 |     }
26 |   }
27 | }


--------------------------------------------------------------------------------
/src/store/login.js:
--------------------------------------------------------------------------------
 1 | import Vue from 'vue'
 2 | 
 3 | export default {
 4 |   state: {
 5 |     islogin: false,
 6 |     hasLogin: false
 7 |   },
 8 |   mutations: {
 9 |     enableLogin(state) {
10 |       state.islogin = true
11 |     },
12 |     disableLogin(state) {
13 |       state.islogin = false
14 |     },
15 |     loginSuccess(state) {
16 |       state.hasLogin = true
17 |     },
18 |     loginFail(state) {
19 |       state.hasLogin = false
20 |     }
21 |   },
22 |   actions: {
23 |     enableLogin({commit}) {
24 |       commit('enableLogin')
25 |     },
26 |     disableLogin({commit}) {
27 |       commit('disableLogin')
28 |     },
29 |     loginSuccess({commit}) {
30 |       commit('loginSuccess')
31 |     },
32 |     loginFail({commit}) {
33 |       commit('loginFail')
34 |     },
35 |   }
36 | }


--------------------------------------------------------------------------------
/index.html:
--------------------------------------------------------------------------------
 1 | <!DOCTYPE html>
 2 | <html>
 3 |   <head>
 4 |     <meta charset="utf-8">
 5 |     <meta http-equiv="X-UA-Compatible" content="IE=edge">
 6 |     <meta name="viewport" content="width=device-width, initial-scale=1.0">
 7 |     <meta name="keywords" content="echarts,vue,vuex,vue-router,统计,通信1502,数据可视化">
 8 |     <title>tong2-family</title>
 9 |     <link rel="icon" href="static/favicon.ico" type="image/x-icon" media="screen">   
10 |     <script src="http://api.map.baidu.com/api?v=2.0&ak=Qoad9PTNdGqKgKmh0qmfKWgH4Y3e6K4L"></script>
11 |     <style type="text/css">
12 |       body,html {
13 |         margin: 0;
14 |         padding: 0;
15 |       }
16 |     </style>
17 |     <!-- <script src="node_modules/echarts/dist/extension/bmap.min.js"></script> -->
18 |   </head>
19 |   <body>
20 |     <div id="app"></div>
21 |     <!-- built files will be auto injected -->
22 |   </body>
23 | </html>
24 | 


--------------------------------------------------------------------------------
/config/index.js:
--------------------------------------------------------------------------------
 1 | // see http://vuejs-templates.github.io/webpack for documentation.
 2 | var path = require('path')
 3 | 
 4 | module.exports = {
 5 |   build: {
 6 |     env: require('./prod.env'),
 7 |     index: path.resolve(__dirname, '../dist/index.html'),
 8 |     assetsRoot: path.resolve(__dirname, '../dist'),
 9 |     assetsSubDirectory: 'static',
10 |     assetsPublicPath: '/',
11 |     productionSourceMap: true,
12 |     // Gzip off by default as many popular static hosts such as
13 |     // Surge or Netlify already gzip all static assets for you.
14 |     // Before setting to `true`, make sure to:
15 |     // npm install --save-dev compression-webpack-plugin
16 |     productionGzip: false,
17 |     productionGzipExtensions: ['js', 'css']
18 |   },
19 |   dev: {
20 |     env: require('./dev.env'),
21 |     port: 8080,
22 |     assetsSubDirectory: 'static',
23 |     assetsPublicPath: '/',
24 |     proxyTable: {},
25 |     // CSS Sourcemaps off by default because relative paths are "buggy"
26 |     // with this option, according to the CSS-Loader README
27 |     // (https://github.com/webpack/css-loader#sourcemaps)
28 |     // In our experience, they generally work as expected,
29 |     // just be aware of this issue when enabling this option.
30 |     cssSourceMap: false
31 |   }
32 | }
33 | 


--------------------------------------------------------------------------------
/IM_analyze/src/func.py:
--------------------------------------------------------------------------------
 1 | #coding=utf-8
 2 | '''
 3 | Created on 2016.10.14
 4 | 
 5 | @author: xiaoq
 6 | '''
 7 | import math
 8 | # 该模块提供对正则表达式的支持
 9 | import re   
10 | 
11 | def getSimilarity(user1, user2):
12 |     '''
13 |     计算两个用户之间的亲密度
14 |     
15 |     通过将用户的发言密度向量化，以向量内积的方式计算用户亲密度
16 |     '''
17 |     similarity = 0
18 |     vectorLen1 = 0
19 |     vectorLen2 = 0 
20 |     for i in range(len(user1.featureVector)):
21 |         similarity = similarity + user1.featureVector[i] * user2.featureVector[i]
22 |         vectorLen1 = vectorLen1 + user1.featureVector[i] * user1.featureVector[i]
23 |         vectorLen2 = vectorLen2 + user2.featureVector[i] * user2.featureVector[i]
24 |     
25 |     return similarity / math.sqrt(vectorLen1) / math.sqrt(vectorLen2)
26 | 
27 | def getAtInfo(QQ_id2index, name2QQ_id, users):
28 |     '''
29 |     获取用户之间互相@的计数
30 |     '''
31 |     atCount = [([0] * len(users)) for i in range(len(users))]  #用户@计数
32 |     for user in users.values():
33 |         for friendName in user.aRecords:
34 |             for name in name2QQ_id.keys():
35 |                 result = re.search(friendName, name)
36 |                 if result:
37 |                     print friendName
38 |                     print name
39 |                     atCount[QQ_id2index[name2QQ_id[user.name]]][QQ_id2index[name2QQ_id[name]]] = atCount[QQ_id2index[name2QQ_id[user.name]]][QQ_id2index[name2QQ_id[name]]] + 1
40 |                     break
41 |     return atCount  
42 | 
43 | def store(obj, objName):
44 |     import json
45 |     
46 |     with open(objName + '.json', 'w') as f:
47 |         f.write(json.dumps(obj))              
48 |                 


--------------------------------------------------------------------------------
/README.md:
--------------------------------------------------------------------------------
 1 | # tong2-family
 2 | 
 3 | > 使用vue2.0、vuex、vue-router2.0、echarts等搭建的一个数据展示平台
 4 | > 不支持IE8及其以下版本，单页面应用
 5 | > 对华科电信大二学生的做了一些调查，对调查结果进行可视化展示，同时分析了通信1502班的群聊记录，得到班级群聊活跃度等信息
 6 | > 基于vuex实现了简单的登录功能
 7 | 
 8 | ## 运行步骤
 9 | 
10 | ``` bash
11 | # 安装依赖
12 | npm install
13 | 
14 | # 在本地启动服务，并且通过localhost:8080地址进行访问
15 | npm run dev
16 | 
17 | # 编译并压缩代码便于发布
18 | npm run build
19 | 
20 | # 运行单元测试
21 | npm run unit
22 | ```
23 | 
24 | ## 在线访问
25 | [http://119.29.57.165:8080/family](http://119.29.57.165:8080/family)        
26 | **注意**：只有用通信1502班同学的qq号登陆才能看到我的群聊活跃时间
27 | 
28 | ## 源码说明
29 | ```
30 | .
31 | |-- IM_analyze                       // 用python进行群聊数据分析的相关代码
32 | |-- build                            // 项目构建相关代码
33 | |-- config                           // 项目开发环境配置
34 | |-- src                              // 源码目录
35 | |   |-- components                   // vue公共组件
36 | |   |-- store                        // vuex的状态管理
37 | |       |-- store.js                 // 加载各种store模块
38 | |       |-- login.js                 // 登录状态相关store
39 | |       |-- user.js                  // 用户相关store
40 | |   |-- App.vue                      // 页面入口文件
41 | |   |-- main.js                      // 程序入口文件，加载各种公共组件
42 | |-- static
43 | |   |-- data                         // 群聊分析得到的数据用于数据可视化
44 | |-- .babelrc                         // ES6语法编译配置
45 | |-- .editorconfig                    // 定义代码格式
46 | |-- .gitignore                       // git上传需要忽略的文件格式
47 | |-- README.md                        // 项目说明
48 | |-- favicon.ico
49 | |-- index.html                       // 入口页面
50 | |-- package.json                     // 项目配置相关信息
51 | .
52 | ```
53 | 
54 | ## 教程
55 | 我的博客：[http://hyuhan.com/2016/11/17/A-data-display-platform/](http://hyuhan.com/2016/11/17/A-data-display-platform/)
56 | 
57 | ## 联系作者
58 | - [Hieeyh's Personal Website](http://hyuhan.com/)
59 | - Email: yuhanhou_enna@126.com
60 | - [微博](http://weibo.com/5204306789/profile?topnav=1&wvr=6&is_all=1)
61 | 
62 | 


--------------------------------------------------------------------------------
/IM_analyze/src/user.py:
--------------------------------------------------------------------------------
 1 | #coding=utf-8
 2 | '''
 3 | Created on 2016.10.14.
 4 | 
 5 | @author: xiaoq
 6 | '''
 7 | 
 8 | import re
 9 | 
10 | class User(object):
11 |     '''
12 |     classdocs
13 |     '''
14 |     #用户描述类
15 |     
16 |     #储存用户的特性
17 |     '''
18 |     '''
19 |     statisticUnit = 6  #统计单元（分钟）
20 |     
21 | 
22 |     def __init__(self, QQ_id_, name_):
23 |         '''
24 |         Constructor
25 |         '''
26 |         self.QQ_id = QQ_id_ #QQ号
27 |         self.name = name_   #昵称
28 |         self.names = set()
29 |         self.records = []   #该用户的所有原始聊天记录
30 |         self.aRecords = []  #该用户@的行为记录
31 |         self.words = "" #该用户的所有发言
32 |         self.recordCount = 0    #该用户的发言总次数
33 |         self.featureVector = [0] * (141 * 24 * 60 / self.statisticUnit)    #该用户的发言密度描述向量，最小统计单元为6分钟
34 |         self.dayVector = [0] * (24 * 60 / self.statisticUnit)  #该用户平均每天的聊天密度，最小统计单元为6分钟
35 |         
36 |     def addRecord(self, record):
37 |         '''
38 |         #记录一条发言
39 |         '''
40 |         self.names.add(record["name"])
41 |         self.records.append(record)
42 |         self.getAfriend(record["words"])
43 |         self.words = self.words + record["words"]
44 |         self.recordCount = self.recordCount + 1
45 |         timeInSec = record["timeInSec"]
46 |         #计算发言密度
47 |         self.featureVector[timeInSec / (self.statisticUnit * 60)] = self.featureVector[timeInSec / (self.statisticUnit * 60)] + 1
48 |         timeInSecInTheDay = timeInSec % (24 * 3600)
49 |         self.dayVector[timeInSecInTheDay / (self.statisticUnit * 60)] = self.dayVector[timeInSecInTheDay / (self.statisticUnit * 60)] + 1
50 |         
51 |     def getAfriend(self, words):  
52 |         friend = re.search("(@\S*\s)|(@\S*$)", words)
53 |         if friend and len(friend.group()) < 3:
54 |             friend = re.search("(@\s*\S*\s)|(@\s*\S*$)", words)
55 |         if friend:
56 |             print words
57 |             name = friend.group()[1:-1]
58 |             self.aRecords.append(name)
59 |             print name
60 |             


--------------------------------------------------------------------------------
/src/App.vue:
--------------------------------------------------------------------------------
 1 | <template>
 2 |   <div id="app">
 3 |   <!-- 导航栏 -->
 4 |     <my-head></my-head>
 5 |     <my-nav></my-nav>
 6 |     <router-view class="main_content"></router-view>
 7 |     <!-- 遮罩层 -->
 8 |     <my-mask v-if="canlogin"></my-mask>
 9 |     <!-- 登录界面 -->
10 |     <my-login v-if="canlogin"></my-login>
11 |     <my-foot></my-foot>
12 | </div>
13 | </template>
14 | 
15 | <script>
16 |   import myHead from 'components/header';
17 |   import myNav from 'components/nav';
18 |   import myMask from 'components/mask';
19 |   import myLogin from 'components/login';
20 |   import myFoot from 'components/foot';
21 | 
22 |   export default {
23 |     name: 'app',
24 |     components: {
25 |       myHead,
26 |       myNav,
27 |       myMask,
28 |       myLogin,
29 |       myFoot
30 |     },
31 |     data() {
32 |       return {
33 |         canlogin: false
34 |       };
35 |     },
36 |     computed: {
37 |       canlogin() {
38 |         return this.$store.state.login.islogin;
39 |       }
40 |     }
41 |     // methods: {
42 |     //   toLogin(islogin) {
43 |     //     this.canlogin = islogin;
44 |     //   },
45 |     //   toQuit(isquit) {
46 |     //     this.canlogin = !isquit;
47 |     //   }
48 |     // },
49 |     // data() {
50 |     //   return {
51 |     //     canlogin: false
52 |     //   }
53 |     // },
54 |     // created() {
55 |     //   this.$on('to-login', this.toLogin)
56 |     //   this.$on('to-quit', this.toQuit)
57 |     // },
58 |     // beforeDestroy() {
59 |     //   this.$off('to-login', this.toLogin)
60 |     //   this.$off('to-quit', this.toQuit)
61 |     // }
62 |   }
63 | </script>
64 | 
65 | <style>
66 |   ul {
67 |     list-style: none;
68 |   }
69 |   a {
70 |     text-decoration: none;
71 |   }
72 |   #app {
73 |     font-family: "Microsoft Yahei", sans-serif;
74 |   }
75 |   .main_content {
76 |     position: relative;
77 |     top: 80px;
78 |     width: 100%;
79 |     margin-bottom: 135px;
80 |     padding-left: 248px;
81 |     box-sizing: border-box;
82 |   }
83 |   @media screen and (max-width: 964px) {
84 |     .main_content {
85 |       padding-left: 0;
86 |     }
87 |   }
88 | </style>
89 | 


--------------------------------------------------------------------------------
/IM_analyze/src/file_reader.py:
--------------------------------------------------------------------------------
 1 | #coding=utf-8
 2 | '''
 3 | Created on 2016.10.14
 4 | 
 5 | @author: xiaoq, houge
 6 | '''
 7 | import re
 8 | import datetime, time
 9 | 
10 | def read_file(filepath):
11 |     '''
12 |     #读取文件，用list来储存聊天记录
13 |     '''
14 |     records = []
15 |     f = open(filepath, "r")
16 |     lines = f.readlines()
17 |     flag = False
18 |     record = {}
19 |     startTime = datetime.datetime.now().strftime("%Y-%m-%d %H:%M:%S")
20 |     for line in lines:
21 |         #解析文本
22 |         line = line.decode('utf-8')
23 |         timestamp = re.search("^\d*-\d*-\d*\s\d*:\d*:\d*", line)
24 |         if timestamp:
25 |             if flag and len(record) == 5 and str(record["QQ_id"]).find("0000") < 0:
26 |                 #剔除系统消息
27 |                 records.append(record)
28 |             nowTime = time.strptime(timestamp.group(),"%Y-%m-%d %H:%M:%S")  #格式化时间戳
29 |             record = {"timestamp": nowTime}
30 |             if not flag:
31 |                 #记录第一条发言的日期，并以当天的零点作为左右发言时间的起点
32 |                 startTime = time.strptime(timestamp.group()[0:11] + "00:00:00", "%Y-%m-%d %H:%M:%S")
33 |             record["timeInSec"] = getTimeInSec(nowTime, startTime)  #获取发言的时间，以第一条发言当天的零点开始计秒
34 |             
35 |             #利用正则表达式来解析出QQ号、昵称、时间戳等信息
36 |             name = re.search(":\d\d\s[\s\S]*\(", line)
37 |             if name:
38 |                 record["name"] = name.group()[4:-1]
39 |             QQ_id = re.search("\(\S*\)", line)
40 |             if QQ_id:
41 |                 record["QQ_id"] = int(QQ_id.group()[1:-1])
42 |             flag = True
43 |         elif flag:
44 |             if record.has_key("words"):
45 |                 record["words"] = record["words"] + line
46 |             else:
47 |                 record["words"] = line
48 |     print len(records)
49 |     return records
50 | 
51 | def getTimeInSec(timestamp, start):
52 |     #将时间转换为从2016.5.24开始的秒数
53 |     return int(time.mktime(timestamp)) - int(time.mktime(start))
54 | 
55 | def getWeek(timeInSec):
56 |     #根据以秒计数的时间戳获取星期
57 |     timeInSec = timeInSec % (7 * 24 * 3600)
58 |     timeInSec = timeInSec / (24 * 3600)
59 |     return 2 + timeInSec
60 |     
61 | 


--------------------------------------------------------------------------------
/src/components/nav.vue:
--------------------------------------------------------------------------------
 1 | <template>
 2 |   <div id="nav-list">
 3 |     <ul class="nav-left">
 4 |       <li class="nav-item" v-for="(item, index) in items">
 5 |         <!-- <a href="#">{{item.name}}</a> -->
 6 |         <router-link :to="'/' + item.ad">{{item.name}}</router-link>
 7 |       </li>
 8 |     </ul>
 9 |   </div>
10 | </template>
11 | 
12 | <script>
13 | export default {
14 |   data () {
15 |     return {
16 |       items: [
17 |         {name: '通信1502班关键词分析', ad: 'wordcloud'},
18 |         {name: '最喜爱建筑分布', ad: 'building'},
19 |         {name: '最喜爱食堂分布', ad: 'canteen'},
20 |         {name: '最常自习地点分布', ad: 'selfstudy'},
21 |         {name: '课程难度调查', ad: 'difficult'},
22 |         {name: '课程兴趣调查', ad: 'interest'},
23 |         {name: '寝室学习氛围', ad: 'bedroom'},
24 |         {name: '毕业展望', ad: 'graduate'},
25 |         {name: '工作日起床时间', ad: 'getup'},
26 |         {name: '工作日睡觉时间', ad: 'gotobed'},
27 |         {name: '每日在校吃饭花销', ad: 'eat'},
28 |         {name: '周末娱乐方式', ad: 'amuse'},
29 |         {name: '目前是否单身', ad: 'single'},
30 |         {name: '班群聊天记录分析', ad: 'chat'},
31 |         {name: '我的群聊活跃时间', ad: 'onlyme'}
32 |       ]
33 |     };
34 |   }
35 | }
36 | </script>
37 | 
38 | <style scoped>
39 |   #nav-list {
40 |     position: fixed;
41 |     top: 50px;
42 |     bottom: 0;
43 |     left: 0;
44 |     padding: 20px 40px;
45 |     line-height: 40px;
46 |     background-color: #293c55;
47 |     overflow-y: auto;
48 |     z-index: 15;
49 |   }
50 |   .nav-left {
51 |     width: 168px;
52 |     font-family: "Microsoft Yahei", sans-serif;
53 |   }
54 |   .nav-item a {
55 |     size: 14px;
56 |     color: #b2b2b2;
57 |   }
58 |   .nav-item a:hover {
59 |     color: rgba(255, 255, 255, 0.8);
60 |   }
61 |   a.router-link-active {
62 |     color: rgba(255, 255, 255, 0.9);
63 |   }
64 |   @media screen and (max-width: 964px) {
65 |     #nav-list {
66 |       position: relative;
67 |       width: 100%;
68 |       padding: 5px 20px;
69 |       box-sizing: border-box;
70 |       line-height: 20px;
71 |     }
72 |     .nav-left {
73 |       width: 100%;
74 |     }
75 |     .nav-left .nav-item {
76 |       display: inline-block;
77 |       margin: 5px 0;
78 |       padding: 0 8px;
79 |       border-right: solid 1px #b2b2b2;
80 |     }
81 |     .nav-item:last-child {
82 |       border-right: none;
83 |     }
84 |   }
85 | </style>


--------------------------------------------------------------------------------
/src/main.js:
--------------------------------------------------------------------------------
 1 | import Vue from 'vue';
 2 | import App from './App';
 3 | import VueRouter from 'vue-router';
 4 | import store from './store/store';
 5 | 
 6 | Vue.use(VueRouter);
 7 | 
 8 | // 定义路由组件
 9 | const Worldcloud = require('components/cloud.vue');
10 | const Building = require('components/building.vue');
11 | const Canteen = require('components/canteen.vue');
12 | const Selfstudy = require('components/selfstudy.vue');
13 | const Difficult = require('components/difficult.vue');
14 | const Interest = require('components/interest.vue');
15 | const Bedroom = require('components/bedroom.vue');
16 | const Graduate = require('components/graduate.vue');
17 | const Getup = require('components/getup.vue');
18 | const Gotobed = require('components/gotobed.vue');
19 | const Eat = require('components/eat.vue');
20 | const Amuse = require('components/amuse.vue');
21 | const Single = require('components/single.vue');
22 | const Chat = require('components/chat.vue');
23 | const Onlyme = require('components/onlyme.vue');
24 | 
25 | // 定义路由
26 | const routes = [
27 |   { path: '/', redirect: '/wordcloud' },
28 |   { path: '/wordcloud', component: Worldcloud },
29 |   { path: '/building', component: Building },
30 |   { path: '/canteen', component: Canteen },
31 |   { path: '/selfstudy', component: Selfstudy },
32 |   { path: '/difficult', component: Difficult },
33 |   { path: '/interest', component: Interest },
34 |   { path: '/bedroom', component: Bedroom },
35 |   { path: '/graduate', component: Graduate },
36 |   { path: '/getup', component: Getup },
37 |   { path: '/gotobed', component: Gotobed },
38 |   { path: '/eat', component: Eat },
39 |   { path: '/amuse', component: Amuse },
40 |   { path: '/single', component: Single },
41 |   { path: '/chat', component: Chat },
42 |   { path: '/onlyme', component: Onlyme }
43 | ];
44 | 
45 | // 创建router实例
46 | const router = new VueRouter({
47 |   routes
48 | });
49 | 
50 | // const store = new Vuex.Store({
51 | //   state: {
52 | //     islogin: false
53 | //   },
54 | //   mutations: {
55 | //     enableLogin(state) {
56 | //       state.islogin = true
57 | //     },
58 | //     disableLogin(state) {
59 | //       state.islogin = false
60 | //     }
61 | //   }
62 | // })
63 | 
64 | /* eslint-disable no-new */
65 | new Vue({
66 |   el: '#app',
67 |   template: '<App/>',
68 |   components: { App },
69 |   router,
70 |   store
71 | });
72 | 
73 | 
74 | 
75 | 
76 | 


--------------------------------------------------------------------------------
/test/unit/karma.conf.js:
--------------------------------------------------------------------------------
 1 | // This is a karma config file. For more details see
 2 | //   http://karma-runner.github.io/0.13/config/configuration-file.html
 3 | // we are also using it with karma-webpack
 4 | //   https://github.com/webpack/karma-webpack
 5 | 
 6 | var path = require('path')
 7 | var merge = require('webpack-merge')
 8 | var baseConfig = require('../../build/webpack.base.conf')
 9 | var utils = require('../../build/utils')
10 | var webpack = require('webpack')
11 | var projectRoot = path.resolve(__dirname, '../../')
12 | 
13 | var webpackConfig = merge(baseConfig, {
14 |   // use inline sourcemap for karma-sourcemap-loader
15 |   module: {
16 |     loaders: utils.styleLoaders()
17 |   },
18 |   devtool: '#inline-source-map',
19 |   vue: {
20 |     loaders: {
21 |       js: 'isparta'
22 |     }
23 |   },
24 |   plugins: [
25 |     new webpack.DefinePlugin({
26 |       'process.env': require('../../config/test.env')
27 |     })
28 |   ]
29 | })
30 | 
31 | // no need for app entry during tests
32 | delete webpackConfig.entry
33 | 
34 | // make sure isparta loader is applied before eslint
35 | webpackConfig.module.preLoaders = webpackConfig.module.preLoaders || []
36 | webpackConfig.module.preLoaders.unshift({
37 |   test: /\.js$/,
38 |   loader: 'isparta',
39 |   include: path.resolve(projectRoot, 'src')
40 | })
41 | 
42 | // only apply babel for test files when using isparta
43 | webpackConfig.module.loaders.some(function (loader, i) {
44 |   if (loader.loader === 'babel') {
45 |     loader.include = path.resolve(projectRoot, 'test/unit')
46 |     return true
47 |   }
48 | })
49 | 
50 | module.exports = function (config) {
51 |   config.set({
52 |     // to run in additional browsers:
53 |     // 1. install corresponding karma launcher
54 |     //    http://karma-runner.github.io/0.13/config/browsers.html
55 |     // 2. add it to the `browsers` array below.
56 |     browsers: ['PhantomJS', 'Chrome', 'Firefox'],
57 |     // mocha本身不包含断言库
58 |     frameworks: ['mocha', 'sinon-chai'],
59 |     reporters: ['spec', 'coverage'],
60 |     files: ['./index.js'],
61 |     preprocessors: {
62 |       './index.js': ['webpack', 'sourcemap']
63 |     },
64 |     webpack: webpackConfig,
65 |     webpackMiddleware: {
66 |       noInfo: true
67 |     },
68 |     coverageReporter: {
69 |       dir: './coverage',
70 |       reporters: [
71 |         { type: 'lcov', subdir: '.' },
72 |         { type: 'text-summary' }
73 |       ]
74 |     }
75 |   })
76 | }
77 | 


--------------------------------------------------------------------------------
/IM_analyze/src/main.py:
--------------------------------------------------------------------------------
 1 | #coding=utf-8
 2 | '''
 3 | Created on 2016.10.13
 4 | 
 5 | @author: xiaoq
 6 | '''
 7 | 
 8 | import json
 9 | from file_reader import read_file
10 | from user import *
11 | from func import *
12 | 
13 | 
14 | if __name__ == '__main__':
15 |     records = read_file("data.txt")
16 |     name2QQ_id = {}
17 |     users = {}
18 |     for record in records:
19 |         #循环处理聊天记录
20 |         #record是一个字典，包括QQ_id,name,timestamp,words等keys
21 |         QQ_id = record["QQ_id"]
22 |         #生成新用户，并不断更新用户name
23 |         if not users.has_key(QQ_id):
24 |             newUser = User(QQ_id, record["name"])
25 |             name2QQ_id[record["name"]] = QQ_id
26 |             newUser.addRecord(record)
27 |             users[QQ_id] = newUser
28 |         else:
29 |             users[QQ_id].name = record["name"]
30 |             name2QQ_id[record["name"]] = QQ_id
31 |             users[QQ_id].addRecord(record)
32 |     #建立QQ号和昵称之间的映射，以及index与QQ号之间的映射
33 |     index2QQ_id = {}
34 |     QQ_id2index = {}
35 |     index2name = {}
36 |     index = 0
37 |     for userID in users.keys():
38 |         index2QQ_id[index] = userID
39 |         index2name[index] = users[userID].name
40 |         QQ_id2index[userID] = index
41 |         index = index + 1
42 |     
43 |     similarityMatrix = [([0] * len(users)) for i in range(len(users))]  #用户相似度矩阵
44 |     
45 |     maxSimilarity = 0
46 |     #计算用户之间的亲密度
47 |     for user1 in users.keys():
48 |         for user2 in users.keys():
49 |             if user1 != user2:
50 |                 similarity = getSimilarity(users[user1], users[user2])  #计算亲密度
51 |                 if similarity > maxSimilarity:
52 |                     maxSimilarity = similarity  #记录相似度的最大值，用于归一化
53 |                 similarityMatrix[QQ_id2index[user1]][QQ_id2index[user2]] = similarity
54 |                 similarityMatrix[QQ_id2index[user2]][QQ_id2index[user1]] = similarity
55 |     #归一化处理
56 |     for i in range(len(users)):
57 |         for j in range(len(users)):
58 |             similarityMatrix[i][j] = int(float(similarityMatrix[i][j]) / maxSimilarity * 100)
59 |             
60 |     atCount = getAtInfo(QQ_id2index, name2QQ_id, users) #用户互相@计数
61 |     
62 |     dayVectors = []
63 |     for i in range(len(users)):
64 |         dayVectors.append(users[index2QQ_id[i]].dayVector)
65 |         
66 |     
67 |     print index2name  
68 |     store(index2QQ_id, 'index2QQ_id')  
69 |     store(dayVectors, 'dayVectors')
70 |     store(similarityMatrix, 'similarityMatrix')    
71 |     store(atCount, 'atCount')   
72 |     print "!!!!"
73 |     


--------------------------------------------------------------------------------
/package.json:
--------------------------------------------------------------------------------
 1 | {
 2 |   "name": "family",
 3 |   "version": "1.0.0",
 4 |   "description": "the statistics about tong2 family",
 5 |   "author": "yuhanhou",
 6 |   "private": true,
 7 |   "scripts": {
 8 |     "dev": "node build/dev-server.js",
 9 |     "build": "node build/build.js",
10 |     "unit": "karma start test/unit/karma.conf.js --single-run",
11 |     "test": "npm run unit"
12 |   },
13 |   "dependencies": {
14 |     "bootstrap": "^3.3.7",
15 |     "echarts": "^3.3.0",
16 |     "echarts-wordcloud": "^1.0.2",
17 |     "vue": "^2.0.1",
18 |     "vue-resource": "^1.0.3",
19 |     "vue-router": "^2.0.1",
20 |     "vuex": "^2.0.0"
21 |   },
22 |   "devDependencies": {
23 |     "autoprefixer": "^6.4.0",
24 |     "babel-core": "^6.0.0",
25 |     "babel-loader": "^6.0.0",
26 |     "babel-plugin-transform-runtime": "^6.0.0",
27 |     "babel-polyfill": "^6.16.0",
28 |     "babel-preset-es2015": "^6.0.0",
29 |     "babel-preset-stage-2": "^6.0.0",
30 |     "babel-register": "^6.0.0",
31 |     "chai": "^3.5.0",
32 |     "chalk": "^1.1.3",
33 |     "chromedriver": "^2.21.2",
34 |     "connect-history-api-fallback": "^1.1.0",
35 |     "cross-spawn": "^4.0.2",
36 |     "css-loader": "^0.25.0",
37 |     "eventsource-polyfill": "^0.9.6",
38 |     "express": "^4.13.3",
39 |     "extract-text-webpack-plugin": "^1.0.1",
40 |     "file-loader": "^0.9.0",
41 |     "function-bind": "^1.0.2",
42 |     "html-webpack-plugin": "^2.8.1",
43 |     "http-proxy-middleware": "^0.17.2",
44 |     "inject-loader": "^2.0.1",
45 |     "isparta-loader": "^2.0.0",
46 |     "json-loader": "^0.5.4",
47 |     "karma": "^1.3.0",
48 |     "karma-chrome-launcher": "^2.0.0",
49 |     "karma-coverage": "^1.1.1",
50 |     "karma-firefox-launcher": "^1.0.0",
51 |     "karma-mocha": "^1.2.0",
52 |     "karma-phantomjs-launcher": "^1.0.0",
53 |     "karma-sinon-chai": "^1.2.0",
54 |     "karma-sourcemap-loader": "^0.3.7",
55 |     "karma-spec-reporter": "0.0.26",
56 |     "karma-webpack": "^1.7.0",
57 |     "lolex": "^1.4.0",
58 |     "mocha": "^3.1.0",
59 |     "nightwatch": "^0.9.8",
60 |     "opn": "^4.0.2",
61 |     "ora": "^0.3.0",
62 |     "phantomjs-prebuilt": "^2.1.3",
63 |     "selenium-server": "2.53.1",
64 |     "semver": "^5.3.0",
65 |     "shelljs": "^0.7.4",
66 |     "sinon": "^1.17.3",
67 |     "sinon-chai": "^2.8.0",
68 |     "url-loader": "^0.5.7",
69 |     "vue-loader": "^9.4.0",
70 |     "vue-style-loader": "^1.0.0",
71 |     "webpack": "^1.13.2",
72 |     "webpack-dev-middleware": "^1.8.3",
73 |     "webpack-hot-middleware": "^2.12.2",
74 |     "webpack-merge": "^0.14.1"
75 |   },
76 |   "engines": {
77 |     "node": ">= 4.0.0",
78 |     "npm": ">= 3.0.0"
79 |   }
80 | }
81 | 


--------------------------------------------------------------------------------
/src/components/graduate.vue:
--------------------------------------------------------------------------------
 1 | <template>
 2 |   <div>
 3 |     <div id="graduate"></div>
 4 |   </div>
 5 | </template>
 6 | 
 7 | <script>
 8 |   import echarts from 'echarts';
 9 |   import '../../node_modules/echarts/theme/roma.js';
10 |   import data from 'static/data/data.json';
11 | 
12 |   export default {
13 |     data() {
14 |       return {
15 |         chart: null
16 |       };
17 |     },
18 |     methods: {
19 |       drawPie (id) {
20 |         this.chart = echarts.init(document.getElementById(id), 'roma');
21 |         this.chart.setOption({
22 |           tooltip: {
23 |             trigger: 'item',
24 |             formatter: "{a} <br/>{b} : {c} ({d}%)"
25 |           },
26 |           toolbox: {
27 |             feature: {
28 |               saveAsImage: {},
29 |               dataView: {}
30 |             },
31 |             right: 15,
32 |             top: 10
33 |           },
34 |           legend: {
35 |               orient: 'vertical',
36 |               left: 5,
37 |               top: 10,
38 |               data: data.graduate.opinion,
39 |           },
40 |           series: [
41 |             {
42 |               name: '人数',
43 |               type: 'pie',
44 |               selectedMode: 'single',
45 |               radius: '70%',
46 |               center: ['50%', '60%'],
47 |               data: data.graduate.opinionData,
48 |               itemStyle: {
49 |                 normal: {
50 |                   borderWidth: 0.5,
51 |                   borderColor: '#ffffff'
52 |                 },
53 |                 emphasis: {
54 |                   shadowBlur: 10,
55 |                   shadowOffset: 0,
56 |                   shadowColor: 'rgba(0, 0, 0, 0.5)'
57 |                 }
58 |               }
59 |             }
60 |           ]
61 |         });
62 |       }
63 |     },
64 |     mounted() {
65 |       this.$nextTick(function() {
66 |         this.drawPie('graduate');
67 |         var that = this;
68 |         var resizeTimer = null;
69 |         window.onresize = function() {
70 |           if (resizeTimer) clearTimeout(resizeTimer);
71 |           resizeTimer = setTimeout(function() {
72 |             that.drawPie('graduate');
73 |           }, 100);
74 |         }
75 |       });
76 |     }
77 |   }
78 | </script>
79 | 
80 | <style scoped>
81 |   #graduate {
82 |     position: relative;
83 |     left: 50%;
84 |     width: 90%;
85 |     height: 600px;
86 |     margin-left: -45%;
87 |     border: solid #E3670C 1px;
88 |     box-shadow: 0 0 8px #FBB448;
89 |     border-radius: 10px;
90 |   }   
91 |   @media screen and (max-width: 470px) {
92 |     #graduate {
93 |       height: 500px;
94 |     }
95 |   }
96 | </style>


--------------------------------------------------------------------------------
/src/components/single.vue:
--------------------------------------------------------------------------------
 1 | <template>
 2 |   <div>
 3 |     <div id="single"></div>
 4 |   </div>
 5 | </template>
 6 | 
 7 | <script>
 8 |   import echarts from 'echarts';
 9 |   import data from 'static/data/data.json';
10 | 
11 |   export default {
12 |     data() {
13 |       return {
14 |         chart: null
15 |       };
16 |     },
17 |     methods: {
18 |       drawPie (id, small, big) {
19 |         this.chart = echarts.init(document.getElementById(id));
20 |         this.chart.setOption({
21 |           tooltip: {
22 |             trigger: 'item',
23 |             formatte: "{b}: {c} ({d}%)"
24 |           },
25 |           toolbox: {
26 |             feature: {
27 |               saveAsImage: {},
28 |               dataView: {}
29 |             },
30 |             right: 15,
31 |             top: 10
32 |           },
33 |           legend: {
34 |               orient: 'vertical',
35 |               left: 5,
36 |               top: 10,
37 |               data: data.single.course,
38 |           },
39 |           series: [
40 |             {
41 |               name: '是否单身',
42 |               type: 'pie',
43 |               radius: [small, big],
44 |               center: ['50%', '55%'],
45 |               roseType: 'radius',
46 |               data: data.single.courseDiff,
47 |               itemStyle: {
48 |                 emphasis: {
49 |                   shadowBlur: 10,
50 |                   shadowOffset: 0,
51 |                   shadowColor: 'rgba(0, 0, 0, 0.5)'
52 |                 }
53 |               }
54 |             }
55 |           ]
56 |         });
57 |       }
58 |     },
59 |     mounted() {
60 |       this.$nextTick(function() {
61 |         if (document.body.clientWidth < 480) {
62 |           this.drawPie('single', 40, 100);
63 |         } else {
64 |           this.drawPie('single', 60, 220);
65 |         }
66 |         
67 |         var that = this; 
68 |         var resizeTimer = null;
69 |         window.onresize = function() {
70 |           if (resizeTimer) clearTimeout(resizeTimer);
71 |           resizeTimer = setTimeout(function() {
72 |             if (document.body.clientWidth < 480) {
73 |               that.drawPie('single', 40, 100);
74 |             } else {
75 |               that.drawPie('single', 60, 220);
76 |             }
77 |           }, 100);
78 |         }
79 |       });
80 |     }
81 |   }
82 | </script>
83 | 
84 | <style scoped>
85 |   #single {
86 |     position: relative;
87 |     left: 50%;
88 |     width: 90%;
89 |     height: 600px;
90 |     margin-left: -45%;
91 |     box-shadow: 0 0 10px #2A769A;
92 |     border-radius: 10px;
93 |   }   
94 |   @media screen and (max-width: 480px) {
95 |     #single {
96 |       height: 450px;
97 |     }
98 |   }
99 | </style>


--------------------------------------------------------------------------------
/static/data/atCount.json:
--------------------------------------------------------------------------------
1 | [[0, 2, 1, 0, 1, 0, 0, 0, 0, 0, 11, 0, 0, 0, 0, 0, 1, 0, 0, 0, 0, 0, 0, 1, 1, 0, 1, 0, 1, 0], [1, 0, 0, 0, 1, 0, 0, 0, 0, 0, 2, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0], [0, 1, 1, 2, 7, 1, 0, 7, 1, 0, 5, 0, 0, 0, 1, 0, 3, 0, 0, 2, 1, 1, 1, 0, 4, 6, 1, 0, 0, 0], [0, 0, 1, 0, 4, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 1, 0, 0, 0, 0, 0], [10, 4, 7, 1, 0, 0, 0, 6, 0, 3, 17, 1, 0, 0, 2, 0, 4, 0, 0, 0, 0, 1, 0, 0, 4, 3, 4, 3, 3, 0], [0, 0, 1, 1, 0, 0, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 2, 0, 0, 0, 0, 0, 0, 0, 1, 0, 0, 0, 0, 0], [0, 0, 0, 0, 0, 0, 0, 1, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 1, 0, 0, 0, 0, 0], [1, 2, 3, 4, 3, 0, 4, 1, 0, 3, 3, 0, 3, 0, 0, 3, 3, 0, 0, 1, 4, 8, 1, 1, 6, 1, 0, 0, 4, 1], [0, 1, 2, 0, 1, 0, 0, 0, 0, 0, 0, 1, 0, 0, 0, 0, 0, 0, 0, 0, 1, 0, 0, 0, 2, 0, 0, 0, 0, 0], [0, 1, 0, 0, 0, 0, 0, 1, 0, 0, 0, 0, 0, 0, 0, 0, 1, 0, 0, 0, 0, 0, 0, 0, 0, 1, 0, 0, 0, 0], [21, 2, 8, 3, 9, 5, 0, 2, 1, 0, 0, 9, 1, 0, 1, 1, 9, 0, 1, 1, 2, 0, 0, 8, 19, 2, 0, 5, 0, 1], [0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0], [0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0], [0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0], [0, 0, 0, 0, 1, 0, 0, 0, 0, 0, 0, 0, 1, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0], [1, 0, 0, 0, 1, 0, 0, 2, 0, 1, 0, 0, 0, 0, 0, 0, 1, 0, 1, 0, 0, 0, 0, 0, 1, 0, 0, 0, 0, 0], [0, 0, 0, 0, 0, 0, 0, 1, 0, 0, 3, 3, 0, 0, 0, 0, 0, 0, 0, 0, 1, 0, 0, 0, 0, 0, 0, 1, 0, 0], [0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0], [0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 1, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0], [0, 0, 0, 1, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 1, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0], [0, 0, 0, 0, 0, 0, 0, 1, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 1, 0, 0, 0, 0, 0], [0, 0, 0, 1, 1, 0, 0, 1, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 1, 0, 0, 0], [1, 0, 1, 0, 0, 0, 0, 2, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 2, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0], [0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 1, 0, 0], [0, 2, 0, 0, 2, 1, 0, 4, 0, 1, 6, 1, 0, 0, 1, 1, 2, 0, 0, 0, 1, 1, 0, 0, 0, 4, 1, 0, 1, 0], [0, 0, 3, 0, 0, 0, 0, 1, 1, 0, 0, 0, 0, 0, 0, 0, 1, 0, 0, 0, 0, 0, 0, 0, 2, 1, 0, 0, 0, 0], [1, 1, 0, 0, 0, 0, 1, 2, 0, 0, 1, 0, 0, 0, 1, 0, 1, 0, 0, 0, 1, 1, 1, 0, 1, 2, 0, 0, 0, 0], [0, 0, 0, 0, 0, 0, 0, 0, 0, 1, 1, 0, 0, 0, 0, 0, 1, 0, 0, 0, 0, 0, 0, 0, 2, 0, 0, 0, 0, 0], [0, 0, 0, 0, 2, 0, 0, 1, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 0], [0, 0, 0, 0, 0, 0, 0, 1, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0]]


--------------------------------------------------------------------------------
/src/components/bedroom.vue:
--------------------------------------------------------------------------------
  1 | <template>
  2 |   <div>
  3 |     <div id="bedroom"></div>
  4 |   </div>
  5 | </template>
  6 | 
  7 | <script>
  8 |   import echarts from 'echarts';
  9 |   import data from 'static/data/data.json';
 10 | 
 11 |   export default {
 12 |     data() {
 13 |       return {
 14 |         chart: null
 15 |       };
 16 |     },
 17 |     methods: {
 18 |       drawPie (id) {
 19 |         this.chart = echarts.init(document.getElementById(id));
 20 |         this.chart.setOption({
 21 |           tooltip: {
 22 |             trigger: 'item',
 23 |             formatte: "{b}: {c} ({d}%)"
 24 |           },
 25 |           toolbox: {
 26 |             feature: {
 27 |               saveAsImage: {},
 28 |               dataView: {}
 29 |             },
 30 |             right: 15,
 31 |             top: 10
 32 |           },
 33 |           legend: {
 34 |               orient: 'vertical',
 35 |               left: 5,
 36 |               top: 10,
 37 |               data: data.bedroom.opinion,
 38 |           },
 39 |           series: [
 40 |             {
 41 |               name: '寝室学习氛围',
 42 |               type: 'pie',
 43 |               radius: ['50%', '70%'],
 44 |               center: ['50%', '60%'],
 45 |               avoidLabelOverlap: false,
 46 |               label: {
 47 |                 emphasis: {
 48 |                   show: true,
 49 |                   textStyle: {
 50 |                     fontSize: '24',
 51 |                     fontWeight: 'bold'
 52 |                   }
 53 |                 }
 54 |               },
 55 |               labelLine: {
 56 |                 normal: {
 57 |                   show: false
 58 |                 }
 59 |               },
 60 |               data: data.bedroom.opinionData,
 61 |               itemStyle: {
 62 |                 emphasis: {
 63 |                   shadowBlur: 10,
 64 |                   shadowOffset: 0,
 65 |                   shadowColor: 'rgba(0, 0, 0, 0.5)'
 66 |                 }
 67 |               }
 68 |             }
 69 |           ]
 70 |         });
 71 |       }
 72 |     },
 73 |     mounted() {
 74 |       this.$nextTick(function() {
 75 |         this.drawPie('bedroom');
 76 |         var that = this;
 77 |         var resizeTimer = null;
 78 |         window.onresize = function() {
 79 |           if (resizeTimer) clearTimeout(resizeTimer);
 80 |           resizeTimer = setTimeout(function() {
 81 |             that.drawPie('bedroom');
 82 |           }, 100);
 83 |         }
 84 |       });
 85 |     }
 86 |   }
 87 | </script>
 88 | 
 89 | <style scoped>
 90 |   #bedroom {
 91 |     position: relative;
 92 |     left: 50%;
 93 |     width: 90%;
 94 |     height: 600px;
 95 |     margin-left: -45%;
 96 |     border: solid #D01257 1px;
 97 |     box-shadow: 0 0 8px #FB90B7;
 98 |     border-radius: 10px;
 99 |   }   
100 |   @media screen and (max-width: 470px) {
101 |     #bedroom {
102 |       height: 500px;
103 |     }
104 |   }
105 | </style>


--------------------------------------------------------------------------------
/src/components/eat.vue:
--------------------------------------------------------------------------------
  1 | <template>
  2 |   <div>
  3 |     <div id="eat"></div>
  4 |   </div>
  5 | </template>
  6 | 
  7 | <script>
  8 |   import echarts from 'echarts';
  9 |   import data from 'static/data/data.json';
 10 | 
 11 |   export default {
 12 |     data() {
 13 |       return {
 14 |         chart: null
 15 |       };
 16 |     },
 17 |     methods: {
 18 |       drawBar (id) {
 19 |         this.chart = echarts.init(document.getElementById(id));
 20 |         this.chart.setOption({
 21 |           tooltip: {
 22 |             trigger: 'axis'
 23 |           },
 24 |           toolbox: {
 25 |             feature: {
 26 |               magicType:{show: true, type: ['line', 'bar']},
 27 |               saveAsImage: {show: true},
 28 |               dataView: {show: true, readOnly: false}            
 29 |             },
 30 |             top: 10,
 31 |             right: 15
 32 |           },
 33 |           calculable: true,
 34 |           grid: {
 35 |             left: '3%',
 36 |             right: '6%',
 37 |             bottom: '3%',
 38 |             containLabel: true
 39 |           },
 40 |           xAxis: [
 41 |             {
 42 |               type: 'category',
 43 |               data: data.eat.money
 44 |             }
 45 |           ],
 46 |           yAxis: [
 47 |             {
 48 |               type: 'value',
 49 |               name: '人数',
 50 |               max: 35
 51 |             }
 52 |           ],
 53 |           series: [
 54 |             {
 55 |               name: '起床时间',
 56 |               type: 'bar',
 57 |               markPoint: {
 58 |                 data: [
 59 |                   {type: 'max', name: '最大值'},
 60 |                   {type: 'min', name: '最小值'}
 61 |                 ]
 62 |               },
 63 |               markLine: {
 64 |                 data: [
 65 |                   {type: 'average', name: '平均值'}
 66 |                 ]
 67 |               },
 68 |               itemStyle: {
 69 |                 normal: {
 70 |                   barBorderRadius: 20,
 71 |                   color: '#726dd1',
 72 |                   shadowColor: 'rgba(0, 0, 0, 0.4)',
 73 |                   shadowBlur: 20
 74 |                 }
 75 |               },
 76 |               data: data.eat.number
 77 |             }
 78 |           ]
 79 |         })
 80 |       }
 81 |     },
 82 |     mounted() {
 83 |       this.$nextTick(function() {
 84 |         this.drawBar('eat');
 85 |         var that = this;
 86 |         var resizeTimer = null;
 87 |         window.onresize = function() {
 88 |           if (resizeTimer) clearTimeout(resizeTimer);
 89 |           resizeTimer = setTimeout(function() {
 90 |             that.drawBar('eat');
 91 |           }, 100);
 92 |         }
 93 |       });
 94 |     }
 95 |   }
 96 | </script>
 97 | 
 98 | <style scoped>
 99 |   #eat {
100 |     position: relative;
101 |     left: 50%;
102 |     width: 90%;
103 |     height: 600px;
104 |     margin-left: -45%;
105 |     box-shadow: 0 0 10px #726dd1;
106 |     border-radius: 10px;
107 |   }   
108 | </style>


--------------------------------------------------------------------------------
/src/components/header.vue:
--------------------------------------------------------------------------------
  1 | <template>
  2 |   <header class="top-container">
  3 |     <div class="top-bar clearfix">
  4 |       <div class="topbar-nav">
  5 |         <ul class="nav-wrap">
  6 |           <li class="nav">一个班主任对学生做的小调查</li>
  7 |         </ul>
  8 |       </div>
  9 |       <div v-if="hasLogin" class="topbar-info">
 10 |         <span>{{user.name}}欢迎你</span>
 11 |         <span>|</span>
 12 |         <button @click="toLogout">退出</button>
 13 |       </div>
 14 |       <div v-else class="topbar-info">
 15 |         <button @click="toLogin">登录</button>
 16 |       </div>
 17 |     </div>
 18 |   </header>
 19 | </template>
 20 | 
 21 | <script>
 22 |   import { mapActions } from 'vuex';
 23 |   // import { mapState } from 'vuex'
 24 |   export default {
 25 |     data() {
 26 |       return {
 27 |         user: {},
 28 |         hasLogin: this.$store.state.user.hasLogin
 29 |       };
 30 |     },
 31 |     computed: { 
 32 |       hasLogin() {
 33 |         return this.$store.state.login.hasLogin ? this.$store.state.login.hasLogin : this.$store.state.user.hasLogin;
 34 |       },
 35 |       user() {
 36 |         return this.$store.state.user;
 37 |       }
 38 |     },
 39 |     methods: {
 40 |       ...mapActions(['enableLogin', 'logOut', 'loginFail']),
 41 |       toLogin() {
 42 |         // this.islogin = true;
 43 |         // // 给父组件传递信息
 44 |         // this.$parent.$emit('to-login', { text: this.islogin})  
 45 |         this.enableLogin();
 46 |       },
 47 |       toLogout() {
 48 |         this.logOut();
 49 |         this.loginFail();
 50 |         this.$router.replace({path: '/'});
 51 |       }
 52 |     }
 53 |   }
 54 | </script>
 55 | 
 56 | <style>
 57 |   * {
 58 |     margin: 0;
 59 |     padding: 0;
 60 |   }
 61 |   .top-container {
 62 |     position: fixed;
 63 |     top: 0;
 64 |     left: 0;
 65 |     width: 100%;
 66 |     height: 50px;
 67 |     box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
 68 |     background-color: #fff;
 69 |     z-index: 100;
 70 |     font-family: "Microsoft Yahei", sans-serif;
 71 |   }
 72 |   .topbar-nav {
 73 |     display: inline-block;
 74 |     float: left;
 75 |     height: 50px;
 76 |     margin-left: 40px;
 77 |     line-height: 50px;
 78 |     overflow: hidden;
 79 |   }
 80 |   .nav {
 81 |     font-size: 20px;
 82 |   }
 83 |   .topbar-info {
 84 |     position: absolute;
 85 |     top: 0;
 86 |     right: 40px;
 87 |     height: 50px;
 88 |     line-height: 50px;
 89 |   }
 90 |   button {
 91 |     border: none;
 92 |     font-size: 16px;
 93 |     color: #919191;
 94 |     background-color: #fff;
 95 |   }
 96 |   button:hover {
 97 |     color: #000;
 98 |   }
 99 |   .topbar-info span {
100 |     color: #919191;
101 |   }
102 |   @media screen and (max-width: 500px) {
103 |     .topbar-nav {
104 |       margin-left: 25px;
105 |     }
106 |     .nav {
107 |       font-size: 15px;
108 |     }
109 |     .topbar-info {
110 |       right: 25px;
111 |     }
112 |     button {
113 |       font-size: 15px;
114 |     }
115 |   }
116 | </style>
117 | 


--------------------------------------------------------------------------------
/src/components/cloud.vue:
--------------------------------------------------------------------------------
  1 | <template>
  2 |   <div>
  3 |     <div id="word_cloud1"></div>
  4 |     <div id="word_cloud2"></div>
  5 |   </div>
  6 | </template>
  7 | 
  8 | <script>
  9 |   import echarts from 'echarts';
 10 |   import 'echarts-wordcloud';
 11 |   import data from 'static/data/data.json';
 12 |   
 13 |   export default {
 14 |     data () {
 15 |       return {
 16 |         chart: null
 17 |       };
 18 |     },
 19 |     methods: {
 20 |       drawCloud (id, myshape) {
 21 |         this.chart = echarts.init(document.getElementById(id));
 22 |         this.chart.setOption({
 23 |           toolbox: {
 24 |             feature: {
 25 |               saveAsImage: {},
 26 |               dataView: {}
 27 |             },
 28 |             right: 20,
 29 |             top: 20
 30 |           },
 31 |           series: [{
 32 |             type: 'wordCloud',
 33 |             shape: myshape,
 34 |             // shape: 'cardioid',
 35 |             // shape: 'pentagon',
 36 |             // shape: 'circle',
 37 |             left: 'center',
 38 |             top: 30,
 39 |             width: '75%',
 40 |             height: '80%',
 41 |             right: null,
 42 |             bottom: null,
 43 |             sizeRange: [12, 75],
 44 |             rotationRange: [-90, 90],
 45 |             rotationStep: 45,
 46 |             gridSize: 8,
 47 |             textStyle: {
 48 |               normal: {
 49 |                 fontFamily: 'Microsoft Yahei',
 50 |                 fontWeight: 'bold',
 51 |                 color: function() {
 52 |                   return 'rgb(' + [
 53 |                     Math.round(Math.random() * 160),
 54 |                     Math.round(Math.random() * 160),
 55 |                     Math.round(Math.random() * 160)
 56 |                   ].join(',') + ')'
 57 |                 }
 58 |               },
 59 |               emphasis: {
 60 |                 shadowBlur: 10,
 61 |                 shadowColor: '#333'
 62 |               }
 63 |             },
 64 |             data: data.cloud.wordContent
 65 |           }]
 66 |         });
 67 |       }
 68 |     },
 69 |     mounted() {
 70 |       // 保证this.$el已经插入文档
 71 |       this.$nextTick(function() {
 72 |         this.drawCloud('word_cloud1', 'cardioid');
 73 |         this.drawCloud('word_cloud2', 'pentagon');
 74 |         var that = this;
 75 |         var resizeTimer = null;
 76 |         window.onresize = function() {
 77 |           if (resizeTimer) clearTimeout(resizeTimer);
 78 |           resizeTimer = setTimeout(function() {
 79 |             that.drawCloud('word_cloud1', 'cardioid');
 80 |             that.drawCloud('word_cloud2', 'pentagon');
 81 |           }, 100);
 82 |         }
 83 |       })
 84 |     }
 85 |   }
 86 | </script>
 87 | <style scoped>
 88 |   #word_cloud1,
 89 |   #word_cloud2 {
 90 |     position: relative;
 91 |     left: 50%;
 92 |     width: 90%;
 93 |     height: 560px;
 94 |     margin-left: -45%;
 95 |     border: solid #9E579D 1px;
 96 |     box-shadow: 0 0 8px #FC85AE;
 97 |     border-radius: 10px;
 98 |   }
 99 |   #word_cloud2 {
100 |     margin-top: 15px;
101 |     height: 480px;
102 |   }
103 | </style>
104 | 
105 | 


--------------------------------------------------------------------------------
/src/components/login.vue:
--------------------------------------------------------------------------------
  1 | <template>
  2 |   <div id="login">
  3 |     <div class="title">
  4 |       <h3>登录</h3>
  5 |     </div>    
  6 |     <div class="loginMess">
  7 |       <input class="message" type="text" name="name" placeholder="请输入你的姓名" v-model="form.name">
  8 |       <div class="warn" v-show="issubmit && !form.name">姓名不能为空</div>
  9 |       <input class="message" type="text" name="pass" placeholder="请输入你的QQ号" v-model="form.qq">
 10 |       <div class="warn" v-show="issubmit && !form.qq">qq号不能为空</div>
 11 |     </div>
 12 |     <div class="button">
 13 |       <button @click="toQuit">取消</button>
 14 |       <!-- <button>取消</button> -->
 15 |       <button @click="toSubmit">确定</button>
 16 |     </div>
 17 |   </div>
 18 | </template>
 19 | 
 20 | <script>
 21 |   import { mapActions } from 'vuex';
 22 |   export default {
 23 |     // data() {
 24 |     //   return {
 25 |     //     isquit: false
 26 |     //   }
 27 |     // },
 28 |     data() {
 29 |       return {
 30 |         issubmit: false,
 31 |         form: {
 32 |           name: '',
 33 |           qq: '',
 34 |           hasLogin: false
 35 |         }
 36 |       };
 37 |     },
 38 |     methods: {
 39 |       ...mapActions(['disableLogin', 'logIn', 'loginSuccess']),
 40 |       toQuit() {
 41 |         // this.isquit = true;
 42 |         // this.$parent.$emit('to-quit', { text: this.isquit})
 43 |         this.disableLogin();
 44 |       },
 45 |       toSubmit() {
 46 |         this.issubmit = true;
 47 | 
 48 |         if(!this.form.qq || !this.form.name) return;
 49 |         this.form.hasLogin = true;
 50 |         this.disableLogin();
 51 |         this.logIn(this.form);
 52 |         this.loginSuccess(); 
 53 |         this.$router.replace({path: '/'});
 54 |       }
 55 |     }
 56 |   }
 57 | </script>
 58 | 
 59 | <style scoped>
 60 |   #login {
 61 |     position:fixed;
 62 |     left: 50%;
 63 |     top: 50%;
 64 |     width: 410px;
 65 |     height: 270px;
 66 |     margin-top: -135px;
 67 |     margin-left: -205px; 
 68 |     z-index:1000; 
 69 |     background-color: #fff;
 70 |   }
 71 |   .title {
 72 |     height: 56px;
 73 |     background-color: #f80016;
 74 |   }
 75 |   h3 {
 76 |     padding-left: 35px;
 77 |     line-height: 56px;
 78 |     color: #fff;
 79 |     font-weight: 300;
 80 |   }
 81 |   .loginMess {
 82 |     padding-top: 20px;
 83 |     padding-left: 30px;
 84 | 
 85 |   }
 86 |   .message {
 87 |     display: block;
 88 |     width: 360px;
 89 |     height: 35px;
 90 |     margin-bottom: 5px;
 91 |     font-size: 15px;
 92 |   }
 93 |   .warn {
 94 |     margin-bottom:10px;
 95 |     color: red;
 96 |     font-size: 12px;
 97 |   }
 98 |   .button {
 99 |     margin-top: 20px;
100 |     margin-left: 268px;
101 |   }
102 |   button {
103 |     width: 58px;
104 |     height: 34px;
105 |     margin-right: 5px;
106 |     border: 0;
107 |     font-size: 14px;
108 |     background-color: #f80016;
109 |     color: #fff; 
110 |   }
111 |   @media screen and (max-width: 430px) {
112 |     #login {
113 |       width: 300px;
114 |       height: 264px;
115 |       margin-top: -120px;
116 |       margin-left: -150px; 
117 |     }
118 |     .message {
119 |       width: 240px;
120 |       font-size: 14px;
121 |     }
122 |     .button {
123 |       margin-left: 160px;
124 |     }
125 |   }
126 | </style>


--------------------------------------------------------------------------------
/static/data/similarityMatrix.json:
--------------------------------------------------------------------------------
 1 | [
 2 |     [0, 12, 11, 27, 32, 15, 9, 45, 0, 7, 71, 10, 3, 0, 47, 31, 39, 4, 26, 27, 31, 23, 16, 20, 19, 22, 15, 16, 1, 0], 
 3 |     [12, 0, 32, 4, 86, 11, 0, 39, 11, 32, 53, 6, 71, 1, 4, 1, 30, 1, 1, 6, 51, 31, 4, 0, 56, 59, 14, 1, 7, 0], 
 4 |     [11, 32, 0, 23, 44, 46, 17, 64, 13, 50, 55, 27, 10, 0, 14, 12, 50, 2, 28, 17, 28, 45, 13, 24, 75, 100, 21, 5, 61, 6], 
 5 |     [27, 4, 23, 0, 34, 17, 49, 45, 8, 2, 26, 12, 14, 0, 2, 12, 19, 2, 9, 11, 12, 15, 13, 1, 24, 26, 24, 5, 17, 0], 
 6 |     [32, 86, 44, 34, 0, 22, 13, 49, 23, 22, 86, 16, 46, 0, 36, 10, 73, 7, 22, 30, 22, 34, 8, 18, 62, 46, 38, 40, 41, 0], 
 7 |     [15, 11, 46, 17, 22, 0, 7, 23, 2, 15, 43, 14, 1, 0, 4, 13, 26, 1, 12, 42, 8, 10, 37, 28, 12, 10, 17, 13, 23, 0], 
 8 |     [9, 0, 17, 49, 13, 7, 0, 24, 15, 0, 8, 4, 30, 0, 3, 9, 8, 2, 8, 7, 25, 19, 9, 8, 36, 34, 7, 2, 10, 0], 
 9 |     [45, 39, 64, 45, 49, 23, 24, 0, 20, 46, 51, 17, 31, 0, 22, 25, 62, 6, 25, 21, 33, 82, 17, 8, 64, 61, 34, 26, 42, 17], 
10 |     [0, 11, 13, 8, 23, 2, 15, 20, 0, 11, 39, 29, 15, 0, 0, 4, 15, 0, 9, 8, 29, 5, 11, 34, 25, 23, 15, 1, 0, 0], 
11 |     [7, 32, 50, 2, 22, 15, 0, 46, 11, 0, 23, 5, 5, 0, 2, 21, 29, 4, 10, 12, 2, 25, 9, 1, 48, 53, 11, 3, 18, 0], 
12 |     [71, 53, 55, 26, 86, 43, 8, 51, 39, 23, 0, 42, 31, 8, 36, 29, 58, 0, 28, 47, 43, 38, 29, 51, 70, 36, 22, 33, 29, 13], 
13 |     [10, 6, 27, 12, 16, 14, 4, 17, 29, 5, 42, 0, 1, 0, 11, 14, 40, 0, 12, 11, 15, 11, 81, 45, 14, 26, 2, 3, 0, 0], 
14 |     [3, 71, 10, 14, 46, 1, 30, 31, 15, 5, 31, 1, 0, 0, 1, 3, 13, 7, 3, 10, 38, 12, 2, 2, 44, 22, 5, 3, 13, 0], 
15 |     [0, 1, 0, 0, 0, 0, 0, 0, 0, 0, 8, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0], 
16 |     [47, 4, 14, 2, 36, 4, 3, 22, 0, 2, 36, 11, 1, 0, 0, 18, 13, 3, 37, 2, 16, 25, 2, 5, 15, 8, 6, 26, 0, 0], 
17 |     [31, 1, 12, 12, 10, 13, 9, 25, 4, 21, 29, 14, 3, 0, 18, 0, 27, 0, 17, 21, 18, 35, 6, 4, 38, 12, 11, 1, 1, 0], 
18 |     [39, 30, 50, 19, 73, 26, 8, 62, 15, 29, 58, 40, 13, 0, 13, 27, 0, 1, 35, 26, 21, 43, 10, 9, 49, 69, 23, 13, 23, 0], 
19 |     [4, 1, 2, 2, 7, 1, 2, 6, 0, 4, 0, 0, 7, 0, 3, 0, 1, 0, 5, 67, 1, 8, 16, 0, 2, 3, 6, 3, 1, 0], 
20 |     [26, 1, 28, 9, 22, 12, 8, 25, 9, 10, 28, 12, 3, 0, 37, 17, 35, 5, 0, 8, 16, 17, 10, 12, 10, 16, 13, 18, 2, 0], 
21 |     [27, 6, 17, 11, 30, 42, 7, 21, 8, 12, 47, 11, 10, 0, 2, 21, 26, 67, 8, 0, 9, 12, 16, 14, 15, 21, 10, 11, 7, 0], 
22 |     [31, 51, 28, 12, 22, 8, 25, 33, 29, 2, 43, 15, 38, 0, 16, 18, 21, 1, 16, 9, 0, 17, 30, 1, 52, 33, 9, 4, 2, 0], 
23 |     [23, 31, 45, 15, 34, 10, 19, 82, 5, 25, 38, 11, 12, 0, 25, 35, 43, 8, 17, 12, 17, 0, 13, 8, 38, 51, 21, 23, 6, 0], 
24 |     [16, 4, 13, 13, 8, 37, 9, 17, 11, 9, 29, 81, 2, 0, 2, 6, 10, 16, 10, 16, 30, 13, 0, 6, 16, 10, 25, 4, 0, 0], 
25 |     [20, 0, 24, 1, 18, 28, 8, 8, 34, 1, 51, 45, 2, 0, 5, 4, 9, 0, 12, 14, 1, 8, 6, 0, 9, 11, 1, 15, 2, 0], 
26 |     [19, 56, 75, 24, 62, 12, 36, 64, 25, 48, 70, 14, 44, 0, 15, 38, 49, 2, 10, 15, 52, 38, 16, 9, 0, 72, 42, 10, 30, 3], 
27 |     [22, 59, 100, 26, 46, 10, 34, 61, 23, 53, 36, 26, 22, 0, 8, 12, 69, 3, 16, 21, 33, 51, 10, 11, 72, 0, 66, 6, 14, 0], 
28 |     [15, 14, 21, 24, 38, 17, 7, 34, 15, 11, 22, 2, 5, 0, 6, 11, 23, 6, 13, 10, 9, 21, 25, 1, 42, 66, 0, 6, 5, 56], 
29 |     [16, 1, 5, 5, 40, 13, 2, 26, 1, 3, 33, 3, 3, 0, 26, 1, 13, 3, 18, 11, 4, 23, 4, 15, 10, 6, 6, 0, 7, 0], 
30 |     [1, 7, 61, 17, 41, 23, 10, 42, 0, 18, 29, 0, 13, 0, 0, 1, 23, 1, 2, 7, 2, 6, 0, 2, 30, 14, 5, 7, 0, 0], 
31 |     [0, 0, 6, 0, 0, 0, 0, 17, 0, 0, 13, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 3, 0, 56, 0, 0, 0]
32 | ]
33 | 
34 | 


--------------------------------------------------------------------------------
/src/components/selfstudy.vue:
--------------------------------------------------------------------------------
  1 | <template>
  2 |   <div>
  3 |     <div id="selfstudy"></div>
  4 |   </div>
  5 | </template>
  6 | 
  7 | <script>
  8 |   import echarts from 'echarts';
  9 |   import '../../node_modules/echarts/dist/extension/bmap.min.js';
 10 |   import data from 'static/data/data.json';
 11 | 
 12 |   export default {
 13 |     data() {
 14 |       return {
 15 |         chart: null
 16 |       };
 17 |     },
 18 |     methods: {
 19 |       convertData (oldData) {
 20 |         let res = [];
 21 |         for (let i = 0; i < oldData.length; i++) {
 22 |           let geoCoord = data.selfstudy.geoCoordMap[oldData[i].name];
 23 |           if (geoCoord) {
 24 |             res.push({
 25 |               name: oldData[i].name,
 26 |               value: geoCoord.concat(oldData[i].value)
 27 |             });
 28 |           }
 29 |         }
 30 |         return res;
 31 |       },
 32 |       drawMap (id) {
 33 |         this.chart = echarts.init(document.getElementById(id));
 34 |         this.chart.setOption({
 35 |           tooltip: {
 36 |             trigger: 'item'
 37 |           },
 38 |           toolbox: {
 39 |             feature: {
 40 |               saveAsImage: {},
 41 |               dataView: {}
 42 |             },
 43 |             right: 15,
 44 |             top: 10
 45 |           },
 46 |           bmap: {
 47 |             center: [114.428545, 30.517984],
 48 |             zoom: 15,
 49 |             roam: true,
 50 |             mapStyle: {
 51 |                 style: 'pink'
 52 |             }
 53 |           },
 54 |           series: [
 55 |             {
 56 |               name: '自习地点',
 57 |               type: 'scatter',
 58 |               coordinateSystem: 'bmap',
 59 |               data: this.convertData(data.selfstudy.studyContent),
 60 |               symbolSize: function (val) {
 61 |                 return (val[2] + 2) * 2;
 62 |               },
 63 |               label: {
 64 |                 normal: {
 65 |                   formatter: '{b}',
 66 |                   position: 'right',
 67 |                   show: true
 68 |                 },
 69 |                 emphasis: {
 70 |                   show: true
 71 |                 }
 72 |               },
 73 |               itemStyle: {
 74 |                 normal: {
 75 |                   color: 'purple'
 76 |                 }
 77 |               }
 78 |             },
 79 |             {
 80 |               name: 'Top 5',
 81 |               type: 'effectScatter',
 82 |               coordinateSystem: 'bmap',
 83 |               data: this.convertData(data.selfstudy.studyContent.sort(function (a, b) {
 84 |                 return b.value - a.value;
 85 |               }).slice(0, 2)),
 86 |               symbolSize: function (val) {
 87 |                 return val[2] * 2;
 88 |               },
 89 |               showEffectOn: 'render',
 90 |               rippleEffect: {
 91 |                 brushType: 'stroke'
 92 |               },
 93 |               hoverAnimation: true,
 94 |               label: {
 95 |                 normal: {
 96 |                   formatter: '{b}',
 97 |                   position: 'right',
 98 |                   show: true
 99 |                 }
100 |               },
101 |               itemStyle: {
102 |                 normal: {
103 |                   color: 'purple',
104 |                   shadowBlur: 10,
105 |                   shadowColor: '#333'
106 |                 }
107 |               },
108 |               zlevel: 1
109 |             }
110 |           ]
111 |         });
112 |       }
113 |     },
114 |     mounted() {
115 |       this.$nextTick(function() {
116 |         this.drawMap('selfstudy');
117 |         var that = this;
118 |         var resizeTimer = null;
119 |         window.onresize = function() {
120 |           if (resizeTimer) clearTimeout(resizeTimer);
121 |           resizeTimer = setTimeout(function() {
122 |             that.drawMap('selfstudy');
123 |           }, 100);
124 |         }
125 |       });
126 |     }
127 |   }
128 | </script>
129 | 
130 | <style scoped>
131 |   #selfstudy {
132 |     position: relative;
133 |     left: 50%;
134 |     width: 90%;
135 |     height: 600px;
136 |     margin-left: -45%;
137 |     box-shadow: 0 0 10px #D15385;
138 |     border-radius: 10px;
139 |   } 
140 | </style>


--------------------------------------------------------------------------------
/src/components/canteen.vue:
--------------------------------------------------------------------------------
  1 | <template>
  2 |   <div>
  3 |     <div id="canteen"></div>
  4 |   </div>
  5 | </template>
  6 | 
  7 | <script>
  8 |   import echarts from 'echarts';
  9 |   import '../../node_modules/echarts/dist/extension/bmap.min.js';
 10 |   import data from 'static/data/data.json';
 11 | 
 12 |   export default {
 13 |     data() {
 14 |       return {
 15 |         chart: null
 16 |       };
 17 |     },
 18 |     methods: {
 19 |       convertData (oldData) {
 20 |         let res = [];
 21 |         for (let i = 0; i < oldData.length; i++) {
 22 |           let geoCoord = data.canteen.geoCoordMap[oldData[i].name];
 23 |           if (geoCoord) {
 24 |             res.push({
 25 |               name: oldData[i].name,
 26 |               value: geoCoord.concat(oldData[i].value)
 27 |             });
 28 |           }
 29 |         }
 30 |         return res;
 31 |       },
 32 |       drawMap (id) {
 33 |         this.chart = echarts.init(document.getElementById(id));
 34 |         this.chart.setOption({
 35 |           tooltip: {
 36 |             trigger: 'item'
 37 |           },
 38 |           toolbox: {
 39 |             feature: {
 40 |               saveAsImage: {},
 41 |               dataView: {}
 42 |             },
 43 |             right: 15,
 44 |             top: 10
 45 |           },
 46 |           bmap: {
 47 |             center: [114.427461, 30.51729],
 48 |             zoom: 15,
 49 |             roam: true,
 50 |             mapStyle: {
 51 |                 style: 'normal'
 52 |             }
 53 |           },
 54 |           series: [
 55 |             {
 56 |               name: '最喜爱食堂',
 57 |               type: 'scatter',
 58 |               coordinateSystem: 'bmap',
 59 |               data: this.convertData(data.canteen.canteenContent),
 60 |               symbolSize: function (val) {
 61 |                 return (val[2] + 3) * 2;
 62 |               },
 63 |               label: {
 64 |                 normal: {
 65 |                   formatter: '{b}',
 66 |                   position: 'right',
 67 |                   show: true
 68 |                 },
 69 |                 emphasis: {
 70 |                   show: true
 71 |                 }
 72 |               },
 73 |               itemStyle: {
 74 |                 normal: {
 75 |                   color: 'purple'
 76 |                 }
 77 |               }
 78 |             },
 79 |             {
 80 |               name: 'Top 3',
 81 |               type: 'effectScatter',
 82 |               coordinateSystem: 'bmap',
 83 |               data: this.convertData(data.canteen.canteenContent.sort(function (a, b) {
 84 |                 return b.value - a.value;
 85 |               }).slice(0, 4)),
 86 |               symbolSize: function (val) {
 87 |                 return (val[2] + 3) * 2;
 88 |               },
 89 |               showEffectOn: 'render',
 90 |               rippleEffect: {
 91 |                 scale: 2,
 92 |                 brushType: 'fill'
 93 |               },
 94 |               hoverAnimation: true,
 95 |               label: {
 96 |                 normal: {
 97 |                   formatter: '{b}',
 98 |                   position: 'right',
 99 |                   show: true
100 |                 }
101 |               },
102 |               itemStyle: {
103 |                 normal: {
104 |                   color: 'purple',
105 |                   shadowBlur: 10,
106 |                   shadowColor: '#333'
107 |                 }
108 |               },
109 |               zlevel: 1
110 |             }
111 |           ]
112 |         });
113 |       }        
114 |     },
115 |     mounted() {
116 |       this.$nextTick(function() {
117 |         this.drawMap('canteen');
118 |         var that = this;
119 |         var resizeTimer = null;
120 |         window.onresize = function() {
121 |           if (resizeTimer) clearTimeout(resizeTimer);
122 |           resizeTimer = setTimeout(function() {
123 |             that.drawMap('canteen');
124 |           }, 100);
125 |         }
126 |       });
127 |     }
128 |   }
129 | </script>
130 | 
131 | <style scoped>
132 |   #canteen {
133 |     position: relative;
134 |     left: 50%;
135 |     width: 90%;
136 |     height: 600px;
137 |     margin-left: -45%;
138 |     box-shadow: 0 0 8px #FBD157;
139 |     border-radius: 10px;
140 |   } 
141 | </style>


--------------------------------------------------------------------------------
/src/components/building.vue:
--------------------------------------------------------------------------------
  1 | <template>
  2 |   <div>
  3 |     <div id="building"></div>
  4 |   </div>
  5 | </template>
  6 | 
  7 | <script>
  8 |   import echarts from 'echarts';
  9 |   import '../../node_modules/echarts/dist/extension/bmap.min.js';
 10 |   import data from 'static/data/data.json';
 11 | 
 12 |   export default {
 13 |     data() {
 14 |       return {
 15 |         chart: null
 16 |       };
 17 |     },
 18 |     methods: {
 19 |       convertData (oldData) {
 20 |         let res = [];
 21 |         for (let i = 0; i < oldData.length; i++) {
 22 |           let geoCoord = data.building.geoCoordMap[oldData[i].name];
 23 |           if (geoCoord) {
 24 |             res.push({
 25 |               name: oldData[i].name,
 26 |               value: geoCoord.concat(oldData[i].value)
 27 |             });
 28 |           }
 29 |         }
 30 |         return res;
 31 |       },
 32 |       drawMap (id) {
 33 |         this.chart = echarts.init(document.getElementById(id));
 34 |         this.chart.setOption({
 35 |           tooltip: {
 36 |             trigger: 'item'
 37 |           },
 38 |           toolbox: {
 39 |             feature: {
 40 |               saveAsImage: {},
 41 |               dataView: {}
 42 |             },
 43 |             right: 15,
 44 |             top: 10
 45 |           },
 46 |           bmap: {
 47 |             // 百度地图中心经纬度
 48 |             center: [114.427877, 30.517249],
 49 |             // 地图缩放
 50 |             zoom: 15,
 51 |             roam: true,
 52 |             mapStyle: {
 53 |                 style: 'light'
 54 |             }
 55 |           },
 56 |           series: [
 57 |             {
 58 |               name: '最喜爱建筑',
 59 |               type: 'scatter',
 60 |               coordinateSystem: 'bmap',
 61 |               data: this.convertData(data.building.buildContent),
 62 |               symbolSize: function (val) {
 63 |                 return (val[2] + 2) * 3;
 64 |               },
 65 |               label: {
 66 |                 normal: {
 67 |                   formatter: '{b}',
 68 |                   position: 'right',
 69 |                   show: true
 70 |                 },
 71 |                 emphasis: {
 72 |                   show: true
 73 |                 }
 74 |               },
 75 |               itemStyle: {
 76 |                 normal: {
 77 |                   color: 'rgba(11, 110, 72, 1)'
 78 |                 }
 79 |               }
 80 |             },
 81 |             {
 82 |               name: 'Top 5',
 83 |               type: 'effectScatter',
 84 |               coordinateSystem: 'bmap',
 85 |               data: this.convertData(data.building.buildContent.sort(function (a, b) {
 86 |                 return b.value - a.value;
 87 |               }).slice(0, 6)),
 88 |               symbolSize: function (val) {
 89 |                 return (val[2] + 2) * 3;
 90 |               },
 91 |               showEffectOn: 'render',
 92 |               rippleEffect: {
 93 |                 brushType: 'stroke'
 94 |               },
 95 |               hoverAnimation: true,
 96 |               label: {
 97 |                 normal: {
 98 |                   formatter: '{b}',
 99 |                   position: 'right',
100 |                   show: true
101 |                 }
102 |               },
103 |               itemStyle: {
104 |                 normal: {
105 |                   color: 'purple',
106 |                   shadowBlur: 10,
107 |                   shadowColor: '#333'
108 |                 }
109 |               },
110 |               zlevel: 1
111 |             }
112 |           ]
113 |         });
114 |       }
115 |     },
116 |     mounted() {
117 |       this.$nextTick(function() {
118 |         this.drawMap('building');
119 |         var that = this;
120 |         var resizeTimer = null;
121 |         window.onresize = function() {
122 |           if (resizeTimer) clearTimeout(resizeTimer);
123 |           resizeTimer = setTimeout(function() {
124 |             that.drawMap('building');
125 |           }, 100);
126 |         }
127 |       })
128 |     }
129 |   }
130 | </script>
131 | 
132 | <style scoped>
133 |   #building {
134 |     position: relative;
135 |     left: 50%;
136 |     width: 90%;
137 |     height: 600px;
138 |     margin-left: -45%;
139 |     box-shadow: 0 0 10px #A6E3E9;
140 |     border-radius: 10px;
141 |   }	
142 | </style>


--------------------------------------------------------------------------------
/src/components/gotobed.vue:
--------------------------------------------------------------------------------
  1 | <template>
  2 |   <div>
  3 |     <div id="gotobedbar"></div>
  4 |     <div id="gotobedpie"></div>
  5 |   </div>
  6 | </template>
  7 | 
  8 | <script>
  9 |   import echarts from 'echarts';
 10 |   import data from 'static/data/data.json';
 11 | 
 12 |   export default {
 13 |     data() {
 14 |       return {
 15 |         chart: null
 16 |       };
 17 |     },
 18 |     methods: {
 19 |       drawbar(id) {
 20 |         this.chart = echarts.init(document.getElementById(id));
 21 |         this.chart.setOption({
 22 |           tooltip: {
 23 |             trigger: 'axis'
 24 |           },
 25 |           toolbox: {
 26 |             feature: {
 27 |               magicType: {
 28 |                 type: ['line', 'bar']
 29 |               },
 30 |               saveAsImage: {},
 31 |               dataView: {}             
 32 |             },
 33 |             right: 15,
 34 |             top: 10
 35 |           },
 36 |           grid: {
 37 |             left: '3%',
 38 |             right: '4%',
 39 |             bottom: '3%',
 40 |             containLabel: true
 41 |           },
 42 |           xAxis: [
 43 |             {
 44 |               type: 'category',
 45 |               boundrayGap: false,
 46 |               data: data.gotobed.time
 47 |             }
 48 |           ],
 49 |           yAxis: [
 50 |             {
 51 |               type: 'value',
 52 |               name: '人数',
 53 |               max: 35
 54 |             }
 55 |           ],
 56 |           series: [
 57 |             {
 58 |               name: '睡觉时间',
 59 |               type: 'bar',
 60 |               stack: '总量',
 61 |               label: {
 62 |                 normal: {
 63 |                   show: true,
 64 |                   position: 'top'
 65 |                 }
 66 |               },
 67 |               itemStyle: {
 68 |                 normal: {
 69 |                   barBorderRadius: 20,
 70 |                   color: 'purple',
 71 |                   shadowColor: 'rgba(0, 0, 0, 0.4)',
 72 |                   shadowBlur: 20
 73 |                 }
 74 |               },
 75 |               areaStyle: {normal: {}},
 76 |               data: data.gotobed.number
 77 |             }
 78 |           ]
 79 |         });
 80 |       },
 81 |       drawpie(id) {
 82 |         this.chart = echarts.init(document.getElementById(id));
 83 |         this.chart.setOption({
 84 |           tooltip: {
 85 |             trigger: 'item',
 86 |             formatter: "{a} <br/>{b} : {c} ({d}%)"
 87 |           },
 88 |           legend: {
 89 |             orient: 'vertical',
 90 |             left: 5,
 91 |             top: 10,
 92 |             data: data.gotobed.time,
 93 |           },
 94 |           series: [
 95 |             {
 96 |               name: '人数',
 97 |               type: 'pie',
 98 |               selectedMode: 'single',
 99 |               radius: '70%',
100 |               center: ['50%', '60%'],
101 |               data: data.gotobed.numberData,
102 |               itemStyle: {
103 |                 normal: {
104 |                   borderWidth: 0.5,
105 |                   borderColor: '#ffffff'
106 |                 },
107 |                 emphasis: {
108 |                   shadowBlur: 10,
109 |                   shadowOffset: 0,
110 |                   shadowColor: 'rgba(0, 0, 0, 0.5)'
111 |                 }
112 |               }
113 |             }
114 |           ]
115 |         });
116 |       }
117 |     },
118 |     mounted() {
119 |       this.$nextTick(function() {
120 |         this.drawbar('gotobedbar');
121 |         this.drawpie('gotobedpie');
122 |         var that = this;
123 |         var resizeTimer = null;
124 |         window.onresize = function() {
125 |           if (resizeTimer) clearTimeout(resizeTimer);
126 |           resizeTimer = setTimeout(function() {
127 |             that.drawbar('gotobedbar');
128 |             that.drawpie('gotobedpie');
129 |           }, 100);
130 |         }
131 |       });
132 |     }
133 |   }
134 | </script>
135 | 
136 | <style scoped>
137 |   #gotobedbar,
138 |   #gotobedpie {
139 |     position: relative;
140 |     left: 50%;
141 |     width: 90%;
142 |     height: 600px;
143 |     margin-left: -45%;
144 |     box-shadow: 0 0 10px #884EA2;
145 |     border-radius: 10px;
146 |   }  
147 |   #gotobedpie {
148 |     margin-top: 30px;
149 |   } 
150 |   @media screen and (max-width: 470px) {
151 |     #gotobedpie {
152 |       height: 500px;
153 |     }
154 |   }
155 | </style>


--------------------------------------------------------------------------------
/src/components/getup.vue:
--------------------------------------------------------------------------------
  1 | <template>
  2 |   <div>
  3 |     <div id="getupbar"></div>
  4 |     <div id="getuppie"></div>
  5 |   </div>
  6 | </template>
  7 | 
  8 | <script>
  9 |   import echarts from 'echarts';
 10 |   import '../../node_modules/echarts/theme/vintage.js';
 11 |   import data from 'static/data/data.json';
 12 | 
 13 |   export default {
 14 |     data() {
 15 |       return {
 16 |         chart: null
 17 |       };
 18 |     },
 19 |     methods: {
 20 |       drawbar(id) {
 21 |         this.chart = echarts.init(document.getElementById(id), 'vintage');
 22 |         this.chart.setOption({
 23 |           tooltip: {
 24 |             trigger: 'axis'
 25 |           },
 26 |           toolbox: {
 27 |             feature: {
 28 |               magicType: {
 29 |                 type: ['line', 'bar']
 30 |               },
 31 |               saveAsImage: {},
 32 |               dataView: {}             
 33 |             },
 34 |             right: 15,
 35 |             top: 10
 36 |           },
 37 |           grid: {
 38 |             left: '3%',
 39 |             right: '4%',
 40 |             bottom: '3%',
 41 |             containLabel: true
 42 |           },
 43 |           xAxis: [
 44 |             {
 45 |               type: 'category',
 46 |               boundrayGap: false,
 47 |               data: data.getup.time
 48 |             }
 49 |           ],
 50 |           yAxis: [
 51 |             {
 52 |               type: 'value',
 53 |               name: '人数',
 54 |               max: 20
 55 |             }
 56 |           ],
 57 |           series: [
 58 |             {
 59 |               name: '起床时间',
 60 |               type: 'bar',
 61 |               label: {
 62 |                 normal: {
 63 |                   show: true,
 64 |                   position: 'top'
 65 |                 }
 66 |               },
 67 |               markPoint: {
 68 |                 data: [
 69 |                   {type: 'max', name: '最大值'},
 70 |                   {type: 'min', name: '最小值'}
 71 |                 ]
 72 |               },
 73 |               data: data.getup.number
 74 |             }
 75 |           ]
 76 |         });
 77 |       },
 78 |       drawpie(id, centery) {
 79 |         this.chart = echarts.init(document.getElementById(id), 'vintage');
 80 |         this.chart.setOption({
 81 |           tooltip: {
 82 |             trigger: 'item',
 83 |             formatter: "{a} <br/>{b} : {c} ({d}%)"
 84 |           },
 85 |           toolbox: {
 86 |             feature: {
 87 |               saveAsImage: {},
 88 |               dataView: {}
 89 |             },
 90 |             right: 15,
 91 |             top: 10
 92 |           },
 93 |           legend: {
 94 |             orient: 'vertical',
 95 |             left: 5,
 96 |             top: 10,
 97 |             data: data.getup.time,
 98 |           },
 99 |           series: [
100 |             {
101 |               name: '人数',
102 |               type: 'pie',
103 |               radius: '70%',
104 |               center: ['50%', centery],
105 |               data: data.getup.numberData,
106 |               itemStyle: {
107 |                 emphasis: {
108 |                   shadowBlur: 10,
109 |                   shadowOffset: 0,
110 |                   shadowColor: 'rgba(0, 0, 0, 0.5)'
111 |                 }
112 |               }
113 |             }
114 |           ]
115 |         });
116 |       }
117 |     },
118 |     mounted() {
119 |       this.$nextTick(function() {
120 |         this.drawbar('getupbar');
121 |         if (document.body.clientWidth < 470) {
122 |           this.drawpie('getuppie', '70%');
123 |         } else {
124 |           this.drawpie('getuppie', '60%');
125 |         }
126 |         
127 |         var that = this;
128 |         var resizeTimer = null;
129 |         window.onresize = function() {
130 |           if (resizeTimer) clearTimeout(resizeTimer);
131 |           resizeTimer = setTimeout(function() {
132 |             that.drawbar('getupbar');
133 |             if (document.body.clientWidth < 470) {
134 |               that.drawpie('getuppie', '70%');
135 |             } else {
136 |               that.drawpie('getuppie', '60%');
137 |             }
138 |           }, 100);
139 |         }
140 |       });
141 |     }
142 |   }
143 | </script>
144 | 
145 | <style scoped>
146 |   #getupbar,
147 |   #getuppie {
148 |     position: relative;
149 |     left: 50%;
150 |     width: 90%;
151 |     height: 600px;
152 |     margin-left: -45%;
153 |     box-shadow: 0 0 10px #BF382A;
154 |     border-radius: 10px;
155 |   }  
156 |   #getuppie {
157 |     margin-top: 30px;
158 |   }
159 |   @media screen and (max-width: 470px) {
160 |     #getuppie {
161 |       height: 500px;
162 |     }
163 |   }
164 | </style>


--------------------------------------------------------------------------------
/src/components/interest.vue:
--------------------------------------------------------------------------------
  1 | <template>
  2 |   <div>
  3 |     <div id="interestpie"></div>
  4 |     <div id="interestbar"></div>
  5 |   </div>
  6 | </template>
  7 | 
  8 | <script>
  9 |   import echarts from 'echarts';
 10 |   import '../../node_modules/echarts/theme/infographic.js';
 11 |   import data from 'static/data/data.json';
 12 | 
 13 |   export default {
 14 |     data() {
 15 |       return {
 16 |         chart: null
 17 |       };
 18 |     },
 19 |     methods: {
 20 |       drawpie(id, small, big, centery) {
 21 |         this.chart = echarts.init(document.getElementById(id), 'infographic');
 22 |         this.chart.setOption({
 23 |           tooltip: {
 24 |             trigger: 'item',
 25 |             formatter: "{a} <br/>{b} : {c} ({d}%)"
 26 |           },
 27 |           toolbox: {
 28 |             feature: {
 29 |               saveAsImage: {},
 30 |               dataView: {}
 31 |             },
 32 |             right: 15,
 33 |             top: 10
 34 |           },
 35 |           legend: {
 36 |               orient: 'vertical',
 37 |               left: 5,
 38 |               top: 10,
 39 |               data: data.interest.course,
 40 |           },
 41 |           calculable: true,
 42 |           series: [
 43 |             {
 44 |               name: '人数',
 45 |               type: 'pie',
 46 |               radius: [small, big],
 47 |               center: ['55%', centery],
 48 |               roseType: 'radius',
 49 |               data: data.interest.courseInter,
 50 |               itemStyle: {
 51 |                 emphasis: {
 52 |                   shadowBlur: 10,
 53 |                   shadowOffset: 0,
 54 |                   shadowColor: 'rgba(0, 0, 0, 0.5)'
 55 |                 }
 56 |               }
 57 |             }
 58 |           ]
 59 |         });
 60 |       },
 61 |       drawbar(id, gap, barwidth) {
 62 |         this.chart = echarts.init(document.getElementById(id), 'infographic');
 63 |         this.chart.setOption({
 64 |           tooltip: {
 65 |             trigger: 'item',
 66 |             formatter: "{a} <br/>{b} : {c}"
 67 |           },
 68 |           toolbox: {
 69 |             feature: {
 70 |               saveAsImage: {},
 71 |               dataView: {}
 72 |             },
 73 |             right: 15,
 74 |             top: 10
 75 |           },
 76 |           xAxis: {
 77 |             data: data.interest.course,
 78 |             axisLabel: {
 79 |               textStyle: {
 80 |                 color: '#dcf7a1',
 81 |               }
 82 |             },
 83 |             splitLine: {
 84 |               show: false
 85 |             }
 86 |           },
 87 |           yAxis: {
 88 |             name: '人数',
 89 |             nameLocation: 'middle',
 90 |             nameGap: gap,
 91 |             nameTextStyle: {
 92 |               fontWeight: 200,
 93 |               fontSize: 14
 94 |             },
 95 |             max: 20,
 96 |             axisLine: {
 97 |               show: true
 98 |             }
 99 |           },
100 |           series: [
101 |             {
102 |               name: '人数',
103 |               type: 'bar',
104 |               data: data.interest.courseData,
105 |               barWidth: barwidth,
106 |               itemStyle: {
107 |                 normal: {
108 |                   barBorderRadius: 20,
109 |                   color: '#dcf7a1',
110 |                   shadowColor: 'rgba(0, 0, 0, 0.4)',
111 |                   shadowBlur: 20
112 |                 }
113 |               }
114 |             }
115 |           ]
116 |         }); 
117 |       }
118 |     },
119 |     mounted() {
120 |       this.$nextTick(function() {
121 |         if (document.body.clientWidth < 560) {
122 |           this.drawpie('interestpie', 30, 100, '70%');
123 |           this.drawbar('interestbar', 20, 25);
124 |         } else {
125 |           this.drawpie('interestpie', 60, 240, '60%');
126 |           this.drawbar('interestbar', 28, 40);
127 |         }
128 |         var that = this;
129 |         var resizeTimer = null;
130 |         window.onresize = function() {
131 |           if (resizeTimer) clearTimeout(resizeTimer);
132 |           resizeTimer = setTimeout(function() {
133 |             if (document.body.clientWidth < 560) {
134 |               that.drawpie('interestpie', 30, 100, '70%');
135 |               that.drawbar('interestbar', 20, 25);
136 |             } else {
137 |               that.drawpie('interestpie', 60, 240, '60%');
138 |               that.drawbar('interestbar', 28, 40);
139 |             }
140 |           }, 100);
141 |         }
142 |       });
143 |     }
144 |   }
145 | </script>
146 | 
147 | <style scoped>
148 |   #interestpie,
149 |   #interestbar {
150 |     position: relative;
151 |     left: 50%;
152 |     width: 90%;
153 |     height: 620px;
154 |     margin-left: -45%;
155 |     border: solid #00AD7C 1px;
156 |     box-shadow: 0 0 8px #52D681;
157 |     border-radius: 10px;
158 |   }   
159 |   #interestbar {
160 |     margin-top: 30px;
161 |   }
162 |   @media screen and (max-width: 560px) {
163 |     #interestpie {
164 |       height: 500px;
165 |     }
166 |   }
167 | </style>


--------------------------------------------------------------------------------
/src/components/onlyme.vue:
--------------------------------------------------------------------------------
  1 | <template>
  2 |   <div>
  3 |     <div v-if="isqqRight" id="myactivetime"></div>
  4 |     <div v-else="isqqRight" class="prompt">
  5 |      用通信1502班同学的qq号登录才能查看本页
  6 |     </div>
  7 |   </div>
  8 | </template>
  9 | 
 10 | <script>
 11 |   import echarts from 'echarts';
 12 |   import qqs from 'static/data/index2QQ_id.json';
 13 |   import activeTime from 'static/data/dayVectors.json';
 14 | 
 15 |   export default {
 16 |     data() {
 17 |       return {
 18 |         user: {},
 19 |         isqqRight: false,
 20 |         chart: null,
 21 |         times: ['00:00', '00:30', '01:00', '01:30', '02:00','02:30','03:00','03:30','04:00','04:30','05:00','05:30','06:00','06:30','07:00','07:30','08:00','08:30','09:00','09:30','10:00','10:30','11:00','11:30','12:00','12:30','13:00','13:30','14:00','14:30','15:00','15:30','16:00','16:30','17:00','17:30','18:00','18:30','19:00','19:30','20:00','20:30','21:00','21:30','22:00','22:30','23:00','23:30']
 22 |       };
 23 |     },
 24 |     computed: {
 25 |       user() {
 26 |         return this.$store.state.user;
 27 |       },
 28 |       isqqRight() {
 29 |         return this.isqqExist(qqs);
 30 |       }
 31 |     },
 32 |     methods: {
 33 |       getId(object) {
 34 |         for (var i in object) {
 35 |           if(object[i] == this.user.qq) {
 36 |             return i;
 37 |           } 
 38 |         }
 39 |         return false;
 40 |       },
 41 |       isqqExist(object) {
 42 |         for (var i in object) {
 43 |           if(object[i] == this.user.qq) {
 44 |             return true;
 45 |           } 
 46 |         }
 47 |         return false;
 48 |       },
 49 |       computeMyTotalSpeak(arr, index) {
 50 |         var mySpeakData = arr[index];
 51 |         var result = new Array(48);
 52 |         for (var i = 0; i < 48; i++) {
 53 |           result[i] = 0;
 54 |           for (var j = 0; j < 5; j++) {
 55 |             result[i] += mySpeakData[5*i+j];
 56 |           }
 57 |         }
 58 |         return result;
 59 |       },
 60 |       drawLine(id) {
 61 |         this.chart = echarts.init(document.getElementById(id));
 62 |         this.chart.setOption({
 63 |           tooltip: {
 64 |             trigger: 'axis'
 65 |           },
 66 |           toolbox: {
 67 |             feature: {
 68 |               saveAsImage: {},
 69 |               dataView: {}
 70 |             },
 71 |             left: 16,
 72 |             top: 8
 73 |           },
 74 |           xAxis: {
 75 |             data: this.times
 76 |           },
 77 |           yAxis: {
 78 |             splitLine: {
 79 |                 show: false
 80 |             }
 81 |           },
 82 |           dataZoom: [{
 83 |             startValue: '00：00'
 84 |           }, {
 85 |             type: 'inside'
 86 |           }],
 87 |           visualMap: {
 88 |             top: 10,
 89 |             right: 10,
 90 |             pieces: [{
 91 |               gt: 0,
 92 |               lte: 10,
 93 |               color: '#096'
 94 |             }, {
 95 |               gt: 10,
 96 |               lte: 20,
 97 |               color: '#ffde33'
 98 |             }, {
 99 |               gt: 20,
100 |               lte: 30,
101 |               color: '#ff9933'
102 |             }, {
103 |               gt: 30,
104 |               lte: 40,
105 |               color: '#cc0033'
106 |             }, {
107 |               gt: 40,
108 |               lte: 70,
109 |               color: '#660099'
110 |             }, {
111 |               gt: 70,
112 |               color: '#7e0023'
113 |             }],
114 |             outOfRange: {
115 |               color: '#999'
116 |             }
117 |           },
118 |           series: {
119 |             name: '发言量',
120 |             type: 'line',
121 |             data: this.computeMyTotalSpeak(activeTime, this.getId(qqs)),
122 |             markLine: {
123 |               silent: true,
124 |               data: [{
125 |                 yAxis: 10
126 |               }, {
127 |                 yAxis: 20
128 |               }, {
129 |                 yAxis: 30
130 |               }, {
131 |                 yAxis: 40
132 |               }, {
133 |                 yAxis: 70
134 |               }]
135 |             }
136 |           }
137 |         });
138 |       }
139 |     },
140 |     mounted() {
141 |       this.$nextTick(function() {
142 |         if(this.isqqRight) {
143 |           this.drawLine('myactivetime');
144 |           var that = this;
145 |           var resizeTimer = null;
146 |           window.onresize = function() {
147 |             if (resizeTimer) clearTimeout(resizeTimer);
148 |             resizeTimer = setTimeout(function() {
149 |               that.drawLine('myactivetime');
150 |             }, 100);
151 |           }
152 |         } 
153 |       });  
154 |     }
155 |   }
156 | </script>
157 | 
158 | <style scoped>
159 |   #myactivetime {
160 |     position: relative;
161 |     left: 50%;
162 |     width: 90%;
163 |     height: 600px;
164 |     margin-left: -45%;
165 |     box-shadow: 0 0 10px #EDE68A;
166 |     border-radius: 10px;
167 |   } 
168 |   .prompt {
169 |     position: relative;
170 |     left: 50%;
171 |     width: 400px;
172 |     height: 40px;
173 |     margin-left: -200px;
174 |     box-shadow: 0 0 6px #BF382A;
175 |     border-radius: 8px;
176 |     line-height: 40px;
177 |     text-align: center;
178 |   }
179 |   @media screen and (max-width: 420px) {
180 |     .prompt {
181 |       width: 310px;
182 |       margin-left: -155px;
183 |       font-size: 15px;
184 |     }
185 |   }
186 | </style>


--------------------------------------------------------------------------------
/src/components/difficult.vue:
--------------------------------------------------------------------------------
  1 | <template>
  2 |   <div>
  3 |     <div id="difficultpie"></div>
  4 |     <div id="difficultbar"></div>
  5 |   </div>
  6 | </template>
  7 | 
  8 | <script>
  9 |   import echarts from 'echarts';
 10 |   import '../../node_modules/echarts/theme/vintage.js';
 11 |   import data from 'static/data/data.json';
 12 | 
 13 |   export default {
 14 |     data() {
 15 |       return {
 16 |         chart: null
 17 |       };
 18 |     },
 19 |     methods: {
 20 |       drawpie(id, radius, centery) {
 21 |         this.chart = echarts.init(document.getElementById(id), 'vintage');
 22 |         this.chart.setOption({
 23 |           tooltip: {
 24 |             trigger: 'item',
 25 |             formatter: "{a} <br/>{b} : {c} ({d}%)"
 26 |           },
 27 |           toolbox: {
 28 |             feature: {
 29 |               saveAsImage: {},
 30 |               dataView: {}
 31 |             },
 32 |             right: 15,
 33 |             top: 10
 34 |           },
 35 |           legend: {
 36 |             orient: 'vertical',
 37 |             left: 5,
 38 |             top: 15,
 39 |             data: data.difficult.course,
 40 |           },
 41 |           series: [
 42 |             {
 43 |               name: '人数',
 44 |               type: 'pie',
 45 |               radius: radius,
 46 |               center: ['50%', centery],
 47 |               data: data.difficult.courseDiff,
 48 |               itemStyle: {
 49 |                 emphasis: {
 50 |                   shadowBlur: 10,
 51 |                   shadowOffset: 0,
 52 |                   shadowColor: 'rgba(0, 0, 0, 0.5)'
 53 |                 }
 54 |               }
 55 |             }
 56 |           ]
 57 |         });
 58 |       },
 59 |       drawbar(id) {
 60 |         this.chart = echarts.init(document.getElementById(id));
 61 |         this.chart.setOption({
 62 |           backgroundColor: '#faf6f3',
 63 |           tooltip: {
 64 |             trigger: 'axis',
 65 |             formatter: "{a} <br/>{b} : {c}",
 66 |             axisPointer: {
 67 |               type: 'shadow'
 68 |             }
 69 |           },
 70 |           toolbox: {
 71 |             feature: {
 72 |               saveAsImage: {},
 73 |               dataView: {}
 74 |             },
 75 |             right: 15,
 76 |             top: 10
 77 |           },
 78 |           grid: {
 79 |             top: 65,
 80 |             bottom: 30
 81 |           },
 82 |           xAxis: {
 83 |             type: 'value',
 84 |             name: '人数',
 85 |             nameLocation: 'middle',
 86 |             nameGap: 28,
 87 |             nameTextStyle: {
 88 |               color: '#682d19',
 89 |               fontWeight: 200,
 90 |               fontSize: 16
 91 |             },
 92 |             position: 'top',
 93 |             splitLine: {
 94 |               lineStyle: {
 95 |                 type: 'solid',
 96 |                 color: '#cfc3bd'
 97 |               }
 98 |             }
 99 |           },
100 |           yAxis: {
101 |             type: 'category',
102 |             axisLabel: {
103 |               show: true,
104 |               rotate: 0,
105 |               textStyle: {
106 |                 color: '#682d19'
107 |               }
108 |             },
109 |             splitLine: {
110 |               lineStyle: {
111 |                 type: 'solid',
112 |                 color: '#cfc3bd'
113 |               }
114 |             },
115 |             data: data.difficult.course
116 |           },
117 |           series: [
118 |             {
119 |               name: '人数',
120 |               type: 'bar',
121 |               stack: '课程',
122 |               label: {
123 |                 normal: {
124 |                   show: true,
125 |                   position: 'top'
126 |                 }
127 |               },
128 |               barCategoryGap: 0,
129 |               itemStyle: {
130 |                 normal: {
131 |                   color: new echarts.graphic.LinearGradient(0, 0, 1, 0, [{
132 |                     offset: 0,
133 |                     color: 'transparent'
134 |                   }, {
135 |                     offset: 0.5,
136 |                      color: 'transparent'
137 |                   }, {
138 |                     offset: 0.8,
139 |                     color: 'rgba(0, 0, 0, 0.05)'
140 |                   }, {
141 |                     offset: 0.92,
142 |                     color: 'rgba(0, 0, 0, 0.08)'
143 |                   }, {
144 |                     offset: 1,
145 |                     color: 'rgba(0, 0, 0, 0.2)'
146 |                   }])
147 |                 }
148 |               },
149 |               data: data.difficult.courseData
150 |             },
151 |             {
152 |               type: 'bar',
153 |               stack: '课程',
154 |               silent: true,
155 |               data: [0, 0, 0, 0, 0, 0, 0],
156 |               itemStyle: {
157 |                 normal: {
158 |                   color: '#ff5a00',
159 |                   shadowColor: 'rgba(0, 0, 0, 0.3)',
160 |                   shadowBlur: 10,
161 |                   shadowOffsetX: -4
162 |                 }
163 |               },
164 |               barMinHeight: 4
165 |             }
166 |           ]
167 |         });
168 |       }
169 |     },
170 |     mounted() {
171 |       this.$nextTick(function() {
172 |         if (document.body.clientWidth < 420) {
173 |           this.drawpie('difficultpie', '65%', '68%');
174 |         } else {
175 |           this.drawpie('difficultpie', '70%', '60%');
176 |         }
177 |         this.drawbar('difficultbar');
178 |         
179 |         var that = this;
180 |         var resizeTimer = null;
181 |         window.onresize = function() {
182 |           // console.log(window.screen.availWidth, document.body.clientWidth)
183 |           if (resizeTimer) clearTimeout(resizeTimer);
184 |           resizeTimer = setTimeout(function() {
185 |             if (document.body.clientWidth < 420) {
186 |               that.drawpie('difficultpie', '65%', '68%');
187 |             } else {
188 |               that.drawpie('difficultpie', '70%', '60%');
189 |             }
190 |             that.drawbar('difficultbar');
191 |           }, 100);
192 |         }
193 |       });     
194 |     }
195 |   }
196 | </script>
197 | 
198 | <style scoped>
199 |   #difficultpie,
200 |   #difficultbar {
201 |     position: relative;
202 |     left: 50%;
203 |     width: 90%;
204 |     height: 600px;
205 |     margin-left: -45%;
206 |     border: solid #faf6f3 2px;
207 |     box-shadow: 0 0 10px #F7D098;
208 |     border-radius: 10px;
209 |   }  
210 |   #difficultbar {
211 |     margin-top: 30px;
212 |   }
213 |   @media screen and (max-width: 420px) {
214 |     #difficultpie {
215 |       height: 500px;
216 |     }
217 |   }
218 | </style>


--------------------------------------------------------------------------------
/src/components/chat.vue:
--------------------------------------------------------------------------------
  1 | <template>
  2 |   <div>
  3 |     <div id="relation"></div>
  4 |     <div id="activetime"></div>
  5 |   </div>
  6 | </template>
  7 | 
  8 | <script>
  9 |   import echarts from 'echarts';
 10 |   import relations from 'static/data/similarityMatrix.json';
 11 |   import speaks from 'static/data/dayVectors.json';
 12 |   import data from 'static/data/data.json';
 13 | 
 14 |   export default {
 15 |     data() {
 16 |       return {
 17 |         chart: null,
 18 |         times: ['00:00', '00:30', '01:00', '01:30', '02:00','02:30','03:00','03:30','04:00','04:30','05:00','05:30','06:00','06:30','07:00','07:30','08:00','08:30','09:00','09:30','10:00','10:30','11:00','11:30','12:00','12:30','13:00','13:30','14:00','14:30','15:00','15:30','16:00','16:30','17:00','17:30','18:00','18:30','19:00','19:30','20:00','20:30','21:00','21:30','22:00','22:30','23:00','23:30']
 19 |       };
 20 |     },
 21 |     methods: {
 22 |       convertData (arr) {
 23 |         var result = [];
 24 |         for (var i = 0; i < arr.length - 1; i++) {
 25 |           for (var j = i; j < arr.length-1; j++) {           
 26 |             result[result.length] = [i,j,arr[i][j]];
 27 |           }
 28 |         }
 29 |         return result;
 30 |       },
 31 |       computeTotalSpeak (arr) {
 32 |         var totalSpeak = new Array(240);
 33 |         for (var i = 0; i < 240; i++) {
 34 |           totalSpeak[i] = 0;
 35 |           for (var j = 0; j < 30; j++) {
 36 |             if (arr[j][i] !== 0) {
 37 |               totalSpeak[i] += arr[j][i];
 38 |             }        
 39 |           }
 40 |         }
 41 |         var result = new Array(48);
 42 |         for (var k = 0; k < 48; k++) {
 43 |           result[k] = 0;
 44 |           for (var m = 0; m < 5; m++) {
 45 |             result[k] += totalSpeak[5*k+m];
 46 |           }
 47 |         }
 48 |         return result;
 49 |       },
 50 |       drawHeatMap(id) {
 51 |         this.chart = echarts.init(document.getElementById(id));
 52 |         this.chart.setOption({
 53 |           title: {
 54 |             subtext: '数值越大两者越亲密',
 55 |             subtextStyle: {
 56 |               fontSize: 16
 57 |             },
 58 |             left: 'center'
 59 |           },
 60 |           tooltip: {
 61 |             trigger: 'item'
 62 |           },
 63 |           toolbox: {
 64 |             feature: {
 65 |               saveAsImage: {},
 66 |               dataView: {}
 67 |             },
 68 |             right: 15
 69 |           },
 70 |           animation: false,
 71 |           grid: {
 72 |             height: '78%',
 73 |             bottom: '14%'
 74 |           },
 75 |           xAxis: {
 76 |             type: 'category',
 77 |             data: data.chat.names,
 78 |             axisLabel: {
 79 |               rotate: 60,
 80 |               interval: 0
 81 |             },
 82 |             splitArea: {
 83 |               show: true
 84 |             }
 85 |           },
 86 |           yAxis: {
 87 |             type: 'category',
 88 |             data: data.chat.names,
 89 |             splitArea: {
 90 |               show: true
 91 |             }  
 92 |           },
 93 |           visualMap: {
 94 |             min: 0,
 95 |             max: 100,
 96 |             calculable: true,
 97 |             itemheight: 300,
 98 |             orient: 'horizontal',
 99 |             left: 'center',
100 |             bottom: '3%'
101 |           },
102 |           series: [
103 |             {
104 |               name: '亲密度',
105 |               type: 'heatmap',
106 |               data: this.convertData(relations),
107 |               label: {
108 |                 normal: {
109 |                   show: true
110 |                 }
111 |               },
112 |               itemStyle: {
113 |                 emphasis: {
114 |                   shadowBlur: 10,
115 |                   shadowColor: 'rgba(0, 0, 0, 0.5)'
116 |                 }
117 |               }
118 |             }
119 |           ]
120 |         });
121 |       },
122 |       drawLine(id) {
123 |         this.chart = echarts.init(document.getElementById(id));
124 |         this.chart.setOption({
125 |           tooltip: {
126 |             trigger: 'axis'
127 |           },
128 |           toolbox: {
129 |             feature: {
130 |               saveAsImage: {},
131 |               dataView: {}
132 |             },
133 |             left: 16,
134 |             top: 8
135 |           },
136 |           xAxis: {
137 |             data: this.times
138 |           },
139 |           yAxis: {
140 |             splitLine: {
141 |                 show: false
142 |             }
143 |           },
144 |           dataZoom: [{
145 |             startValue: '00：00'
146 |           }, {
147 |             type: 'inside'
148 |           }],
149 |           visualMap: {
150 |             top: 10,
151 |             right: 10,
152 |             pieces: [{
153 |               gt: 0,
154 |               lte: 100,
155 |               color: '#096'
156 |             }, {
157 |               gt: 100,
158 |               lte: 200,
159 |               color: '#ffde33'
160 |             }, {
161 |               gt: 200,
162 |               lte: 300,
163 |               color: '#ff9933'
164 |             }, {
165 |               gt: 300,
166 |               lte: 400,
167 |               color: '#cc0033'
168 |             }, {
169 |               gt: 400,
170 |               lte: 600,
171 |               color: '#660099'
172 |             }, {
173 |               gt: 600,
174 |               color: '#7e0023'
175 |             }],
176 |             outOfRange: {
177 |               color: '#999'
178 |             }
179 |           },
180 |           series: {
181 |             name: '发言量',
182 |             type: 'line',
183 |             symbol: 'triangle',
184 |             symbolSize: 8,
185 |             data: this.computeTotalSpeak(speaks),
186 |             markLine: {
187 |               silent: true,
188 |               data: [{
189 |                 yAxis: 100
190 |               }, {
191 |                 yAxis: 200
192 |               }, {
193 |                 yAxis: 300
194 |               }, {
195 |                 yAxis: 400
196 |               }, {
197 |                 yAxis: 600
198 |               }]
199 |             }
200 |           }
201 |         });
202 |       }
203 |     },
204 |     mounted() {
205 |       this.$nextTick(function() {
206 |         this.drawHeatMap('relation');
207 |         this.drawLine('activetime');
208 |         var that = this;
209 |         var resizeTimer = null;
210 |         window.onresize = function() {
211 |           if (resizeTimer) clearTimeout(resizeTimer);
212 |           resizeTimer = setTimeout(function() {
213 |             that.drawHeatMap('relation')
214 |             that.drawLine('activetime');
215 |           }, 100);
216 |         }
217 |       });
218 |     }
219 |   }
220 | </script>
221 | 
222 | <style scoped>
223 |   #relation,
224 |   #activetime {
225 |     position: relative;
226 |     left: 50%;
227 |     width: 90%;
228 |     height: 900px;
229 |     margin-left: -45%;
230 |     box-shadow: 0 0 10px #EDE68A;
231 |     border-radius: 10px;
232 |   } 
233 |   #activetime {
234 |     height: 600px;
235 |     margin-top: 30px;
236 |   }
237 | </style>


--------------------------------------------------------------------------------
/src/components/amuse.vue:
--------------------------------------------------------------------------------
  1 | <template>
  2 |   <div>
  3 |     <div id="amuse"></div>
  4 |   </div>
  5 | </template>
  6 | 
  7 | <script>
  8 |   import echarts from 'echarts';
  9 |   import data from 'static/data/data.json';
 10 | 
 11 |   export default {
 12 |     data() {
 13 |       return {
 14 |         chart: null,
 15 |         placeHolderStyle: {
 16 |           normal : {
 17 |             color: 'rgba(0,0,0,0)',
 18 |             label: {show:false},
 19 |             labelLine: {show:false}
 20 |           },
 21 |           emphasis : {
 22 |             color: 'rgba(0,0,0,0)'
 23 |           }
 24 |         },
 25 |         color: ['#a2b4ba', '#85b6b2', '#6d4f8d', '#cd5e7e', '#e38980', '#f7db88']
 26 |       };
 27 |     },
 28 |     methods: {
 29 |       drawPie (id, radius0, radius1, radius2, radius3, radius4, radius5, radius6, centery) {
 30 |         this.chart = echarts.init(document.getElementById(id));
 31 |         this.chart.setOption({
 32 |           tooltip: {
 33 |             trigger: 'item',
 34 |             formatter: "{a} <br/>{b} : {c} ({d}%)"
 35 |           },
 36 |           toolbox: {
 37 |             feature: {
 38 |               saveAsImage: {},
 39 |               dataView: {}
 40 |             },
 41 |             right: 15,
 42 |             top: 10
 43 |           },
 44 |           legend: {
 45 |               orient: 'vertical',
 46 |               left: 5,
 47 |               top: 10,
 48 |               data: data.amuse.amuse,
 49 |           },
 50 |           series: [
 51 |             {
 52 |               name: data.amuse.amuseData[0].name,
 53 |               type: 'pie',
 54 |               clockWise:false,
 55 |               radius: [radius1, radius0],
 56 |               center: ['50%', centery],
 57 |               itemStyle: {
 58 |                 normal: {
 59 |                   color: this.color[0],
 60 |                   label: {show:false},
 61 |                   labelLine: {show:false},
 62 |                   shadowBlur: 40,
 63 |                   shadowColor: 'rgba(40, 40, 40, 0.5)',
 64 |                 }
 65 |               },
 66 |               hoverAnimation: false,
 67 |               data: [
 68 |                 data.amuse.amuseData[0],
 69 |                 {
 70 |                   value: 4,
 71 |                   name: 'invisible',
 72 |                   itemStyle: this.placeHolderStyle
 73 |                 }
 74 |               ]
 75 |             },
 76 |             {
 77 |               name: data.amuse.amuseData[1].name,
 78 |               type: 'pie',
 79 |               clockWise:false,
 80 |               radius: [radius2, radius1],
 81 |               center: ['50%', centery],
 82 |               itemStyle: {
 83 |                 normal: {
 84 |                   color: this.color[1],
 85 |                   label: {show:false},
 86 |                   labelLine: {show:false},
 87 |                   shadowBlur: 40,
 88 |                   shadowColor: 'rgba(40, 40, 40, 0.5)',
 89 |                 }
 90 |               },
 91 |               hoverAnimation: false,
 92 |               data: [
 93 |                 data.amuse.amuseData[1],
 94 |                 {
 95 |                   value: 14,
 96 |                   name: 'invisible',
 97 |                   itemStyle: this.placeHolderStyle
 98 |                 }
 99 |               ]
100 |             },
101 |             {
102 |               name: data.amuse.amuseData[2].name,
103 |               type: 'pie',
104 |               clockWise: false,
105 |               radius: [radius3, radius2],
106 |               center: ['50%', centery],
107 |               itemStyle: {
108 |                 normal: {
109 |                   color: this.color[2],
110 |                   label: {show:false},
111 |                   labelLine: {show:false},
112 |                   shadowBlur: 40,
113 |                   shadowColor: 'rgba(40, 40, 40, 0.5)',
114 |                 }
115 |               },
116 |               hoverAnimation: false,
117 |               data: [
118 |                 data.amuse.amuseData[2],
119 |                 {
120 |                   value: 18,
121 |                   name: 'invisible',
122 |                   itemStyle: this.placeHolderStyle
123 |                 }
124 |               ]
125 |             },
126 |             {
127 |               name: data.amuse.amuseData[3].name,
128 |               type: 'pie',
129 |               clockWise:false,
130 |               radius: [radius4, radius3],
131 |               center: ['50%', centery],
132 |               itemStyle: {
133 |                 normal: {
134 |                   color: this.color[3],
135 |                   label: {show:false},
136 |                   labelLine: {show:false},
137 |                   shadowBlur: 40,
138 |                   shadowColor: 'rgba(40, 40, 40, 0.5)',
139 |                 }
140 |               },
141 |               hoverAnimation: false,
142 |               data: [
143 |                 data.amuse.amuseData[3],
144 |                 {
145 |                   value: 20,
146 |                   name: 'invisible',
147 |                   itemStyle: this.placeHolderStyle
148 |                 }
149 |               ]
150 |             },
151 |             {
152 |               name: data.amuse.amuseData[4].name,
153 |               type: 'pie',
154 |               clockWise:false,
155 |               radius: [radius5, radius4],
156 |               center: ['50%', centery],
157 |               itemStyle: {
158 |                 normal: {
159 |                   color: this.color[4],
160 |                   label: {show:false},
161 |                   labelLine: {show:false},
162 |                   shadowBlur: 40,
163 |                   shadowColor: 'rgba(40, 40, 40, 0.5)',
164 |                 }
165 |               },
166 |               hoverAnimation: false,
167 |               data: [
168 |                 data.amuse.amuseData[4],
169 |                 {
170 |                   value: 28,
171 |                   name: 'invisible',
172 |                   itemStyle: this.placeHolderStyle
173 |                 }
174 |               ]
175 |             },
176 |             {
177 |               name: data.amuse.amuseData[5].name,
178 |               type: 'pie',
179 |               clockWise:false,
180 |               radius: [radius6, radius5],
181 |               center: ['50%', centery],
182 |               itemStyle: {
183 |                 normal: {
184 |                   color: this.color[5],
185 |                   label: {show:false},
186 |                   labelLine: {show:false},
187 |                   shadowBlur: 40,
188 |                   shadowColor: 'rgba(40, 40, 40, 0.5)',
189 |                 }
190 |               },
191 |               hoverAnimation: false,
192 |               data: [
193 |                 data.amuse.amuseData[5],
194 |                 {
195 |                   value: 28,
196 |                   name: 'invisible',
197 |                   itemStyle: this.placeHolderStyle
198 |                 }
199 |               ]
200 |             }
201 |           ]
202 |         });
203 |       }
204 |     },
205 |     mounted() {
206 |       this.$nextTick(function() {
207 |         if (document.body.clientWidth < 530) {
208 |           this.drawPie('amuse', 140, 120, 100, 80, 60, 40, 20, '60%');
209 |         } else {
210 |           this.drawPie('amuse', 240, 220, 200, 180, 160, 140, 120, '55%');
211 |         }
212 |         
213 |         var that = this;
214 |         var resizeTimer = null;
215 |         window.onresize = function() {
216 |           if (resizeTimer) clearTimeout(resizeTimer);
217 |           resizeTimer = setTimeout(function() {
218 |             if (document.body.clientWidth < 530) {
219 |               that.drawPie('amuse', 140, 120, 100, 80, 60, 40, 20, '60%');
220 |             } else {
221 |               that.drawPie('amuse', 240, 220, 200, 180, 160, 140, 120, '55%');
222 |             }
223 |           }, 100);
224 |         }
225 |       });
226 |     }
227 |   }
228 | </script>
229 | 
230 | <style scoped>
231 |   #amuse {
232 |     position: relative;
233 |     left: 50%;
234 |     width: 90%;
235 |     height: 600px;
236 |     margin-left: -45%;
237 |     box-shadow: 0 0 10px #a2b4ba;
238 |     border-radius: 10px;
239 |   }   
240 |   @media screen and (max-width: 530px) {
241 |     #amuse {
242 |       height: 500px;
243 |     }
244 |   }
245 | </style>


--------------------------------------------------------------------------------
/static/data/data.json:
--------------------------------------------------------------------------------
  1 | {
  2 |   "cloud": {
  3 |     "title": "通信1502班群聊记录关键词",
  4 |     "wordContent": [
  5 |       { "name": "通信1502班", "value": 80 },
  6 |       { "name": "阳阳", "value": 50 },
  7 |       { "name": "超东", "value": 50 },
  8 |       { "name": "秀秀", "value": 50 },
  9 |       { "name": "东哥", "value": 40 },
 10 |       { "name": "鑫鑫", "value": 40 },
 11 |       { "name": "路远", "value": 40 },
 12 |       { "name": "越越", "value": 40 },
 13 |       { "name": "小金", "value": 35 },
 14 |       { "name": "班班", "value": 35 },
 15 |       { "name": "邓鸡蛋", "value": 35 },
 16 |       { "name": "启迪", "value": 35 },
 17 |       { "name": "星星", "value": 35 },
 18 |       { "name": "佳佳", "value": 35 },
 19 |       { "name": "洲哥", "value": 35 },
 20 |       { "name": "露露", "value": 35 },
 21 |       { "name": "帅殷", "value": 35 },
 22 |       { "name": "小灰灰", "value": 30 },
 23 |       { "name": "嘉成", "value": 30 },
 24 |       { "name": "良良", "value": 30 },
 25 |       { "name": "宇航", "value": 30 },
 26 |       { "name": "莘然", "value": 30 },
 27 |       { "name": "若非", "value": 30 },
 28 |       { "name": "年年", "value": 30 },
 29 |       { "name": "大黄", "value": 30 },
 30 |       { "name": "翔渣", "value": 30 },
 31 |       { "name": "高谭", "value": 30 },
 32 |       { "name": "弱鸡", "value": 30 },
 33 |       { "name": "楠神", "value": 30 },
 34 |       { "name": "千赫", "value": 30 },
 35 |       { "name": "金晖", "value": 30 },
 36 |       { "name": "啦啦啦", "value": 50 },
 37 |       { "name": "寝室", "value": 40 },
 38 |       { "name": "红包", "value": 40 },
 39 |       { "name": "学渣", "value": 40 },
 40 |       { "name": "选课", "value": 40 },
 41 |       { "name": "厉害勒", "value": 30 },
 42 |       { "name": "有毒", "value": 30 },
 43 |       { "name": "实验", "value": 30 },
 44 |       { "name": "生日快乐", "value": 30 },
 45 |       { "name": "优秀", "value": 20 },
 46 |       { "name": "微积分", "value": 20 },
 47 |       { "name": "电路", "value": 20 },
 48 |       { "name": "选修", "value": 20 },
 49 |       { "name": "物理", "value": 20 },
 50 |       { "name": "自习", "value": 20 },
 51 |       { "name": "秋游", "value": 20 },
 52 |       { "name": "宝宝", "value": 20 },
 53 |       { "name": "好困哇", "value": 16 },
 54 |       { "name": "上课", "value": 16 },
 55 |       { "name": "嘿嘿嘿", "value": 16 },
 56 |       { "name": "投票", "value": 16 },
 57 |       { "name": "义工", "value": 16 },
 58 |       { "name": "可怕", "value": 16 },
 59 |       { "name": "请吃饭", "value": 16 },
 60 |       { "name": "英语", "value": 16 },
 61 |       { "name": "妹子", "value": 16 },
 62 |       { "name": "加油", "value": 12 },
 63 |       { "name": "羡慕", "value": 12 },
 64 |       { "name": "我去", "value": 12 },
 65 |       { "name": "啧啧啧", "value": 12 }
 66 |     ]
 67 |   },
 68 |   "building": {
 69 |     "buildContent": [
 70 |       { "name": "爱因斯坦广场", "value": 1 },
 71 |       { "name": "校史馆", "value": 1 },
 72 |       { "name": "亮胜楼", "value": 1 },
 73 |       { "name": "醉晚亭", "value": 1 },
 74 |       { "name": "光谷体育馆", "value": 2 },
 75 |       { "name": "机械大楼", "value": 2 },
 76 |       { "name": "东园", "value": 2 },
 77 |       { "name": "青年园", "value": 2 },
 78 |       { "name": "管理学院", "value": 2 },
 79 |       { "name": "大学四年顶个球", "value": 3 },
 80 |       { "name": "西十二教学楼", "value": 3 },
 81 |       { "name": "毛爷爷像", "value": 3 },
 82 |       { "name": "东九教学楼", "value": 8 },
 83 |       { "name": "图书馆", "value": 9 }
 84 |     ],
 85 |     "geoCoordMap": {
 86 |       "爱因斯坦广场": [114.442057, 30.519878],
 87 |       "校史馆": [114.420044, 30.517681],
 88 |       "亮胜楼": [114.43721, 30.515064],
 89 |       "醉晚亭": [114.422819, 30.516359],
 90 |       "光谷体育馆": [114.4248, 30.513827],
 91 |       "机械大楼": [114.424104, 30.518836],
 92 |       "东园": [114.442479, 30.519365],
 93 |       "青年园": [114.415718, 30.518307],
 94 |       "管理学院": [114.422712, 30.520671],
 95 |       "大学四年顶个球": [114.416015, 30.519217],
 96 |       "西十二教学楼": [114.413697, 30.514749],
 97 |       "毛爷爷像": [114.420017, 30.514725],
 98 |       "东九教学楼": [114.433451, 30.519458],
 99 |       "图书馆": [114.418508, 30.518443]
100 |     }
101 |   },
102 |   "canteen": {
103 |     "canteenContent": [
104 |       { "name": "喻园", "value": 1 },
105 |       { "name": "西边小吃城", "value": 1 },
106 |       { "name": "百景园", "value": 2 },
107 |       { "name": "东教工", "value": 3 },
108 |       { "name": "韵苑", "value": 7 },
109 |       { "name": "学一", "value": 7 },
110 |       { "name": "学二", "value": 7 },
111 |       { "name": "东一", "value": 8 },
112 |       { "name": "西一", "value": 10 },
113 |       { "name": "东园", "value": 22 }
114 |     ],
115 |     "geoCoordMap": {
116 |       "喻园" :[114.421391, 30.521893],
117 |       "西边小吃城" :[114.413288, 30.520419],
118 |       "百景园" :[114.414703, 30.521854],
119 |       "东教工" :[114.438279, 30.512687],
120 |       "韵苑" :[114.43845, 30.520026],
121 |       "学一" :[114.438459, 30.517035],
122 |       "学二" :[114.438203, 30.517693],
123 |       "东一" :[114.425905, 30.516678],
124 |       "西一" :[114.412439, 30.520045],
125 |       "东园" :[114.442483, 30.519353]
126 |     }
127 |   },
128 |   "selfstudy": {
129 |     "studyContent": [
130 |       { "name": "西五", "value": 3 },
131 |       { "name": "图书馆", "value": 14 },
132 |       { "name": "东十二", "value": 35 },
133 |       { "name": "东九", "value": 43 }
134 |     ],
135 |     "geoCoordMap": {
136 |       "西五": [114.416517, 30.51651],
137 |       "图书馆": [114.418508, 30.518443],
138 |       "东十二": [114.440574, 30.517961],
139 |       "东九": [114.433451, 30.519458]  
140 |     }
141 |   },
142 |   "difficult": {
143 |     "course": ["模电", "都很难", "全不难", "数电", "复变", "电路实验", "大物"],
144 |     "courseDiff": [
145 |       { "value": 13, "name": "模电" },
146 |       { "value": 5, "name": "都很难" },
147 |       { "value": 5, "name": "全不难" },
148 |       { "value": 3, "name": "数电" },
149 |       { "value": 2, "name": "复变" },
150 |       { "value": 2, "name": "电路实验" },
151 |       { "value": 1, "name": "大物" }
152 |     ],
153 |     "courseData": [13, 5, 5, 3, 2, 2, 1]
154 |   },
155 |   "interest": {
156 |     "course": ["数电", "模电", "全没兴趣", "体育", "人文选修", "复变", "数据结构", "大物", "电路实验"],
157 |     "courseInter": [
158 |       { "value": 18, "name": "数电" },
159 |       { "value": 17, "name": "模电" },
160 |       { "value": 10, "name": "全没兴趣" },
161 |       { "value": 6, "name": "体育" },
162 |       { "value": 4, "name": "人文选修" },
163 |       { "value": 4, "name": "复变" },
164 |       { "value": 3, "name": "数据结构" },
165 |       { "value": 3, "name": "大物" },
166 |       { "value": 2, "name": "电路实验" }
167 |     ],
168 |     "courseData": [18, 17, 10, 6, 4, 4, 3, 3, 2]
169 |   },
170 |   "bedroom": {
171 |     "opinion": ["学习氛围差", "学习氛围一般", "学习氛围很好"],
172 |     "opinionData": [
173 |       { "value": 26, "name": "学习氛围差" },
174 |       { "value": 31, "name": "学习氛围一般" },
175 |       { "value": 8, "name": "学习氛围很好" }
176 |     ]
177 |   },
178 |   "graduate": {
179 |     "opinion": ["国内读研", "工作", "出国深造", "创业"],
180 |     "opinionData": [
181 |       { "value": 58, "name": "国内读研", "selected": true },
182 |       { "value": 26, "name": "工作" },
183 |       { "value": 10, "name": "出国深造" },
184 |       { "value": 1, "name": "创业" }
185 |     ]
186 |   },
187 |   "getup": {
188 |     "time": ["6点", "6点半", "7点", "7点15", "7点半", "8点", "8点半及以后"],
189 |     "number": [2, 5, 18, 11, 17, 1, 3],
190 |     "numberData": [
191 |       { "value": 2, "name": "6点" },
192 |       { "value": 5, "name": "6点半" },
193 |       { "value": 18, "name": "7点" },
194 |       { "value": 11, "name": "7点15" },
195 |       { "value": 17, "name": "7点半" },
196 |       { "value": 1, "name": "8点" },
197 |       { "value": 3, "name": "8点半及以后" }
198 |     ]
199 |   },
200 |   "gotobed": {
201 |     "time": ["11点", "11点半", "12点", "12点半", "1点半及以后"],
202 |     "number": [4, 9, 32, 14, 4],
203 |     "numberData": [
204 |       { "value": 4, "name": "11点" },
205 |       { "value": 9, "name": "11点半" },
206 |       { "value": 32, "name": "12点" },
207 |       { "value": 14, "name": "12点半" },
208 |       { "value": 4, "name": "1点半及以后" }
209 |     ]
210 |   },
211 |   "eat": {
212 |     "money": ["10元", "15元", "20元", "25元", "30元", "35元", "40元"],
213 |     "number": [2, 11, 30, 30, 16, 2, 4]
214 |   },
215 |   "amuse": {
216 |     "amuse": ["打游戏", "刷微博朋友圈", "看剧", "运动", "听歌", "看小说"],
217 |     "amuseData": [
218 |       { "value": 26, "name": "打游戏"},
219 |       { "value": 16, "name": "刷微博朋友圈"},
220 |       { "value": 12, "name": "看剧"},
221 |       { "value": 10, "name": "运动"},
222 |       { "value": 2, "name": "听歌"},
223 |       { "value": 2, "name": "看小说"}
224 |     ]
225 |   },
226 |   "single": {
227 |     "course": ["是", "否"],
228 |     "courseDiff": [
229 |       { "value": 72, "name": "是" },
230 |       { "value": 23, "name": "否" }
231 |     ]
232 |   },
233 |   "chat": {
234 |     "names": ["lxx", "lx", "pn", "xrf", "lxd", "zrj", "wsr", "lcd", "gt", "zsx", "wly", "yyz", "zn", "zls", "hrh", "dp", "yjw", "ljh", "ryh", "zsh", "mqd", "prj", "gyc", "xzl", "qy", "zxz", "hy", "hb", "zly"]
235 |   }
236 | }


--------------------------------------------------------------------------------
/static/data/dayVectors.json:
--------------------------------------------------------------------------------
1 | [[0, 0, 0, 0, 0, 0, 1, 1, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 3, 1, 0, 0, 3, 0, 0, 4, 5, 0, 0, 2, 0, 0, 0, 1, 0, 0, 0, 1, 14, 2, 6, 0, 3, 11, 6, 5, 4, 8, 3, 0, 2, 0, 4, 9, 2, 0, 7, 1, 3, 1, 0, 0, 1, 7, 0, 1, 0, 1, 0, 0, 0, 0, 0, 0, 2, 2, 0, 0, 0, 3, 2, 0, 10, 8, 0, 6, 1, 4, 5, 0, 10, 4, 0, 1, 0, 5, 1, 2, 0, 1, 0, 1, 2, 0, 0, 0, 1, 9, 4, 2, 1, 0, 1, 3, 3, 0, 1, 0, 1, 8, 17, 9, 5, 4, 7, 16, 13, 1, 12, 11, 1, 8, 4, 0, 3, 4, 10, 0, 5, 5, 5, 3, 3, 0, 3, 4, 1, 5, 7, 12, 0, 5, 2, 1, 2, 3, 2, 2, 2, 18, 7, 16, 6, 5, 1, 10, 0, 4, 0, 10, 3, 8, 14, 0, 0, 0, 1, 0, 9, 8, 5, 1, 0, 0], [0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 1, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 1, 1, 0, 1, 3, 0, 0, 1, 9, 3, 0, 1, 0, 0, 0, 0, 0, 0, 12, 10, 0, 0, 0, 0, 1, 0, 3, 5, 4, 2, 0, 6, 8, 11, 8, 0, 4, 4, 0, 2, 4, 2, 2, 0, 0, 2, 3, 5, 1, 1, 18, 20, 11, 13, 7, 14, 1, 10, 2, 10, 2, 10, 26, 1, 3, 19, 0, 11, 12, 1, 0, 2, 0, 1, 2, 2, 2, 0, 0, 9, 8, 0, 2, 2, 1, 14, 22, 5, 2, 1, 0, 3, 6, 18, 2, 6, 0, 14, 9, 2, 0, 0, 4, 6, 25, 14, 9, 12, 4, 4, 4, 8, 0, 6, 6, 3, 10, 2, 2, 0, 1, 12, 14, 2, 13, 9, 0, 14, 1, 0, 1, 0, 0, 6, 0, 3, 10, 1, 4, 15, 7, 0, 14, 1, 7, 0, 0, 3, 3, 4, 9, 0, 0, 4, 0, 0, 2, 0, 0, 2, 9, 3, 0, 5, 4, 0, 0, 0, 0, 0, 6, 3, 0, 0], [2, 0, 0, 0, 0, 3, 1, 0, 1, 0, 2, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 2, 0, 0, 0, 0, 0, 0, 0, 2, 0, 4, 3, 2, 5, 2, 0, 0, 3, 3, 3, 3, 1, 10, 2, 2, 3, 2, 1, 3, 9, 6, 6, 8, 7, 5, 10, 5, 5, 23, 4, 2, 5, 1, 5, 2, 6, 24, 16, 4, 5, 13, 25, 10, 3, 22, 16, 20, 13, 1, 4, 20, 11, 19, 15, 8, 9, 9, 7, 15, 11, 11, 15, 6, 2, 8, 14, 9, 8, 8, 7, 5, 9, 4, 1, 3, 11, 10, 0, 0, 3, 3, 0, 0, 13, 0, 17, 14, 15, 6, 8, 1, 2, 10, 9, 11, 4, 8, 12, 8, 18, 8, 1, 13, 15, 10, 5, 10, 23, 9, 20, 10, 9, 8, 17, 15, 3, 34, 12, 6, 3, 6, 4, 1, 13, 8, 7, 7, 14, 3, 11, 19, 23, 31, 23, 21, 2, 16, 8, 5, 13, 4, 19, 17, 15, 4, 7, 4, 11, 6, 2, 4, 6, 15, 8, 6, 3, 9, 8, 0, 14, 7, 3, 13], [0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 8, 0, 0, 0, 9, 0, 0, 0, 0, 0, 0, 0, 1, 0, 0, 0, 3, 0, 0, 1, 3, 2, 0, 2, 16, 6, 8, 10, 4, 1, 5, 0, 0, 3, 0, 0, 1, 1, 0, 0, 0, 0, 6, 0, 0, 0, 0, 1, 1, 5, 4, 2, 2, 0, 1, 1, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 3, 5, 0, 0, 2, 0, 5, 0, 0, 0, 0, 0, 0, 0, 0, 3, 7, 0, 0, 2, 4, 3, 0, 9, 0, 0, 0, 0, 1, 0, 0, 0, 0, 2, 4, 4, 0, 3, 0, 0, 1, 0, 3, 2, 0, 0, 0, 0, 0, 2, 0, 0, 1, 1, 0, 0, 0, 3, 2, 0, 0, 1, 0, 8, 9, 6, 0, 0, 2, 3, 8, 1, 2, 10, 3, 12, 17, 15, 3, 11, 4, 16, 4, 1, 1, 0, 1, 1], [1, 4, 2, 0, 0, 5, 7, 2, 0, 1, 0, 1, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 1, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 4, 4, 0, 0, 0, 1, 2, 3, 1, 0, 0, 0, 4, 12, 3, 2, 2, 2, 13, 1, 13, 9, 7, 0, 7, 13, 11, 13, 6, 24, 1, 19, 3, 4, 10, 0, 2, 18, 34, 16, 7, 7, 12, 6, 14, 14, 7, 13, 25, 21, 27, 16, 16, 8, 3, 3, 8, 3, 0, 4, 0, 3, 8, 0, 7, 4, 3, 3, 3, 4, 1, 7, 18, 20, 12, 13, 7, 4, 0, 6, 18, 10, 7, 16, 6, 13, 2, 0, 5, 7, 12, 1, 0, 11, 5, 16, 2, 11, 12, 7, 9, 8, 9, 8, 4, 11, 9, 5, 8, 8, 12, 6, 5, 5, 12, 2, 6, 10, 8, 19, 3, 13, 8, 2, 11, 11, 10, 4, 4, 8, 7, 5, 6, 6, 18, 7, 14, 26, 11, 4, 7, 12, 1, 7, 18, 4, 1, 3, 1, 4, 3, 7, 16, 2, 3, 6, 5, 13, 1, 6, 7], [0, 0, 1, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 5, 0, 0, 5, 0, 0, 1, 0, 0, 0, 1, 2, 1, 7, 2, 1, 2, 3, 0, 3, 2, 0, 4, 1, 1, 1, 0, 1, 1, 8, 1, 1, 0, 1, 1, 0, 0, 0, 0, 2, 1, 3, 3, 9, 6, 7, 8, 16, 0, 6, 6, 3, 1, 0, 4, 0, 0, 0, 0, 0, 0, 0, 1, 2, 1, 3, 1, 0, 0, 4, 3, 3, 0, 3, 6, 1, 1, 0, 0, 0, 0, 7, 0, 4, 11, 9, 2, 1, 0, 0, 0, 0, 0, 2, 2, 3, 0, 4, 14, 6, 3, 2, 3, 1, 2, 5, 0, 3, 6, 3, 0, 1, 2, 1, 0, 3, 8, 0, 0, 4, 1, 0, 7, 5, 10, 5, 4, 5, 1, 4, 0, 0, 3, 3, 3, 3, 0, 2, 0, 0, 0, 1, 0, 0, 1, 0, 2, 7, 0, 0, 0, 0, 0, 0], [0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 1, 0, 0, 0, 0, 0, 1, 0, 1, 2, 0, 0, 0, 0, 0, 1, 0, 0, 1, 0, 3, 1, 0, 0, 1, 0, 3, 3, 1, 0, 3, 1, 0, 1, 5, 4, 0, 4, 0, 0, 0, 0, 0, 1, 0, 0, 0, 6, 2, 1, 0, 1, 0, 1, 2, 0, 0, 0, 0, 0, 0, 0, 1, 0, 0, 2, 1, 0, 0, 0, 0, 0, 0, 0, 0, 2, 1, 0, 0, 0, 0, 2, 0, 0, 0, 1, 1, 6, 1, 0, 0, 0, 1, 2, 1, 4, 0, 1, 2, 0, 0, 0, 3, 0, 0, 1, 2, 3, 4, 6, 4, 0, 1, 2, 4, 1, 0, 1, 0, 2, 3, 2, 0, 0, 1, 0, 0, 2, 2, 0, 0, 0, 0, 0, 0, 0, 2, 0, 1, 0, 0, 1, 0, 2, 0, 0, 0, 0, 1, 1, 3, 9, 2, 0, 1, 0, 1, 2, 1, 0, 0, 2, 1], [0, 1, 0, 0, 0, 0, 0, 1, 0, 0, 0, 0, 0, 0, 1, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 3, 0, 0, 0, 1, 0, 2, 1, 0, 2, 1, 1, 2, 1, 3, 3, 4, 0, 2, 5, 5, 2, 10, 12, 8, 13, 11, 15, 9, 5, 11, 6, 4, 2, 4, 5, 8, 13, 8, 4, 15, 8, 11, 14, 8, 10, 8, 17, 11, 11, 16, 10, 8, 17, 15, 5, 4, 13, 9, 8, 2, 1, 1, 0, 2, 0, 0, 3, 3, 2, 0, 4, 19, 5, 6, 5, 8, 13, 7, 8, 1, 3, 2, 2, 4, 6, 4, 2, 0, 5, 5, 4, 5, 8, 11, 7, 5, 5, 9, 7, 6, 13, 13, 15, 5, 10, 7, 6, 3, 4, 13, 17, 13, 18, 20, 10, 10, 8, 11, 20, 7, 23, 13, 5, 12, 14, 10, 7, 3, 7, 1, 6, 14, 17, 13, 21, 14, 5, 3, 6, 3, 12, 30, 23, 8, 11, 21, 10, 5, 5, 12, 10, 4, 9, 10, 7, 9, 6, 5, 9, 3, 9, 5, 1, 5, 3], [1, 2, 4, 0, 0, 0, 0, 0, 0, 0, 5, 0, 0, 1, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 2, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 3, 5, 2, 0, 0, 0, 0, 1, 0, 0, 0, 0, 3, 2, 0, 0, 0, 0, 2, 0, 0, 2, 1, 0, 0, 0, 0, 0, 1, 0, 0, 1, 0, 11, 4, 0, 0, 0, 0, 5, 0, 9, 3, 2, 0, 5, 0, 2, 0, 0, 0, 0, 0, 0, 0, 0, 0, 11, 8, 0, 0, 3, 0, 1, 1, 0, 0, 0, 0, 1, 1, 0, 0, 4, 0, 1, 0, 0, 0, 3, 0, 0, 0, 0, 11, 8, 5, 0, 0, 0, 0, 2, 0, 0, 1, 0, 0, 2, 0, 3, 0, 0, 0, 0, 4, 0, 0, 0, 0, 2, 3, 5, 0, 0, 2, 1, 0, 0, 0, 0, 0, 0, 0, 0, 0, 7, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 1, 8, 7, 0, 0, 0, 0, 0, 0, 3, 0, 0, 0, 0, 2, 0, 0, 0, 4, 4, 4, 0, 0, 3, 2], [5, 2, 0, 0, 0, 0, 0, 0, 0, 0, 0, 1, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 1, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 1, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 2, 0, 0, 0, 0, 0, 0, 0, 0, 1, 0, 0, 0, 0, 8, 3, 3, 0, 3, 1, 2, 4, 2, 2, 5, 2, 0, 5, 2, 1, 3, 0, 1, 2, 7, 4, 3, 4, 0, 1, 6, 9, 0, 5, 7, 3, 1, 6, 4, 0, 4, 0, 0, 0, 0, 2, 6, 9, 2, 1, 1, 2, 12, 0, 0, 2, 0, 1, 0, 0, 0, 0, 0, 0, 0, 0, 0, 1, 0, 1, 0, 0, 0, 0, 1, 0, 3, 0, 12, 3, 1, 2, 7, 4, 12, 3, 1, 0, 0, 1, 2, 0, 2, 0, 0, 3, 11, 3, 0, 0, 5, 0, 2, 3, 0, 9, 0, 0, 0, 9, 1, 2, 2, 16, 1, 3, 2, 8, 19, 11, 3, 9, 9, 2, 3, 4, 7, 4, 2, 2, 1, 0, 0, 0, 0, 0, 2, 2, 1, 1, 3, 5, 1, 1, 2, 0, 0, 0, 0, 6], [0, 0, 4, 7, 0, 0, 1, 1, 0, 0, 4, 0, 0, 0, 1, 0, 0, 0, 11, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 3, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 2, 0, 0, 0, 2, 0, 0, 0, 0, 0, 0, 0, 1, 0, 0, 0, 0, 0, 1, 1, 2, 1, 0, 0, 0, 5, 2, 0, 0, 2, 6, 1, 13, 0, 4, 15, 4, 9, 14, 20, 7, 10, 6, 15, 14, 12, 14, 8, 10, 10, 11, 8, 6, 14, 9, 8, 7, 15, 13, 21, 12, 17, 13, 1, 2, 2, 9, 3, 13, 2, 8, 2, 15, 5, 42, 26, 14, 10, 4, 11, 19, 21, 12, 18, 18, 3, 1, 1, 2, 8, 20, 33, 18, 9, 11, 4, 12, 13, 8, 8, 3, 4, 10, 15, 22, 21, 2, 27, 32, 14, 3, 10, 8, 12, 11, 3, 7, 11, 13, 3, 26, 10, 12, 18, 34, 16, 24, 16, 14, 21, 17, 6, 12, 8, 4, 2, 5, 14, 21, 3, 2, 13, 17, 17, 1, 7, 0, 2, 10, 16, 17, 19, 16, 8, 6, 9, 10, 7, 8, 4, 0, 6, 12, 5, 8, 7, 6, 1, 10, 5, 10, 6, 13, 15, 4, 10, 5, 8, 7, 9, 7, 1, 0, 3, 3], [1, 0, 0, 0, 0, 0, 0, 0, 1, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 2, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 2, 2, 3, 17, 10, 2, 0, 1, 2, 2, 0, 0, 0, 0, 0, 0, 2, 8, 2, 0, 1, 0, 1, 2, 0, 1, 0, 3, 0, 1, 0, 0, 0, 0, 0, 0, 3, 5, 6, 0, 3, 2, 0, 0, 0, 0, 0, 0, 7, 3, 0, 0, 0, 0, 0, 1, 0, 0, 0, 1, 0, 0, 1, 1, 0, 0, 3, 2, 2, 1, 6, 3, 5, 3, 0, 0, 0, 0, 0, 0, 3, 1, 0, 1, 3, 4, 2, 3, 2, 1, 3, 0, 2, 1, 0, 2, 2, 0, 1, 2, 5, 5, 1, 6, 0, 0, 0, 9, 0, 2, 8, 1, 2, 0, 2, 3, 0, 1, 2, 0, 0, 0, 0, 0, 5, 0, 1, 3, 1, 0, 6, 1, 0, 0, 0, 0, 4, 0, 3, 15, 5, 2, 6], [0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 1, 0, 0, 1, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 1, 0, 2, 0, 2, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 2, 2, 0, 0, 0, 1, 0, 1, 4, 3, 0, 0, 0, 4, 4, 2, 0, 0, 1, 1, 1, 3, 5, 2, 1, 2, 1, 1, 4, 0, 0, 1, 2, 3, 3, 2, 3, 2, 4, 1, 2, 1, 0, 1, 0, 0, 1, 0, 0, 0, 0, 2, 1, 0, 0, 0, 0, 7, 1, 5, 9, 1, 0, 0, 0, 1, 1, 0, 0, 2, 0, 0, 1, 1, 0, 0, 0, 0, 8, 0, 1, 0, 1, 0, 0, 0, 1, 1, 1, 0, 5, 0, 2, 5, 0, 2, 3, 6, 3, 0, 0, 0, 1, 2, 1, 0, 6, 1, 0, 0, 2, 0, 0, 2, 1, 4, 9, 0, 1, 1, 1, 0, 0, 0, 0, 0, 0, 1, 0, 1, 0, 4, 6, 0, 0, 0, 2, 0, 1, 0, 0, 2, 0, 0, 0, 0, 1, 0], [0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 1, 3, 0, 0, 0, 1, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 4, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 3, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 2, 0, 1, 0, 0, 0, 0, 0, 1, 7, 7, 6, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0], [0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 1, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 4, 0, 0, 0, 0, 0, 0, 1, 2, 0, 0, 3, 0, 0, 0, 1, 0, 0, 0, 0, 0, 0, 0, 0, 0, 1, 0, 0, 1, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 2, 0, 0, 0, 0, 0, 0, 0, 0, 1, 0, 3, 3, 0, 0, 0, 0, 3, 0, 5, 0, 0, 0, 0, 0, 0, 0, 2, 0, 0, 0, 1, 0, 0, 0, 1, 0, 1, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 1, 0, 2, 1, 0, 1, 0, 1, 0, 0, 0, 0, 0, 3, 2, 2, 0, 3, 0, 0, 0, 0, 0, 0, 0, 0, 0, 5, 0, 0, 0, 0, 1, 0, 2, 0, 0, 6, 1, 0, 0, 0, 0, 2, 0, 1, 0, 0, 0, 0, 0, 0, 0, 0, 0, 1, 0, 0, 0, 0, 0, 0], [8, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 1, 0, 0, 0, 3, 3, 7, 0, 0, 0, 2, 4, 0, 0, 0, 0, 0, 17, 10, 1, 1, 0, 0, 0, 8, 7, 0, 0, 1, 8, 0, 0, 9, 1, 1, 0, 4, 3, 2, 0, 1, 6, 1, 3, 2, 0, 2, 7, 3, 6, 0, 0, 8, 0, 0, 0, 0, 0, 0, 1, 0, 0, 2, 0, 0, 2, 0, 0, 2, 0, 0, 1, 1, 0, 1, 0, 1, 0, 0, 0, 3, 3, 2, 0, 0, 0, 3, 4, 4, 3, 1, 2, 4, 0, 0, 2, 1, 0, 4, 0, 0, 0, 0, 5, 5, 7, 2, 2, 1, 9, 2, 0, 0, 13, 13, 4, 2, 6, 3, 5, 1, 0, 2, 4, 2, 4, 9, 1, 15, 3, 5, 9, 2, 2, 1, 1, 3, 0, 2, 2, 5, 6, 0, 0, 9, 9, 7, 14, 5, 4, 4, 3, 3, 9, 14, 11, 9, 8, 0, 1, 1, 0, 0, 0], [0, 0, 1, 2, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 2, 2, 0, 0, 0, 5, 2, 11, 0, 3, 1, 0, 4, 5, 2, 1, 3, 2, 0, 2, 7, 1, 0, 0, 0, 3, 3, 1, 6, 0, 4, 7, 2, 1, 4, 2, 8, 4, 0, 1, 6, 4, 5, 9, 5, 5, 0, 1, 6, 0, 0, 3, 5, 2, 1, 0, 2, 0, 0, 0, 0, 2, 4, 1, 2, 1, 2, 0, 1, 1, 2, 3, 2, 2, 3, 7, 5, 4, 4, 1, 5, 6, 1, 3, 3, 3, 1, 0, 0, 3, 0, 4, 1, 2, 0, 1, 1, 4, 10, 4, 14, 5, 1, 5, 11, 5, 5, 1, 3, 5, 4, 6, 6, 12, 1, 1, 7, 5, 9, 3, 1, 2, 3, 0, 0, 2, 0, 0, 6, 4, 4, 4, 2, 1, 2, 5, 13, 5, 5, 1, 1, 6, 8, 3, 1, 0, 7, 2, 3, 5, 0, 2, 3], [0, 0, 0, 0, 0, 0, 0, 0, 0, 1, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 1, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 1, 0, 1, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 1, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 5, 0, 0, 0, 0, 0, 0, 0, 1, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 1, 0, 2, 0, 1, 0, 0, 1, 0, 0, 0, 0, 0, 2, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0], [0, 0, 0, 1, 0, 0, 1, 2, 2, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 2, 3, 3, 2, 1, 4, 0, 0, 0, 0, 1, 0, 1, 1, 0, 1, 1, 0, 0, 0, 0, 0, 0, 0, 0, 0, 1, 2, 0, 2, 1, 1, 0, 1, 1, 0, 0, 0, 1, 0, 0, 1, 0, 2, 1, 5, 2, 0, 0, 0, 1, 0, 1, 3, 2, 0, 0, 0, 0, 0, 0, 1, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 4, 0, 0, 1, 1, 0, 0, 3, 2, 0, 2, 1, 1, 0, 1, 0, 0, 0, 0, 6, 0, 1, 1, 0, 1, 0, 2, 0, 0, 0, 0, 0, 0, 0, 0, 1, 4, 1, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 5, 1, 1, 1, 0, 1, 1, 1, 1, 1, 0, 1, 1, 0, 0, 1, 0, 0, 0, 0, 1, 2, 0, 1, 3, 0, 0, 2, 1, 0, 1, 2, 0], [1, 0, 0, 0, 0, 0, 0, 1, 0, 3, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 1, 1, 0, 0, 0, 0, 1, 6, 0, 1, 0, 0, 0, 0, 0, 2, 0, 3, 2, 0, 0, 2, 0, 0, 0, 0, 0, 1, 0, 0, 0, 1, 2, 0, 4, 3, 2, 1, 1, 2, 0, 3, 0, 1, 4, 0, 0, 0, 0, 1, 0, 0, 1, 4, 0, 6, 8, 2, 3, 6, 1, 0, 0, 2, 3, 1, 0, 0, 0, 0, 0, 0, 1, 0, 0, 9, 4, 0, 0, 6, 2, 2, 0, 1, 2, 0, 0, 0, 0, 3, 0, 0, 0, 1, 1, 0, 0, 2, 0, 1, 11, 1, 1, 0, 0, 8, 4, 2, 1, 0, 0, 0, 0, 0, 0, 0, 5, 7, 0, 1, 0, 0, 0, 0, 5, 3, 0, 4, 7, 2, 0, 0, 1, 0, 0, 0, 0, 5, 0, 0, 0, 0, 0, 0, 5, 4, 0, 3, 2, 2, 0, 0, 3, 1, 3, 0, 0, 0, 2, 0, 0], [0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 1, 4, 1, 0, 1, 1, 0, 0, 0, 0, 1, 2, 0, 5, 6, 6, 3, 0, 2, 1, 1, 0, 0, 0, 3, 5, 4, 0, 1, 2, 0, 1, 0, 0, 1, 0, 0, 1, 0, 0, 0, 0, 0, 0, 0, 7, 0, 0, 2, 0, 0, 0, 3, 8, 5, 0, 1, 5, 2, 3, 0, 1, 0, 6, 0, 0, 1, 0, 0, 0, 0, 1, 15, 4, 12, 6, 3, 4, 0, 0, 0, 0, 0, 2, 6, 12, 6, 1, 0, 1, 0, 5, 12, 3, 5, 13, 3, 17, 12, 19, 5, 7, 2, 0, 2, 0, 9, 0, 1, 0, 0, 0, 0, 2, 1, 1, 0, 4, 1, 7, 3, 4, 0, 0, 4, 3, 0, 0, 1, 4, 0, 3, 6, 0, 1, 5, 1, 3, 2, 0, 1, 2, 0, 3, 1, 0, 0, 1, 0, 0, 0, 0, 0, 0, 0], [0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 6, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 2, 2, 0, 0, 1, 3, 1, 1, 1, 1, 3, 2, 0, 0, 1, 0, 0, 0, 4, 1, 2, 2, 2, 6, 1, 3, 2, 0, 2, 9, 0, 2, 2, 2, 1, 4, 2, 1, 9, 2, 15, 9, 2, 5, 0, 4, 6, 3, 7, 3, 3, 1, 1, 2, 3, 1, 2, 2, 0, 1, 4, 10, 8, 1, 3, 2, 2, 0, 0, 0, 4, 1, 1, 15, 4, 5, 1, 1, 0, 5, 6, 0, 3, 3, 5, 13, 4, 2, 8, 6, 8, 5, 4, 0, 1, 2, 1, 0, 4, 3, 4, 0, 5, 0, 6, 2, 1, 1, 3, 10, 9, 8, 26, 9, 2, 13, 9, 2, 1, 9, 4, 8, 3, 17, 2, 2, 2, 10, 18, 21, 9, 13, 8, 1, 3, 5, 3, 7, 9, 9, 2, 2, 10, 1, 0, 3, 9, 0, 4, 2, 3, 3, 1, 2, 2, 2, 0, 0, 1, 1, 2, 0], [0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 1, 1, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 1, 0, 0, 0, 0, 2, 0, 0, 0, 10, 7, 3, 0, 0, 0, 1, 1, 0, 0, 0, 0, 0, 1, 0, 1, 0, 0, 0, 1, 0, 0, 0, 0, 0, 0, 2, 1, 0, 0, 0, 0, 0, 1, 1, 3, 5, 0, 2, 0, 0, 0, 0, 0, 0, 0, 0, 1, 1, 1, 4, 0, 0, 1, 0, 1, 0, 0, 0, 0, 0, 0, 0, 0, 1, 2, 0, 0, 0, 1, 1, 0, 0, 2, 0, 0, 1, 3, 1, 0, 0, 1, 0, 0, 1, 1, 1, 0, 0, 0, 0, 3, 3, 1, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 2, 1, 0, 0, 1, 0, 2, 3, 2, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 1, 0, 0, 0], [0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 2, 0, 0, 0, 0, 0, 0, 0, 8, 2, 0, 0, 0, 0, 0, 0, 0, 1, 0, 2, 1, 0, 0, 0, 0, 0, 0, 2, 0, 3, 0, 3, 0, 14, 1, 1, 0, 0, 3, 0, 2, 1, 1, 0, 0, 0, 1, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 4, 0, 3, 0, 0, 0, 0, 0, 0, 1, 0, 0, 0, 0, 0, 4, 2, 0, 1, 0, 4, 4, 0, 0, 0, 2, 0, 0, 0, 0, 0, 0, 1, 2, 0, 0, 0, 4, 0, 1, 2, 3, 5, 0, 0, 0, 0, 0, 0, 0, 0, 1, 2, 3, 0, 0, 0, 0, 0, 0, 6, 9, 0, 0, 0, 1, 0, 1, 1, 5, 3, 1, 1, 0, 0, 0, 0, 0, 0, 3, 0, 0, 2, 0, 4, 0, 1, 0, 0, 0, 4, 1, 0, 0, 0, 0, 0], [0, 2, 0, 3, 1, 1, 0, 0, 0, 2, 1, 0, 0, 2, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 1, 0, 2, 0, 4, 0, 0, 1, 6, 0, 0, 1, 1, 1, 3, 0, 3, 3, 16, 11, 3, 1, 3, 1, 5, 5, 12, 16, 15, 11, 10, 9, 6, 20, 11, 10, 11, 5, 12, 20, 4, 2, 4, 10, 9, 11, 15, 11, 9, 8, 29, 41, 12, 4, 3, 17, 13, 15, 22, 7, 20, 21, 8, 11, 4, 2, 1, 5, 2, 5, 2, 6, 5, 5, 5, 4, 9, 1, 1, 13, 17, 15, 21, 4, 12, 8, 5, 0, 6, 3, 3, 5, 8, 9, 4, 9, 13, 11, 19, 19, 16, 2, 18, 13, 24, 9, 9, 7, 8, 18, 3, 3, 3, 18, 22, 19, 5, 16, 21, 30, 17, 24, 7, 4, 15, 6, 6, 8, 0, 3, 11, 12, 12, 8, 15, 8, 5, 12, 18, 14, 21, 21, 23, 34, 7, 4, 5, 3, 10, 14, 17, 3, 6, 26, 9, 14, 17, 19, 10, 5, 2, 9, 18, 9, 14, 3, 13, 7, 5, 5, 4, 0, 5, 0], [0, 1, 0, 0, 0, 1, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 1, 0, 0, 0, 0, 0, 1, 0, 0, 0, 0, 0, 1, 0, 1, 2, 0, 5, 0, 0, 0, 0, 0, 0, 3, 2, 3, 1, 3, 9, 8, 8, 20, 7, 6, 2, 7, 2, 2, 13, 0, 3, 4, 7, 6, 2, 6, 7, 4, 4, 15, 8, 9, 19, 12, 6, 5, 12, 0, 15, 17, 11, 5, 10, 2, 4, 4, 2, 2, 8, 6, 11, 2, 7, 12, 11, 6, 4, 5, 5, 4, 3, 7, 2, 8, 9, 4, 2, 3, 1, 5, 4, 5, 4, 31, 18, 17, 15, 9, 0, 0, 2, 2, 12, 8, 6, 3, 0, 7, 3, 3, 13, 13, 17, 4, 21, 35, 30, 48, 21, 17, 8, 13, 13, 19, 12, 7, 5, 9, 4, 3, 9, 7, 9, 7, 10, 0, 10, 21, 18, 17, 29, 10, 1, 2, 6, 0, 6, 14, 13, 3, 10, 6, 6, 15, 6, 4, 0, 0, 1, 17, 13, 3, 6, 4, 16, 10, 6, 28, 9, 2, 10], [0, 3, 0, 0, 0, 0, 3, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 2, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 1, 0, 0, 3, 0, 0, 0, 0, 8, 3, 1, 0, 0, 0, 2, 0, 0, 1, 1, 1, 2, 12, 10, 4, 4, 5, 1, 3, 3, 11, 3, 3, 5, 2, 4, 5, 5, 0, 7, 10, 5, 2, 1, 3, 5, 2, 5, 4, 4, 2, 5, 10, 3, 5, 1, 13, 0, 4, 1, 5, 1, 6, 2, 3, 4, 0, 0, 4, 19, 9, 1, 1, 0, 0, 9, 19, 0, 0, 0, 0, 1, 0, 1, 1, 19, 0, 4, 6, 5, 1, 0, 2, 3, 2, 1, 1, 1, 0, 2, 0, 3, 7, 1, 4, 1, 2, 7, 8, 9, 11, 1, 4, 9, 6, 0, 0, 1, 0, 3, 0, 2, 6, 13, 2, 3, 0, 15, 1, 3, 1, 2, 4, 5, 4, 0, 1, 0, 4, 26, 3, 0, 5, 2, 3, 6, 14, 5, 2, 1, 1, 1, 3, 1, 0, 2, 1, 2, 1, 6, 4, 0, 8], [0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 1, 1, 0, 2, 0, 1, 2, 6, 7, 0, 0, 1, 0, 1, 1, 1, 2, 3, 1, 1, 0, 0, 0, 0, 0, 2, 0, 5, 8, 3, 2, 1, 3, 0, 0, 0, 0, 0, 1, 0, 0, 0, 0, 0, 6, 4, 0, 6, 0, 2, 3, 0, 2, 4, 1, 3, 3, 2, 0, 1, 0, 0, 0, 0, 8, 0, 0, 0, 1, 0, 0, 0, 0, 0, 4, 0, 12, 4, 10, 6, 6, 3, 1, 0, 1, 4, 1, 1, 2, 0, 3, 3, 0, 0, 1, 0, 0, 2, 0, 0, 1, 4, 0, 3, 1, 2, 0, 0, 1, 0, 4, 5, 2, 1, 0, 4, 16, 7, 0, 0, 0, 0, 0, 0, 2, 0, 1, 3, 11, 8, 6, 12, 7, 1, 8, 6, 1, 2, 0, 0, 0, 0, 1, 1, 0, 2, 3, 0, 0, 0, 0, 0, 0, 1, 0, 0, 0, 0], [0, 0, 0, 0, 0, 0, 0, 0, 0, 1, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 2, 0, 0, 0, 1, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 1, 0, 0, 0, 4, 0, 0, 0, 0, 2, 0, 0, 0, 0, 0, 0, 1, 1, 0, 1, 6, 0, 1, 0, 0, 4, 7, 4, 0, 2, 0, 0, 0, 8, 2, 1, 2, 16, 6, 0, 0, 3, 0, 0, 3, 0, 0, 9, 0, 2, 3, 0, 0, 2, 4, 0, 0, 1, 0, 0, 0, 1, 0, 2, 0, 0, 5, 3, 4, 2, 0, 0, 1, 0, 0, 0, 4, 0, 3, 7, 0, 0, 0, 0, 1, 0, 0, 1, 0, 0, 0, 0, 2, 2, 1, 0, 0, 0, 2, 0, 0, 0, 0, 0, 0, 0, 0, 2, 0, 3, 0, 0, 0, 3, 1, 0, 1, 0, 0, 0, 0, 0, 1, 5, 4, 0, 2, 20, 9, 0, 1, 0, 3, 2, 4, 0, 0, 0, 0, 0, 0, 0, 0, 0, 2, 3, 1, 1, 0, 0, 1, 0, 7, 0, 0, 0], [0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 4, 0, 5, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0]]


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