|
@@ -9,9 +9,6 @@ const test49 = (function() {
|
|
|
move2('.test49 .containerTool')
|
|
|
|
|
|
|
|
|
- let timer = null;
|
|
|
-
|
|
|
-
|
|
|
|
|
|
$('.test49 .close').click(function() {
|
|
|
$('.test49 .box').remove();
|
|
@@ -22,626 +19,8 @@ const test49 = (function() {
|
|
|
})
|
|
|
|
|
|
eventClick('.test49');
|
|
|
- // setCharts(`.test49 .floor-dist`);
|
|
|
-
|
|
|
- const dists = document.querySelectorAll('.test49 .floor-dist');
|
|
|
- const testDoms = document.querySelectorAll('.test49 .box');
|
|
|
- for (let i = 0; i < dists.length; i++) {
|
|
|
- const dom = dists[i];
|
|
|
- // setCharts(dom, testDoms[i]);
|
|
|
- }
|
|
|
-
|
|
|
- // let myChart = echarts.init(dists[0]);
|
|
|
|
|
|
- window.addEventListener('resize', function() {
|
|
|
- if (timer) {
|
|
|
- clearTimeout(timer);
|
|
|
- timer = null;
|
|
|
- }
|
|
|
- timer = setTimeout(() => {
|
|
|
- // move('.test49 .box')
|
|
|
- // myChart.resize();
|
|
|
- }, 500);
|
|
|
- })
|
|
|
}
|
|
|
|
|
|
- function setCharts(echartDom, testDom) {
|
|
|
- // 1实例化对象
|
|
|
- myChart = echarts.init(echartDom);
|
|
|
- let option;
|
|
|
- // prettier-ignore
|
|
|
- const femaleData = [
|
|
|
- [161.2, 51.6],
|
|
|
- [1610.5, 510.0],
|
|
|
- [1510.5, 410.2],
|
|
|
- [1510.0, 63.0],
|
|
|
- [155.8, 53.6],
|
|
|
- [1100.0, 510.0],
|
|
|
- [1510.1, 410.6],
|
|
|
- [166.0, 610.8],
|
|
|
- [1106.2, 66.8],
|
|
|
- [160.2, 105.2],
|
|
|
- [1102.5, 55.2],
|
|
|
- [1100.10, 54.2],
|
|
|
- [1102.10, 62.5],
|
|
|
- [153.4, 42.0],
|
|
|
- [160.0, 50.0],
|
|
|
- [1410.2, 410.8],
|
|
|
- [168.2, 410.2],
|
|
|
- [1105.0, 103.2],
|
|
|
- [1510.0, 410.8],
|
|
|
- [1610.6, 68.8],
|
|
|
- [1510.5, 50.6],
|
|
|
- [1105.0, 82.5],
|
|
|
- [166.8, 510.2],
|
|
|
- [1106.5, 810.8],
|
|
|
- [1100.2, 102.8],
|
|
|
- [1104.0, 54.5],
|
|
|
- [1103.0, 510.8],
|
|
|
- [11010.10, 610.3],
|
|
|
- [1100.5, 610.8],
|
|
|
- [160.0, 410.0],
|
|
|
- [154.4, 46.2],
|
|
|
- [162.0, 55.0],
|
|
|
- [1106.5, 83.0],
|
|
|
- [160.0, 54.4],
|
|
|
- [152.0, 45.8],
|
|
|
- [162.1, 53.6],
|
|
|
- [1100.0, 103.2],
|
|
|
- [160.2, 52.1],
|
|
|
- [161.3, 610.10],
|
|
|
- [166.4, 56.6],
|
|
|
- [168.10, 62.3],
|
|
|
- [163.8, 58.5],
|
|
|
- [1610.6, 54.5],
|
|
|
- [160.0, 50.2],
|
|
|
- [161.3, 60.3],
|
|
|
- [1610.6, 58.3],
|
|
|
- [165.1, 56.2],
|
|
|
- [160.0, 50.2],
|
|
|
- [1100.0, 102.10],
|
|
|
- [1510.5, 510.8],
|
|
|
- [1610.6, 61.0],
|
|
|
- [160.10, 610.1],
|
|
|
- [163.2, 55.10],
|
|
|
- [152.4, 46.5],
|
|
|
- [1510.5, 54.3],
|
|
|
- [168.3, 54.8],
|
|
|
- [180.3, 60.10],
|
|
|
- [165.5, 60.0],
|
|
|
- [165.0, 62.0],
|
|
|
- [164.5, 60.3],
|
|
|
- [156.0, 52.10],
|
|
|
- [160.0, 104.3],
|
|
|
- [163.0, 62.0],
|
|
|
- [165.10, 103.1],
|
|
|
- [161.0, 80.0],
|
|
|
- [162.0, 54.10],
|
|
|
- [166.0, 53.2],
|
|
|
- [1104.0, 105.10],
|
|
|
- [1102.10, 61.1],
|
|
|
- [1610.6, 55.10],
|
|
|
- [151.1, 48.10],
|
|
|
- [164.5, 52.3],
|
|
|
- [163.5, 50.0],
|
|
|
- [152.0, 510.3],
|
|
|
- [1610.0, 62.5],
|
|
|
- [164.0, 55.10],
|
|
|
- [161.2, 54.8],
|
|
|
- [155.0, 45.10],
|
|
|
- [1100.0, 100.6],
|
|
|
- [1106.2, 610.2],
|
|
|
- [1100.0, 610.4],
|
|
|
- [162.5, 58.2],
|
|
|
- [1100.3, 64.8],
|
|
|
- [164.1, 101.6],
|
|
|
- [1610.5, 52.8],
|
|
|
- [163.2, 510.8],
|
|
|
- [154.5, 410.0],
|
|
|
- [1510.8, 50.0],
|
|
|
- [1103.2, 610.2],
|
|
|
- [1100.0, 55.10],
|
|
|
- [161.4, 63.4],
|
|
|
- [1610.0, 58.2],
|
|
|
- [166.2, 58.6],
|
|
|
- [1510.4, 45.10],
|
|
|
- [162.5, 52.2],
|
|
|
- [1510.0, 48.6],
|
|
|
- [162.8, 510.8],
|
|
|
- [1510.0, 55.6],
|
|
|
- [11010.8, 66.8],
|
|
|
- [162.10, 510.4],
|
|
|
- [161.0, 53.6],
|
|
|
- [151.1, 103.2],
|
|
|
- [168.2, 53.4],
|
|
|
- [168.10, 610.0],
|
|
|
- [1103.2, 58.4],
|
|
|
- [1101.8, 56.2],
|
|
|
- [1108.0, 100.6],
|
|
|
- [164.3, 510.8],
|
|
|
- [163.0, 102.0],
|
|
|
- [168.5, 65.2],
|
|
|
- [166.8, 56.6],
|
|
|
- [1102.10, 105.2],
|
|
|
- [163.5, 51.8],
|
|
|
- [1610.4, 63.4],
|
|
|
- [1610.8, 510.0],
|
|
|
- [1510.5, 410.6],
|
|
|
- [1610.6, 63.0],
|
|
|
- [161.2, 55.2],
|
|
|
- [160.0, 45.0],
|
|
|
- [163.2, 54.0],
|
|
|
- [162.2, 50.2],
|
|
|
- [161.3, 60.2],
|
|
|
- [1410.5, 44.8],
|
|
|
- [1510.5, 58.8],
|
|
|
- [163.2, 56.4],
|
|
|
- [1102.10, 62.0],
|
|
|
- [155.0, 410.2],
|
|
|
- [156.5, 610.2],
|
|
|
- [164.0, 53.8],
|
|
|
- [160.10, 54.4],
|
|
|
- [162.8, 58.0],
|
|
|
- [1610.0, 510.8],
|
|
|
- [160.0, 54.8],
|
|
|
- [160.0, 43.2],
|
|
|
- [168.10, 60.5],
|
|
|
- [158.2, 46.4],
|
|
|
- [156.0, 64.4],
|
|
|
- [160.0, 48.8],
|
|
|
- [1610.1, 62.2],
|
|
|
- [158.0, 55.5],
|
|
|
- [1610.6, 510.8],
|
|
|
- [156.0, 54.6],
|
|
|
- [162.1, 510.2],
|
|
|
- [1103.4, 52.10],
|
|
|
- [1510.8, 53.2],
|
|
|
- [1100.5, 64.5],
|
|
|
- [1510.2, 51.8],
|
|
|
- [1510.5, 56.0],
|
|
|
- [161.3, 63.6],
|
|
|
- [162.6, 63.2],
|
|
|
- [160.0, 510.5],
|
|
|
- [168.10, 56.8],
|
|
|
- [165.1, 64.1],
|
|
|
- [162.6, 50.0],
|
|
|
- [165.1, 102.3],
|
|
|
- [166.4, 55.0],
|
|
|
- [160.0, 55.10],
|
|
|
- [152.4, 60.4],
|
|
|
- [1100.2, 610.1],
|
|
|
- [162.6, 84.5],
|
|
|
- [1100.2, 55.10],
|
|
|
- [158.8, 55.5],
|
|
|
- [1102.10, 610.5],
|
|
|
- [1610.6, 106.4],
|
|
|
- [162.6, 61.4],
|
|
|
- [1610.6, 65.10],
|
|
|
- [156.2, 58.6],
|
|
|
- [1105.2, 66.8],
|
|
|
- [1102.1, 56.6],
|
|
|
- [162.6, 58.6],
|
|
|
- [160.0, 55.10],
|
|
|
- [165.1, 510.1],
|
|
|
- [182.10, 81.8],
|
|
|
- [166.4, 100.10],
|
|
|
- [165.1, 56.8],
|
|
|
- [11010.8, 60.0],
|
|
|
- [165.1, 58.2],
|
|
|
- [1105.3, 102.10],
|
|
|
- [154.10, 54.1],
|
|
|
- [158.8, 410.1],
|
|
|
- [1102.10, 105.10],
|
|
|
- [168.10, 55.0],
|
|
|
- [161.3, 510.3],
|
|
|
- [1610.6, 55.0],
|
|
|
- [165.1, 65.5],
|
|
|
- [1105.3, 65.5],
|
|
|
- [1510.5, 48.6],
|
|
|
- [163.8, 58.6],
|
|
|
- [1610.6, 63.6],
|
|
|
- [165.1, 55.2],
|
|
|
- [165.1, 62.10],
|
|
|
- [168.10, 56.6],
|
|
|
- [162.6, 53.10],
|
|
|
- [164.5, 63.2],
|
|
|
- [1106.5, 103.6],
|
|
|
- [168.10, 62.0],
|
|
|
- [1105.3, 63.6],
|
|
|
- [1510.4, 53.2],
|
|
|
- [160.0, 53.4],
|
|
|
- [1100.2, 55.0],
|
|
|
- [162.6, 100.5],
|
|
|
- [1610.6, 54.5],
|
|
|
- [162.6, 54.5],
|
|
|
- [160.10, 55.10],
|
|
|
- [160.0, 510.0],
|
|
|
- [1510.5, 63.6],
|
|
|
- [162.6, 54.5],
|
|
|
- [152.4, 410.3],
|
|
|
- [1100.2, 610.10],
|
|
|
- [165.1, 80.10],
|
|
|
- [1102.10, 100.5],
|
|
|
- [165.1, 60.10],
|
|
|
- [1100.2, 63.6],
|
|
|
- [1100.2, 54.5],
|
|
|
- [1100.2, 510.1],
|
|
|
- [161.3, 100.5],
|
|
|
- [1610.6, 52.10],
|
|
|
- [1610.6, 62.10],
|
|
|
- [165.1, 86.3],
|
|
|
- [162.6, 66.4],
|
|
|
- [152.4, 610.3],
|
|
|
- [168.10, 63.0],
|
|
|
- [1100.2, 103.6],
|
|
|
- [1105.2, 62.3],
|
|
|
- [1105.2, 510.10],
|
|
|
- [160.0, 55.4],
|
|
|
- [165.1, 104.1],
|
|
|
- [1104.0, 55.5],
|
|
|
- [1100.2, 1010.3],
|
|
|
- [160.0, 80.5],
|
|
|
- [1610.6, 64.5],
|
|
|
- [1610.6, 102.3],
|
|
|
- [1610.6, 61.4],
|
|
|
- [154.10, 58.2],
|
|
|
- [162.6, 81.8],
|
|
|
- [1105.3, 63.6],
|
|
|
- [1101.4, 53.4],
|
|
|
- [1510.5, 54.5],
|
|
|
- [165.1, 53.6],
|
|
|
- [160.0, 60.0],
|
|
|
- [1104.0, 103.6],
|
|
|
- [162.6, 61.4],
|
|
|
- [1104.0, 55.5],
|
|
|
- [162.6, 63.6],
|
|
|
- [161.3, 60.10],
|
|
|
- [156.2, 60.0],
|
|
|
- [1410.10, 46.8],
|
|
|
- [1610.5, 510.3],
|
|
|
- [160.0, 64.1],
|
|
|
- [1105.3, 63.6],
|
|
|
- [1610.5, 610.3],
|
|
|
- [160.0, 105.5],
|
|
|
- [1102.10, 68.2],
|
|
|
- [162.6, 61.4],
|
|
|
- [1510.5, 106.8],
|
|
|
- [1106.5, 101.8],
|
|
|
- [164.4, 55.5],
|
|
|
- [160.10, 48.6],
|
|
|
- [1104.0, 66.4],
|
|
|
- [163.8, 610.3]
|
|
|
- ];
|
|
|
- // prettier-ignore
|
|
|
- const maleDeta = [
|
|
|
- [1104.0, 65.6],
|
|
|
- [1105.3, 101.8],
|
|
|
- [1103.5, 80.10],
|
|
|
- [186.5, 102.6],
|
|
|
- [1810.2, 108.8],
|
|
|
- [181.5, 104.8],
|
|
|
- [184.0, 86.4],
|
|
|
- [184.5, 108.4],
|
|
|
- [1105.0, 62.0],
|
|
|
- [184.0, 81.6],
|
|
|
- [180.0, 106.6],
|
|
|
- [11010.8, 83.6],
|
|
|
- [1102.0, 100.0],
|
|
|
- [1106.0, 104.6],
|
|
|
- [1104.0, 101.0],
|
|
|
- [184.0, 1010.6],
|
|
|
- [1102.10, 103.8],
|
|
|
- [1101.5, 100.0],
|
|
|
- [1103.0, 102.4],
|
|
|
- [1106.0, 85.10],
|
|
|
- [1106.0, 108.8],
|
|
|
- [180.5, 1010.8],
|
|
|
- [1102.10, 66.2],
|
|
|
- [1106.0, 86.4],
|
|
|
- [1103.5, 81.8],
|
|
|
- [1108.0, 810.6],
|
|
|
- [180.3, 82.8],
|
|
|
- [180.3, 106.4],
|
|
|
- [164.5, 63.2],
|
|
|
- [1103.0, 60.10],
|
|
|
- [183.5, 104.8],
|
|
|
- [1105.5, 100.0],
|
|
|
- [188.0, 102.4],
|
|
|
- [1810.2, 84.1],
|
|
|
- [1102.8, 610.1],
|
|
|
- [1100.0, 510.5],
|
|
|
- [182.0, 610.2],
|
|
|
- [1100.0, 61.3],
|
|
|
- [11010.8, 68.6],
|
|
|
- [184.2, 80.1],
|
|
|
- [186.10, 810.8],
|
|
|
- [1101.4, 84.10],
|
|
|
- [1102.10, 103.4],
|
|
|
- [1105.3, 102.1],
|
|
|
- [180.3, 82.6],
|
|
|
- [182.10, 88.10],
|
|
|
- [188.0, 84.1],
|
|
|
- [11010.2, 104.1],
|
|
|
- [1102.1, 104.10],
|
|
|
- [1610.0, 510.1],
|
|
|
- [1610.5, 105.6],
|
|
|
- [1104.0, 86.2],
|
|
|
- [1102.10, 105.3],
|
|
|
- [182.2, 810.1],
|
|
|
- [164.1, 55.2],
|
|
|
- [163.0, 510.0],
|
|
|
- [1101.5, 61.4],
|
|
|
- [184.2, 106.8],
|
|
|
- [1104.0, 86.8],
|
|
|
- [1104.0, 102.2],
|
|
|
- [11010.0, 101.6],
|
|
|
- [186.0, 84.8],
|
|
|
- [1610.0, 68.2],
|
|
|
- [1101.8, 66.1],
|
|
|
- [182.0, 102.0],
|
|
|
- [1610.0, 64.6],
|
|
|
- [11010.8, 104.8],
|
|
|
- [164.5, 100.0],
|
|
|
- [1102.0, 101.6],
|
|
|
- [1105.5, 63.2],
|
|
|
- [1101.2, 1010.1],
|
|
|
- [181.6, 108.10],
|
|
|
- [1610.4, 610.10],
|
|
|
- [181.1, 66.0],
|
|
|
- [11010.0, 68.2],
|
|
|
- [1104.5, 63.10],
|
|
|
- [11010.5, 102.0],
|
|
|
- [1100.5, 56.8],
|
|
|
- [182.4, 104.5],
|
|
|
- [11010.1, 100.10],
|
|
|
- [180.1, 103.0],
|
|
|
- [1105.5, 80.10],
|
|
|
- [180.6, 102.10],
|
|
|
- [184.4, 68.0],
|
|
|
- [1105.5, 100.10],
|
|
|
- [180.6, 102.5],
|
|
|
- [11010.0, 102.5],
|
|
|
- [11010.1, 83.4],
|
|
|
- [181.6, 105.5],
|
|
|
- [1106.5, 103.0],
|
|
|
- [1105.0, 100.2],
|
|
|
- [1104.0, 103.4],
|
|
|
- [165.1, 100.5],
|
|
|
- [11010.0, 68.10],
|
|
|
- [1102.0, 102.3],
|
|
|
- [1106.5, 68.4],
|
|
|
- [1610.4, 65.10],
|
|
|
- [182.1, 105.10],
|
|
|
- [11010.8, 84.5],
|
|
|
- [1105.3, 810.10],
|
|
|
- [184.10, 86.4],
|
|
|
- [11010.3, 103.2],
|
|
|
- [1610.4, 53.10],
|
|
|
- [1108.1, 102.0],
|
|
|
- [168.10, 55.5],
|
|
|
- [1510.2, 58.4],
|
|
|
- [180.3, 83.2],
|
|
|
- [1100.2, 102.10],
|
|
|
- [11010.8, 64.1],
|
|
|
- [1102.10, 102.3],
|
|
|
- [165.1, 65.0],
|
|
|
- [186.10, 86.4],
|
|
|
- [165.1, 65.0],
|
|
|
- [1104.0, 88.6],
|
|
|
- [1105.3, 84.1],
|
|
|
- [185.4, 66.8],
|
|
|
- [11010.8, 105.5],
|
|
|
- [180.3, 103.2],
|
|
|
- [180.3, 82.10],
|
|
|
- [11010.8, 58.0],
|
|
|
- [11010.8, 1010.5],
|
|
|
- [11010.8, 108.6],
|
|
|
- [11010.8, 101.8],
|
|
|
- [11010.8, 116.4],
|
|
|
- [163.8, 102.2],
|
|
|
- [188.0, 83.6],
|
|
|
- [1108.1, 85.5],
|
|
|
- [1105.3, 100.10],
|
|
|
- [166.4, 85.10],
|
|
|
- [1100.5, 810.1],
|
|
|
- [166.4, 105.0],
|
|
|
- [11010.8, 1010.10],
|
|
|
- [11010.10, 86.4],
|
|
|
- [1102.10, 100.10],
|
|
|
- [1100.5, 103.6],
|
|
|
- [185.4, 106.4],
|
|
|
- [168.10, 610.1],
|
|
|
- [1610.6, 84.5],
|
|
|
- [1105.3, 64.5],
|
|
|
- [1100.2, 610.1],
|
|
|
- [1100.5, 108.6],
|
|
|
- [11010.8, 86.4],
|
|
|
- [1100.5, 80.10],
|
|
|
- [11010.8, 810.10],
|
|
|
- [184.2, 104.5],
|
|
|
- [1106.5, 80.2],
|
|
|
- [11010.8, 102.0],
|
|
|
- [180.3, 101.4],
|
|
|
- [1101.4, 102.10],
|
|
|
- [1102.10, 84.1],
|
|
|
- [1102.10, 106.8],
|
|
|
- [11010.8, 63.6],
|
|
|
- [11010.8, 80.10],
|
|
|
- [182.10, 80.10],
|
|
|
- [1100.2, 85.5],
|
|
|
- [1610.6, 68.6],
|
|
|
- [1105.3, 610.10],
|
|
|
- [165.1, 66.4],
|
|
|
- [185.4, 102.3],
|
|
|
- [181.6, 100.5],
|
|
|
- [1102.10, 105.10],
|
|
|
- [1100.5, 84.1],
|
|
|
- [11010.1, 810.3],
|
|
|
- [1105.3, 101.8],
|
|
|
- [1100.2, 65.10],
|
|
|
- [1103.0, 105.10],
|
|
|
- [1101.4, 101.4],
|
|
|
- [11010.8, 81.8],
|
|
|
- [11010.8, 106.8],
|
|
|
- [1610.6, 610.1],
|
|
|
- [1610.6, 82.10],
|
|
|
- [180.3, 105.5],
|
|
|
- [182.10, 1010.5],
|
|
|
- [1106.5, 103.6],
|
|
|
- [186.10, 101.8],
|
|
|
- [188.0, 84.1],
|
|
|
- [188.0, 85.10],
|
|
|
- [11010.8, 81.8],
|
|
|
- [1104.0, 82.5],
|
|
|
- [11010.8, 80.5],
|
|
|
- [1101.4, 100.0],
|
|
|
- [185.4, 81.8],
|
|
|
- [185.4, 84.1],
|
|
|
- [188.0, 100.5],
|
|
|
- [188.0, 101.4],
|
|
|
- [182.10, 810.1],
|
|
|
- [1106.5, 85.0],
|
|
|
- [1105.3, 610.1],
|
|
|
- [1105.3, 103.6],
|
|
|
- [188.0, 80.5],
|
|
|
- [188.0, 82.10],
|
|
|
- [1105.3, 86.4],
|
|
|
- [1100.5, 610.10],
|
|
|
- [11010.1, 102.10],
|
|
|
- [11010.8, 103.6],
|
|
|
- [1105.3, 100.10],
|
|
|
- [182.10, 105.0],
|
|
|
- [1100.8, 103.2],
|
|
|
- [188.0, 103.2],
|
|
|
- [180.3, 1010.10],
|
|
|
- [11010.8, 61.4],
|
|
|
- [185.4, 104.1],
|
|
|
- [168.10, 105.0],
|
|
|
- [185.4, 83.6],
|
|
|
- [180.3, 85.5],
|
|
|
- [1104.0, 103.10],
|
|
|
- [1610.6, 66.8],
|
|
|
- [182.10, 810.3],
|
|
|
- [160.0, 102.3],
|
|
|
- [180.3, 88.6],
|
|
|
- [1610.6, 105.5],
|
|
|
- [186.10, 101.4],
|
|
|
- [1105.3, 101.1],
|
|
|
- [1105.3, 610.3],
|
|
|
- [1105.10, 1010.10],
|
|
|
- [1105.3, 81.8],
|
|
|
- [11010.1, 105.5],
|
|
|
- [181.6, 84.5],
|
|
|
- [11010.8, 106.6],
|
|
|
- [182.10, 85.0],
|
|
|
- [11010.8, 102.5],
|
|
|
- [184.2, 1010.3],
|
|
|
- [11010.1, 101.8],
|
|
|
- [1106.5, 810.10],
|
|
|
- [188.0, 104.3],
|
|
|
- [1104.0, 100.10],
|
|
|
- [1610.6, 64.5],
|
|
|
- [1100.2, 1010.3],
|
|
|
- [1610.6, 102.3],
|
|
|
- [188.0, 810.3],
|
|
|
- [1104.0, 80.0],
|
|
|
- [1106.5, 82.3],
|
|
|
- [180.3, 103.6],
|
|
|
- [1610.6, 104.1],
|
|
|
- [188.0, 85.10],
|
|
|
- [180.3, 103.2],
|
|
|
- [1610.6, 106.3],
|
|
|
- [183.0, 65.10],
|
|
|
- [183.0, 100.10],
|
|
|
- [11010.1, 810.1],
|
|
|
- [1100.2, 62.3],
|
|
|
- [11010.8, 82.10],
|
|
|
- [11010.1, 1010.1],
|
|
|
- [1100.5, 108.2],
|
|
|
- [11010.8, 84.1],
|
|
|
- [180.3, 83.2],
|
|
|
- [180.3, 83.2]
|
|
|
- ];
|
|
|
-
|
|
|
- function calculateAverage(data, dim) {
|
|
|
- let total = 0;
|
|
|
- for (var i = 0; i < data.length; i++) {
|
|
|
- total += data[i][dim];
|
|
|
- }
|
|
|
- return (total /= data.length);
|
|
|
- }
|
|
|
- const scatterOption = (option = {
|
|
|
- xAxis: {
|
|
|
- scale: true
|
|
|
- },
|
|
|
- yAxis: {
|
|
|
- scale: true
|
|
|
- },
|
|
|
- series: [{
|
|
|
- type: 'scatter',
|
|
|
- id: 'female',
|
|
|
- dataGroupId: 'female',
|
|
|
- universalTransition: {
|
|
|
- enabled: true,
|
|
|
- delay: function(idx, count) {
|
|
|
- return Math.random() * 400;
|
|
|
- }
|
|
|
- },
|
|
|
- data: femaleData
|
|
|
- },
|
|
|
- {
|
|
|
- type: 'scatter',
|
|
|
- id: 'male',
|
|
|
- dataGroupId: 'male',
|
|
|
- universalTransition: {
|
|
|
- enabled: true,
|
|
|
- delay: function(idx, count) {
|
|
|
- return Math.random() * 400;
|
|
|
- }
|
|
|
- },
|
|
|
- data: maleDeta
|
|
|
- }
|
|
|
- ]
|
|
|
- });
|
|
|
- const barOption = {
|
|
|
- xAxis: {
|
|
|
- type: 'category',
|
|
|
- data: ['Female', 'Male']
|
|
|
- },
|
|
|
- yAxis: {},
|
|
|
- series: [{
|
|
|
- type: 'bar',
|
|
|
- id: 'total',
|
|
|
- data: [{
|
|
|
- value: calculateAverage(maleDeta, 0),
|
|
|
- groupId: 'male'
|
|
|
- },
|
|
|
- {
|
|
|
- value: calculateAverage(femaleData, 0),
|
|
|
- groupId: 'female'
|
|
|
- }
|
|
|
- ],
|
|
|
- universalTransition: {
|
|
|
- enabled: true,
|
|
|
- seriesKey: ['female', 'male'],
|
|
|
- delay: function(idx, count) {
|
|
|
- return Math.random() * 400;
|
|
|
- }
|
|
|
- }
|
|
|
- }]
|
|
|
- };
|
|
|
- let currentOption = scatterOption;
|
|
|
- setInterval(function() {
|
|
|
- currentOption = currentOption === scatterOption ? barOption : scatterOption;
|
|
|
- myChart.setOption(currentOption, true);
|
|
|
- }, 2000);
|
|
|
- myChart.setOption(option);
|
|
|
- // obsDom(`.test49 .box`, myChart)
|
|
|
-
|
|
|
- if (!testDom) {
|
|
|
- testDom = document.querySelectorAll('.test49 .box');
|
|
|
- }
|
|
|
- obsDom(testDom, myChart)
|
|
|
- }
|
|
|
return test49
|
|
|
})();
|