1 line
4.4 KiB
JSON
1 line
4.4 KiB
JSON
{"remainingRequest":"D:\\data\\hanguodoushan\\acs2\\nladmin-ui\\node_modules\\babel-loader\\lib\\index.js!D:\\data\\hanguodoushan\\acs2\\nladmin-ui\\node_modules\\cache-loader\\dist\\cjs.js??ref--0-0!D:\\data\\hanguodoushan\\acs2\\nladmin-ui\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!D:\\data\\hanguodoushan\\acs2\\nladmin-ui\\src\\views\\dashboard\\LineChart.vue?vue&type=script&lang=js","dependencies":[{"path":"D:\\data\\hanguodoushan\\acs2\\nladmin-ui\\src\\views\\dashboard\\LineChart.vue","mtime":1732871026690},{"path":"D:\\data\\hanguodoushan\\acs2\\nladmin-ui\\babel.config.js","mtime":1732871025888},{"path":"D:\\data\\hanguodoushan\\acs2\\nladmin-ui\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1732872824662},{"path":"D:\\data\\hanguodoushan\\acs2\\nladmin-ui\\node_modules\\babel-loader\\lib\\index.js","mtime":1732872825017},{"path":"D:\\data\\hanguodoushan\\acs2\\nladmin-ui\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1732872824662},{"path":"D:\\data\\hanguodoushan\\acs2\\nladmin-ui\\node_modules\\vue-loader\\lib\\index.js","mtime":1732872825835}],"contextDependencies":[],"result":["\"use strict\";\n\nvar _interopRequireDefault = require(\"D:/data/hanguodoushan/acs2/nladmin-ui/node_modules/@babel/runtime/helpers/interopRequireDefault.js\");\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\nexports.default = void 0;\nvar _echarts = _interopRequireDefault(require(\"echarts\"));\nvar _resize = _interopRequireDefault(require(\"./mixins/resize\"));\n//\n//\n//\n//\n\nrequire('echarts/theme/macarons'); // echarts theme\nvar _default = exports.default = {\n mixins: [_resize.default],\n props: {\n className: {\n type: String,\n default: 'chart'\n },\n width: {\n type: String,\n default: '100%'\n },\n height: {\n type: String,\n default: '350px'\n },\n autoResize: {\n type: Boolean,\n default: true\n },\n chartData: {\n type: Object,\n required: true\n }\n },\n data: function data() {\n return {\n chart: null\n };\n },\n watch: {\n chartData: {\n deep: true,\n handler: function handler(val) {\n this.setOptions(val);\n }\n }\n },\n mounted: function mounted() {\n var _this = this;\n this.$nextTick(function () {\n _this.initChart();\n });\n },\n beforeDestroy: function beforeDestroy() {\n if (!this.chart) {\n return;\n }\n this.chart.dispose();\n this.chart = null;\n },\n methods: {\n initChart: function initChart() {\n this.chart = _echarts.default.init(this.$el, 'macarons');\n this.setOptions(this.chartData);\n },\n setOptions: function setOptions() {\n var _ref = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {},\n expectedData = _ref.expectedData,\n actualData = _ref.actualData;\n this.chart.setOption({\n xAxis: {\n data: ['Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat', 'Sun'],\n boundaryGap: false,\n axisTick: {\n show: false\n }\n },\n grid: {\n left: 10,\n right: 10,\n bottom: 20,\n top: 30,\n containLabel: true\n },\n tooltip: {\n trigger: 'axis',\n axisPointer: {\n type: 'cross'\n },\n padding: [5, 10]\n },\n yAxis: {\n axisTick: {\n show: false\n }\n },\n legend: {\n data: ['expected', 'actual']\n },\n series: [{\n name: 'expected',\n itemStyle: {\n normal: {\n color: '#FF005A',\n lineStyle: {\n color: '#FF005A',\n width: 2\n }\n }\n },\n smooth: true,\n type: 'line',\n data: expectedData,\n animationDuration: 2800,\n animationEasing: 'cubicInOut'\n }, {\n name: 'actual',\n smooth: true,\n type: 'line',\n itemStyle: {\n normal: {\n color: '#3888fa',\n lineStyle: {\n color: '#3888fa',\n width: 2\n },\n areaStyle: {\n color: '#f3f8ff'\n }\n }\n },\n data: actualData,\n animationDuration: 2800,\n animationEasing: 'quadraticOut'\n }]\n });\n }\n }\n};",null]} |