{"remainingRequest":"D:\\源码\\vue-element-admin-master\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!D:\\源码\\vue-element-admin-master\\src\\components\\Charts\\Keyboard.vue?vue&type=script&lang=js&","dependencies":[{"path":"D:\\源码\\vue-element-admin-master\\src\\components\\Charts\\Keyboard.vue","mtime":1649647926000},{"path":"D:\\源码\\vue-element-admin-master\\node_modules\\cache-loader\\dist\\cjs.js","mtime":499162500000},{"path":"D:\\源码\\vue-element-admin-master\\node_modules\\babel-loader\\lib\\index.js","mtime":315532800000},{"path":"D:\\源码\\vue-element-admin-master\\node_modules\\cache-loader\\dist\\cjs.js","mtime":499162500000},{"path":"D:\\源码\\vue-element-admin-master\\node_modules\\vue-loader\\lib\\index.js","mtime":499162500000}],"contextDependencies":[],"result":[{"type":"Buffer","data":"base64:Ly8KLy8KLy8KLy8KCmltcG9ydCBlY2hhcnRzIGZyb20gJ2VjaGFydHMnCmltcG9ydCByZXNpemUgZnJvbSAnLi9taXhpbnMvcmVzaXplJwoKZXhwb3J0IGRlZmF1bHQgewogIG1peGluczogW3Jlc2l6ZV0sCiAgcHJvcHM6IHsKICAgIGNsYXNzTmFtZTogewogICAgICB0eXBlOiBTdHJpbmcsCiAgICAgIGRlZmF1bHQ6ICdjaGFydCcKICAgIH0sCiAgICBpZDogewogICAgICB0eXBlOiBTdHJpbmcsCiAgICAgIGRlZmF1bHQ6ICdjaGFydCcKICAgIH0sCiAgICB3aWR0aDogewogICAgICB0eXBlOiBTdHJpbmcsCiAgICAgIGRlZmF1bHQ6ICcyMDBweCcKICAgIH0sCiAgICBoZWlnaHQ6IHsKICAgICAgdHlwZTogU3RyaW5nLAogICAgICBkZWZhdWx0OiAnMjAwcHgnCiAgICB9CiAgfSwKICBkYXRhKCkgewogICAgcmV0dXJuIHsKICAgICAgY2hhcnQ6IG51bGwKICAgIH0KICB9LAogIG1vdW50ZWQoKSB7CiAgICB0aGlzLmluaXRDaGFydCgpCiAgfSwKICBiZWZvcmVEZXN0cm95KCkgewogICAgaWYgKCF0aGlzLmNoYXJ0KSB7CiAgICAgIHJldHVybgogICAgfQogICAgdGhpcy5jaGFydC5kaXNwb3NlKCkKICAgIHRoaXMuY2hhcnQgPSBudWxsCiAgfSwKICBtZXRob2RzOiB7CiAgICBpbml0Q2hhcnQoKSB7CiAgICAgIHRoaXMuY2hhcnQgPSBlY2hhcnRzLmluaXQoZG9jdW1lbnQuZ2V0RWxlbWVudEJ5SWQodGhpcy5pZCkpCgogICAgICBjb25zdCB4QXhpc0RhdGEgPSBbXQogICAgICBjb25zdCBkYXRhID0gW10KICAgICAgY29uc3QgZGF0YTIgPSBbXQogICAgICBmb3IgKGxldCBpID0gMDsgaSA8IDUwOyBpKyspIHsKICAgICAgICB4QXhpc0RhdGEucHVzaChpKQogICAgICAgIGRhdGEucHVzaCgoTWF0aC5zaW4oaSAvIDUpICogKGkgLyA1IC0gMTApICsgaSAvIDYpICogNSkKICAgICAgICBkYXRhMi5wdXNoKChNYXRoLnNpbihpIC8gNSkgKiAoaSAvIDUgKyAxMCkgKyBpIC8gNikgKiAzKQogICAgICB9CiAgICAgIHRoaXMuY2hhcnQuc2V0T3B0aW9uKHsKICAgICAgICBiYWNrZ3JvdW5kQ29sb3I6ICcjMDgyNjNhJywKICAgICAgICBncmlkOiB7CiAgICAgICAgICBsZWZ0OiAnNSUnLAogICAgICAgICAgcmlnaHQ6ICc1JScKICAgICAgICB9LAogICAgICAgIHhBeGlzOiBbewogICAgICAgICAgc2hvdzogZmFsc2UsCiAgICAgICAgICBkYXRhOiB4QXhpc0RhdGEKICAgICAgICB9LCB7CiAgICAgICAgICBzaG93OiBmYWxzZSwKICAgICAgICAgIGRhdGE6IHhBeGlzRGF0YQogICAgICAgIH1dLAogICAgICAgIHZpc3VhbE1hcDogewogICAgICAgICAgc2hvdzogZmFsc2UsCiAgICAgICAgICBtaW46IDAsCiAgICAgICAgICBtYXg6IDUwLAogICAgICAgICAgZGltZW5zaW9uOiAwLAogICAgICAgICAgaW5SYW5nZTogewogICAgICAgICAgICBjb2xvcjogWycjNGE2NTdhJywgJyMzMDhlOTInLCAnI2IxY2ZhNScsICcjZjVkNjlmJywgJyNmNTg5OGInLCAnI2VmNTA1NSddCiAgICAgICAgICB9CiAgICAgICAgfSwKICAgICAgICB5QXhpczogewogICAgICAgICAgYXhpc0xpbmU6IHsKICAgICAgICAgICAgc2hvdzogZmFsc2UKICAgICAgICAgIH0sCiAgICAgICAgICBheGlzTGFiZWw6IHsKICAgICAgICAgICAgdGV4dFN0eWxlOiB7CiAgICAgICAgICAgICAgY29sb3I6ICcjNGE2NTdhJwogICAgICAgICAgICB9CiAgICAgICAgICB9LAogICAgICAgICAgc3BsaXRMaW5lOiB7CiAgICAgICAgICAgIHNob3c6IHRydWUsCiAgICAgICAgICAgIGxpbmVTdHlsZTogewogICAgICAgICAgICAgIGNvbG9yOiAnIzA4MjYzZicKICAgICAgICAgICAgfQogICAgICAgICAgfSwKICAgICAgICAgIGF4aXNUaWNrOiB7CiAgICAgICAgICAgIHNob3c6IGZhbHNlCiAgICAgICAgICB9CiAgICAgICAgfSwKICAgICAgICBzZXJpZXM6IFt7CiAgICAgICAgICBuYW1lOiAnYmFjaycsCiAgICAgICAgICB0eXBlOiAnYmFyJywKICAgICAgICAgIGRhdGE6IGRhdGEyLAogICAgICAgICAgejogMSwKICAgICAgICAgIGl0ZW1TdHlsZTogewogICAgICAgICAgICBub3JtYWw6IHsKICAgICAgICAgICAgICBvcGFjaXR5OiAwLjQsCiAgICAgICAgICAgICAgYmFyQm9yZGVyUmFkaXVzOiA1LAogICAgICAgICAgICAgIHNoYWRvd0JsdXI6IDMsCiAgICAgICAgICAgICAgc2hhZG93Q29sb3I6ICcjMTExJwogICAgICAgICAgICB9CiAgICAgICAgICB9CiAgICAgICAgfSwgewogICAgICAgICAgbmFtZTogJ1NpbXVsYXRlIFNoYWRvdycsCiAgICAgICAgICB0eXBlOiAnbGluZScsCiAgICAgICAgICBkYXRhLAogICAgICAgICAgejogMiwKICAgICAgICAgIHNob3dTeW1ib2w6IGZhbHNlLAogICAgICAgICAgYW5pbWF0aW9uRGVsYXk6IDAsCiAgICAgICAgICBhbmltYXRpb25FYXNpbmc6ICdsaW5lYXInLAogICAgICAgICAgYW5pbWF0aW9uRHVyYXRpb246IDEyMDAsCiAgICAgICAgICBsaW5lU3R5bGU6IHsKICAgICAgICAgICAgbm9ybWFsOiB7CiAgICAgICAgICAgICAgY29sb3I6ICd0cmFuc3BhcmVudCcKICAgICAgICAgICAgfQogICAgICAgICAgfSwKICAgICAgICAgIGFyZWFTdHlsZTogewogICAgICAgICAgICBub3JtYWw6IHsKICAgICAgICAgICAgICBjb2xvcjogJyMwODI2M2EnLAogICAgICAgICAgICAgIHNoYWRvd0JsdXI6IDUwLAogICAgICAgICAgICAgIHNoYWRvd0NvbG9yOiAnIzAwMCcKICAgICAgICAgICAgfQogICAgICAgICAgfQogICAgICAgIH0sIHsKICAgICAgICAgIG5hbWU6ICdmcm9udCcsCiAgICAgICAgICB0eXBlOiAnYmFyJywKICAgICAgICAgIGRhdGEsCiAgICAgICAgICB4QXhpc0luZGV4OiAxLAogICAgICAgICAgejogMywKICAgICAgICAgIGl0ZW1TdHlsZTogewogICAgICAgICAgICBub3JtYWw6IHsKICAgICAgICAgICAgICBiYXJCb3JkZXJSYWRpdXM6IDUKICAgICAgICAgICAgfQogICAgICAgICAgfQogICAgICAgIH1dLAogICAgICAgIGFuaW1hdGlvbkVhc2luZzogJ2VsYXN0aWNPdXQnLAogICAgICAgIGFuaW1hdGlvbkVhc2luZ1VwZGF0ZTogJ2VsYXN0aWNPdXQnLAogICAgICAgIGFuaW1hdGlvbkRlbGF5KGlkeCkgewogICAgICAgICAgcmV0dXJuIGlkeCAqIDIwCiAgICAgICAgfSwKICAgICAgICBhbmltYXRpb25EZWxheVVwZGF0ZShpZHgpIHsKICAgICAgICAgIHJldHVybiBpZHggKiAyMAogICAgICAgIH0KICAgICAgfSkKICAgIH0KICB9Cn0K"},{"version":3,"sources":["Keyboard.vue"],"names":[],"mappings":";;;;;AAKA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA","file":"Keyboard.vue","sourceRoot":"src/components/Charts","sourcesContent":["<template>\n <div :id=\"id\" :class=\"className\" :style=\"{height:height,width:width}\" />\n</template>\n\n<script>\nimport echarts from 'echarts'\nimport resize from './mixins/resize'\n\nexport default {\n mixins: [resize],\n props: {\n className: {\n type: String,\n default: 'chart'\n },\n id: {\n type: String,\n default: 'chart'\n },\n width: {\n type: String,\n default: '200px'\n },\n height: {\n type: String,\n default: '200px'\n }\n },\n data() {\n return {\n chart: null\n }\n },\n mounted() {\n this.initChart()\n },\n beforeDestroy() {\n if (!this.chart) {\n return\n }\n this.chart.dispose()\n this.chart = null\n },\n methods: {\n initChart() {\n this.chart = echarts.init(document.getElementById(this.id))\n\n const xAxisData = []\n const data = []\n const data2 = []\n for (let i = 0; i < 50; i++) {\n xAxisData.push(i)\n data.push((Math.sin(i / 5) * (i / 5 - 10) + i / 6) * 5)\n data2.push((Math.sin(i / 5) * (i / 5 + 10) + i / 6) * 3)\n }\n this.chart.setOption({\n backgroundColor: '#08263a',\n grid: {\n left: '5%',\n right: '5%'\n },\n xAxis: [{\n show: false,\n data: xAxisData\n }, {\n show: false,\n data: xAxisData\n }],\n visualMap: {\n show: false,\n min: 0,\n max: 50,\n dimension: 0,\n inRange: {\n color: ['#4a657a', '#308e92', '#b1cfa5', '#f5d69f', '#f5898b', '#ef5055']\n }\n },\n yAxis: {\n axisLine: {\n show: false\n },\n axisLabel: {\n textStyle: {\n color: '#4a657a'\n }\n },\n splitLine: {\n show: true,\n lineStyle: {\n color: '#08263f'\n }\n },\n axisTick: {\n show: false\n }\n },\n series: [{\n name: 'back',\n type: 'bar',\n data: data2,\n z: 1,\n itemStyle: {\n normal: {\n opacity: 0.4,\n barBorderRadius: 5,\n shadowBlur: 3,\n shadowColor: '#111'\n }\n }\n }, {\n name: 'Simulate Shadow',\n type: 'line',\n data,\n z: 2,\n showSymbol: false,\n animationDelay: 0,\n animationEasing: 'linear',\n animationDuration: 1200,\n lineStyle: {\n normal: {\n color: 'transparent'\n }\n },\n areaStyle: {\n normal: {\n color: '#08263a',\n shadowBlur: 50,\n shadowColor: '#000'\n }\n }\n }, {\n name: 'front',\n type: 'bar',\n data,\n xAxisIndex: 1,\n z: 3,\n itemStyle: {\n normal: {\n barBorderRadius: 5\n }\n }\n }],\n animationEasing: 'elasticOut',\n animationEasingUpdate: 'elasticOut',\n animationDelay(idx) {\n return idx * 20\n },\n animationDelayUpdate(idx) {\n return idx * 20\n }\n })\n }\n }\n}\n</script>\n"]}]}
|
