1 line
2.8 KiB
JSON
1 line
2.8 KiB
JSON
{"remainingRequest":"D:\\data\\hanguodoushan\\acs2\\nladmin-ui\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!D:\\data\\hanguodoushan\\acs2\\nladmin-ui\\src\\components\\Echarts\\PieChart.vue?vue&type=script&lang=js","dependencies":[{"path":"D:\\data\\hanguodoushan\\acs2\\nladmin-ui\\src\\components\\Echarts\\PieChart.vue","mtime":1732871026468},{"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":["//\n//\n//\n//\n\r\nimport echarts from 'echarts'\r\nrequire('echarts/theme/macarons') // echarts theme\r\nimport { debounce } from '@/utils'\r\n\r\nexport default {\r\n props: {\r\n className: {\r\n type: String,\r\n default: 'chart'\r\n },\r\n width: {\r\n type: String,\r\n default: '100%'\r\n },\r\n height: {\r\n type: String,\r\n default: '300px'\r\n }\r\n },\r\n data() {\r\n return {\r\n chart: null\r\n }\r\n },\r\n mounted() {\r\n this.initChart()\r\n this.__resizeHandler = debounce(() => {\r\n if (this.chart) {\r\n this.chart.resize()\r\n }\r\n }, 100)\r\n window.addEventListener('resize', this.__resizeHandler)\r\n },\r\n beforeDestroy() {\r\n if (!this.chart) {\r\n return\r\n }\r\n window.removeEventListener('resize', this.__resizeHandler)\r\n this.chart.dispose()\r\n this.chart = null\r\n },\r\n methods: {\r\n initChart() {\r\n this.chart = echarts.init(this.$el, 'macarons')\r\n\r\n this.chart.setOption({\r\n tooltip: {\r\n trigger: 'item',\r\n formatter: '{a} <br/>{b} : {c} ({d}%)'\r\n },\r\n legend: {\r\n left: 'center',\r\n bottom: '10',\r\n data: ['Industries', 'Technology', 'Forex', 'Gold', 'Forecasts']\r\n },\r\n calculable: true,\r\n series: [\r\n {\r\n name: 'WEEKLY WRITE ARTICLES',\r\n type: 'pie',\r\n roseType: 'radius',\r\n radius: [15, 95],\r\n center: ['50%', '38%'],\r\n data: [\r\n { value: 320, name: 'Industries' },\r\n { value: 240, name: 'Technology' },\r\n { value: 149, name: 'Forex' },\r\n { value: 100, name: 'Gold' },\r\n { value: 59, name: 'Forecasts' }\r\n ],\r\n animationEasing: 'cubicInOut',\r\n animationDuration: 2600\r\n }\r\n ]\r\n })\r\n }\r\n }\r\n}\r\n",null]} |