chart.js 11 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620621622623624625626627628629630631632633634635636637638639640641642643644645646647648649650651652653654655656657658659660661662663664665666
  1. //导出全局表信息存储模块
  2. export default {
  3. //开启命名空间
  4. namespaced: true,
  5. //模块数据
  6. state: () => ({
  7. //成绩图表数据
  8. gradeData: {
  9. //表格数据
  10. tableData: [{
  11. '考试': '开学',
  12. '语文': 83,
  13. '数学': 95,
  14. '英语': 95,
  15. '体育': 92,
  16. '思品': 88,
  17. '科学': 90,
  18. },
  19. {
  20. '考试': '四月月考',
  21. '语文': 93,
  22. '数学': 92,
  23. '英语': 90,
  24. '体育': 82,
  25. '思品': 90,
  26. '科学': 99,
  27. },
  28. {
  29. '考试': '期中',
  30. '语文': 99,
  31. '数学': 91,
  32. '英语': 82,
  33. '体育': 94,
  34. '思品': 85,
  35. '科学': 100,
  36. },
  37. {
  38. '考试': '五月月考',
  39. '语文': 99,
  40. '数学': 92,
  41. '英语': 97,
  42. '体育': 92,
  43. '思品': 98,
  44. '科学': 88,
  45. },
  46. {
  47. '考试': '六月月考',
  48. '语文': 99,
  49. '数学': 90,
  50. '英语': 92,
  51. '体育': 92,
  52. '思品': 80,
  53. '科学': 90,
  54. },
  55. {
  56. '考试': '期末',
  57. '语文': 99,
  58. '数学': 85,
  59. '英语': 92,
  60. '体育': 95,
  61. '思品': 91,
  62. '科学': 99,
  63. }
  64. ],
  65. //学期折线图数据
  66. semesterLineChart: {
  67. //总成绩
  68. generalComparison: {
  69. categories: [
  70. "开学考试",
  71. "第一月考",
  72. "第二月考",
  73. "期中考试",
  74. "第三月考",
  75. "期末考试"
  76. ],
  77. series: [{
  78. "name": "孩子总分",
  79. "data": [
  80. 556,
  81. 577,
  82. 540,
  83. 588,
  84. 563,
  85. 594
  86. ]
  87. },
  88. {
  89. "name": "班级平均分",
  90. "data": [
  91. 460,
  92. 477,
  93. 455,
  94. 522,
  95. 538,
  96. 511
  97. ]
  98. },
  99. {
  100. "name": "年级平均分",
  101. "data": [
  102. 533,
  103. 476,
  104. 484,
  105. 547,
  106. 485,
  107. 502
  108. ]
  109. }
  110. ],
  111. },
  112. //单科与平均对比
  113. singleAverageComparison: {
  114. categories: [
  115. "开学考试",
  116. "第一月考",
  117. "第二月考",
  118. "期中考试",
  119. "第三月考",
  120. "期末考试"
  121. ],
  122. series: [{
  123. "name": "数学成绩",
  124. "data": [
  125. 90,
  126. 95,
  127. 92,
  128. 100,
  129. 88,
  130. 99
  131. ]
  132. },
  133. {
  134. "name": "班级平均",
  135. "data": [
  136. 85,
  137. 88,
  138. 84,
  139. 92,
  140. 93,
  141. 89
  142. ]
  143. },
  144. {
  145. "name": "年纪平均",
  146. "data": [
  147. 88,
  148. 79,
  149. 77,
  150. 74,
  151. 85,
  152. 89
  153. ]
  154. }
  155. ],
  156. },
  157. //单科对比
  158. subjectComparison: {
  159. categories: [
  160. "开学考试",
  161. "第一月考",
  162. "第二月考",
  163. "期中考试",
  164. "第三月考",
  165. "期末考试"
  166. ],
  167. series: [{
  168. "name": "数学",
  169. "data": [
  170. 90,
  171. 95,
  172. 92,
  173. 100,
  174. 88,
  175. 99
  176. ]
  177. },
  178. {
  179. "name": "语文",
  180. "data": [
  181. 95,
  182. 98,
  183. 84,
  184. 92,
  185. 93,
  186. 89
  187. ]
  188. },
  189. {
  190. "name": "英语",
  191. "data": [
  192. 98,
  193. 89,
  194. 97,
  195. 84,
  196. 95,
  197. 89
  198. ]
  199. },
  200. {
  201. "name": "科学",
  202. "data": [
  203. 91,
  204. 72,
  205. 92,
  206. 89,
  207. 97,
  208. 92
  209. ]
  210. },
  211. {
  212. "name": "体育",
  213. "data": [
  214. 95,
  215. 89,
  216. 92,
  217. 87,
  218. 91,
  219. 83
  220. ]
  221. },
  222. {
  223. "name": "思品",
  224. "data": [
  225. 91,
  226. 82,
  227. 87,
  228. 84,
  229. 90,
  230. 85
  231. ]
  232. }
  233. ],
  234. },
  235. },
  236. //近期单次考试数据
  237. recentTestChart: {
  238. //近两次对比
  239. recentComparison: {
  240. categories: [
  241. "数学",
  242. "语文",
  243. "英语",
  244. "体育",
  245. "科学",
  246. "思品"
  247. ],
  248. series: [{
  249. "name": "最近成绩",
  250. "data": [
  251. 91,
  252. 92,
  253. 94,
  254. 88,
  255. 88,
  256. 98
  257. ]
  258. },
  259. {
  260. "name": "上次成绩",
  261. "data": [
  262. 88,
  263. 84,
  264. 97,
  265. 92,
  266. 89,
  267. 93
  268. ]
  269. }
  270. ],
  271. },
  272. //近期排名占比分析
  273. recentRank: {
  274. series: [{
  275. "name": "超过年级中",
  276. "data": 0.8,
  277. "color": "#0080ff"
  278. },
  279. {
  280. "name": "超过班级中",
  281. "data": 0.90,
  282. "color": "#ff8caf"
  283. }
  284. ],
  285. },
  286. },
  287. //排名占比分析
  288. rankChart: {
  289. //学期排名占比分析
  290. semesterRank: {
  291. categories: [
  292. "开学考试",
  293. "第一月考",
  294. "第二月考",
  295. "期中考试",
  296. "第三月考",
  297. "期末考试"
  298. ],
  299. series: [{
  300. "name": "超过年级中",
  301. "data": [
  302. 90,
  303. 95,
  304. 92,
  305. 100,
  306. 88,
  307. 99
  308. ]
  309. },
  310. {
  311. "name": "超过班级中",
  312. "data": [
  313. 95,
  314. 98,
  315. 84,
  316. 92,
  317. 93,
  318. 79
  319. ]
  320. }
  321. ]
  322. },
  323. semesterSubjectRank: {
  324. categories: [
  325. "开学考试",
  326. "第一月考",
  327. "第二月考",
  328. "期中考试",
  329. "第三月考",
  330. "期末考试"
  331. ],
  332. series: [{
  333. "name": "超过年级中",
  334. "data": [
  335. 90,
  336. 95,
  337. 82,
  338. 76,
  339. 88,
  340. 99
  341. ]
  342. },
  343. {
  344. "name": "超过班级中",
  345. "data": [
  346. 95,
  347. 58,
  348. 64,
  349. 92,
  350. 93,
  351. 79
  352. ]
  353. }
  354. ]
  355. },
  356. },
  357. //优势科目分析
  358. advantageRoseChart: {
  359. //近期优势科目分析
  360. recentAdvantage: {
  361. series: [{
  362. "data": [{
  363. "name": "数学",
  364. "value": 100
  365. },
  366. {
  367. "name": "语文",
  368. "value": 86
  369. },
  370. {
  371. "name": "英语",
  372. "value": 100
  373. },
  374. {
  375. "name": "科学",
  376. "value": 79
  377. },
  378. {
  379. "name": "体育",
  380. "value": 88
  381. },
  382. {
  383. "name": "思品",
  384. "value": 95
  385. }
  386. ]
  387. }]
  388. },
  389. //学期综合分析
  390. semesterAdvantage: {
  391. series: [{
  392. "data": [{
  393. "name": "数学",
  394. "value": 95
  395. },
  396. {
  397. "name": "语文",
  398. "value": 88
  399. },
  400. {
  401. "name": "英语",
  402. "value": 99
  403. },
  404. {
  405. "name": "科学",
  406. "value": 80
  407. },
  408. {
  409. "name": "体育",
  410. "value": 77
  411. },
  412. {
  413. "name": "思品",
  414. "value": 95
  415. }
  416. ]
  417. }]
  418. },
  419. },
  420. //能力雷达图分析
  421. abilityChart: {
  422. //重要考试分析
  423. importantAnalyse: {
  424. categories: [
  425. "语文",
  426. "数学",
  427. "英语",
  428. "科学",
  429. "体育",
  430. "思品"
  431. ],
  432. series: [{
  433. "name": "开学考试",
  434. "data": [
  435. 90,
  436. 89,
  437. 98,
  438. 88,
  439. 95,
  440. 89
  441. ]
  442. },
  443. {
  444. "name": "期中考试",
  445. "data": [
  446. 94,
  447. 89,
  448. 97,
  449. 91,
  450. 95,
  451. 85
  452. ]
  453. },
  454. {
  455. "name": "期末考试",
  456. "data": [
  457. 80,
  458. 90,
  459. 95,
  460. 96,
  461. 90,
  462. 92
  463. ]
  464. }
  465. ],
  466. },
  467. //普通考试分析
  468. commonAnalyse: {
  469. categories: [
  470. "语文",
  471. "数学",
  472. "英语",
  473. "科学",
  474. "体育",
  475. "思品"
  476. ],
  477. series: [{
  478. "name": "第一月考",
  479. "data": [
  480. 90,
  481. 100,
  482. 77,
  483. 78,
  484. 75,
  485. 95
  486. ]
  487. },
  488. {
  489. "name": "第二月考",
  490. "data": [
  491. 89,
  492. 94,
  493. 75,
  494. 99,
  495. 80,
  496. 92
  497. ]
  498. },
  499. {
  500. "name": "第三月考",
  501. "data": [
  502. 79,
  503. 84,
  504. 94,
  505. 73,
  506. 99,
  507. 87
  508. ]
  509. }
  510. ],
  511. },
  512. },
  513. },
  514. //今日页面图表数据
  515. todayData: {
  516. //评测进度条数据
  517. evaluationArcbar: {
  518. "series": [{
  519. "name": "评测完成",
  520. "data": 0.60,
  521. "color": "#0080ff"
  522. }]
  523. },
  524. //作业进度条数据
  525. homeworkArcbar: {
  526. "series": [{
  527. "name": "作业完成",
  528. "data": 1,
  529. "color": "#ff8caf"
  530. }]
  531. },
  532. //活动进度条数据
  533. activityArcbar: {
  534. "series": [{
  535. "name": "活动完成",
  536. "data": 0.83,
  537. "color": "#f9c752"
  538. }]
  539. },
  540. //孩子数据记录
  541. //学习休息时长对比
  542. studyColumn: {},
  543. //锻炼时长
  544. exercisePie: {
  545. "series": [{
  546. "data": [{
  547. "name": "周一",
  548. "value": 20
  549. },
  550. {
  551. "name": "周二",
  552. "value": 30
  553. },
  554. {
  555. "name": "周三",
  556. "value": 50
  557. },
  558. {
  559. "name": "周四",
  560. "value": 100
  561. },
  562. {
  563. "name": "周五",
  564. "value": 40
  565. },
  566. {
  567. "name": "周六",
  568. "value": 40
  569. },
  570. {
  571. "name": "周日",
  572. "value": 60
  573. }
  574. ]
  575. }]
  576. },
  577. sleepRing: {
  578. "series": [{
  579. "data": [{
  580. "name": "周一",
  581. "value": 8
  582. },
  583. {
  584. "name": "周二",
  585. "value": 7
  586. },
  587. {
  588. "name": "周三",
  589. "value": 8.5
  590. },
  591. {
  592. "name": "周四",
  593. "value": 6.5
  594. },
  595. {
  596. "name": "周五",
  597. "value": 8
  598. },
  599. {
  600. "name": "周六",
  601. "value": 8
  602. },
  603. {
  604. "name": "周日",
  605. "value": 9
  606. }
  607. ]
  608. }]
  609. },
  610. },
  611. //作业页面图表数据
  612. homeworkData: {
  613. //评测完成率
  614. testData: '',
  615. homeworkData: '',
  616. activityData: '',
  617. }
  618. }),
  619. //模块方法(修改数据)
  620. mutations: {
  621. // 更新图表数据
  622. updateSubjectComparison(state, singleAverageComparison) {
  623. state.gradeData.semesterLineChart.singleAverageComparison = singleAverageComparison
  624. },
  625. //更新今日模块数据
  626. updateStudyColumn(state, studyColumn) {
  627. state.todayData.studyColumn = studyColumn
  628. },
  629. updateExercisePie(state, exercisePie) {
  630. state.todayData.exercisePie = exercisePie
  631. },
  632. updateSleepRing(state, sleepRing){
  633. state.todayData.sleepRing = sleepRing
  634. },
  635. //更新作业模块数据
  636. updateTestColumn(state, testData){
  637. state.homeworkData.testData = testData
  638. },
  639. updateHomeworkColumn(state, homeworkData){
  640. state.homeworkData.homeworkData = homeworkData
  641. },
  642. updateActivityColumn(state, activityData){
  643. state.homeworkData.activityData = activityData
  644. },
  645. },
  646. //模块属性(数据包装)
  647. getters: {
  648. //学科科目
  649. getSubjectList(state) {
  650. let {
  651. 考试,
  652. ...subject
  653. } = state.gradeData.tableData[0]
  654. return Object.keys(subject)
  655. }
  656. }
  657. }