1 line
8.3 KiB
JSON
1 line
8.3 KiB
JSON
{"remainingRequest":"D:\\视频边缘1215\\TransFlow\\node_modules\\babel-loader\\lib\\index.js!D:\\视频边缘1215\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js??ref--0-0!D:\\视频边缘1215\\TransFlow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!D:\\视频边缘1215\\TransFlow\\src\\components\\chart\\pieChart.vue?vue&type=script&lang=js&","dependencies":[{"path":"D:\\视频边缘1215\\TransFlow\\src\\components\\chart\\pieChart.vue","mtime":1672390625220},{"path":"D:\\视频边缘1215\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1671074740928},{"path":"D:\\视频边缘1215\\TransFlow\\node_modules\\babel-loader\\lib\\index.js","mtime":1671074740599},{"path":"D:\\视频边缘1215\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1671074740928},{"path":"D:\\视频边缘1215\\TransFlow\\node_modules\\vue-loader\\lib\\index.js","mtime":1671074747916}],"contextDependencies":[],"result":["import _defineProperty from \"D:/\\u89C6\\u9891\\u8FB9\\u7F181215/TransFlow/node_modules/@babel/runtime/helpers/esm/defineProperty\";\n//\n//\n//\n//\n//\n//\nexport default {\n name: 'pieChart',\n //饼图图组件\n data: function data() {\n return {\n tableData: [{\n name: '111',\n val1: '100',\n val2: '200',\n val3: '300',\n val4: '400'\n }],\n xData: ['0点', '1点', '2点', '3点', '4点', '5点', '6点', '7点', '8点', '9点', '10点', '11点', '12点', '13点', '14点'],\n valData: [120, 132, 101, 134, 90, 432, 421, 234, 230, 210, 182, 191, 234, 290, 330]\n };\n },\n methods: {\n drawPie: function drawPie() {\n var _ref;\n\n var myChart = this.$echarts.init(this.$refs.pieChart);\n var color = ['#0CD2E6', '#3751E6', '#FFC722'];\n var legend = ['A需求类型', 'B需求类型', 'C需求类型'];\n var seriesData = [{\n \"name\": \"A需求类型\",\n \"value\": 30\n }, {\n \"name\": \"B需求类型\",\n \"value\": 10\n }, {\n \"name\": \"C需求类型\",\n \"value\": 15\n }];\n var option = {\n color: color,\n // legend: {\n // top: 20,\n // right: 'center',\n // textStyle: {\n // },\n // data: legend,\n // },\n series: [(_ref = {\n name: '需求类型占比',\n type: 'pie',\n center: ['50%', '55%'],\n radius: '80%',\n label: {\n normal: {\n show: false\n }\n },\n labelLine: {\n show: false,\n length: 0,\n length2: 0\n }\n }, _defineProperty(_ref, \"label\", {\n normal: {\n show: true,\n position: 'inside',\n formatter: '{value|{c}}',\n rich: {\n value: {\n fontSize: 20,\n color: '#ffffff'\n }\n }\n }\n }), _defineProperty(_ref, \"data\", seriesData), _ref)]\n };\n myChart.setOption(option);\n\n window.onresize = function () {\n myChart.resize();\n };\n }\n },\n mounted: function mounted() {\n this.drawPie();\n }\n};",{"version":3,"sources":["pieChart.vue"],"names":[],"mappings":";;;;;;;AAOA,eAAA;AACA,EAAA,IAAA,EAAA,UADA;AACA;AACA,EAAA,IAFA,kBAEA;AACA,WAAA;AACA,MAAA,SAAA,EAAA,CACA;AACA,QAAA,IAAA,EAAA,KADA;AAEA,QAAA,IAAA,EAAA,KAFA;AAGA,QAAA,IAAA,EAAA,KAHA;AAIA,QAAA,IAAA,EAAA,KAJA;AAKA,QAAA,IAAA,EAAA;AALA,OADA,CADA;AAUA,MAAA,KAAA,EAAA,CACA,IADA,EAEA,IAFA,EAGA,IAHA,EAIA,IAJA,EAKA,IALA,EAMA,IANA,EAOA,IAPA,EAQA,IARA,EASA,IATA,EAUA,IAVA,EAWA,KAXA,EAYA,KAZA,EAaA,KAbA,EAcA,KAdA,EAeA,KAfA,CAVA;AA2BA,MAAA,OAAA,EAAA,CAAA,GAAA,EAAA,GAAA,EAAA,GAAA,EAAA,GAAA,EAAA,EAAA,EAAA,GAAA,EAAA,GAAA,EAAA,GAAA,EAAA,GAAA,EAAA,GAAA,EAAA,GAAA,EAAA,GAAA,EAAA,GAAA,EAAA,GAAA,EAAA,GAAA;AA3BA,KAAA;AA6BA,GAhCA;AAiCA,EAAA,OAAA,EAAA;AACA,IAAA,OADA,qBACA;AAAA;;AACA,UAAA,OAAA,GAAA,KAAA,QAAA,CAAA,IAAA,CAAA,KAAA,KAAA,CAAA,QAAA,CAAA;AACA,UAAA,KAAA,GAAA,CACA,SADA,EAEA,SAFA,EAGA,SAHA,CAAA;AAMA,UAAA,MAAA,GAAA,CACA,OADA,EAEA,OAFA,EAGA,OAHA,CAAA;AAMA,UAAA,UAAA,GAAA,CACA;AAAA,gBAAA,OAAA;AAAA,iBAAA;AAAA,OADA,EAEA;AAAA,gBAAA,OAAA;AAAA,iBAAA;AAAA,OAFA,EAGA;AAAA,gBAAA,OAAA;AAAA,iBAAA;AAAA,OAHA,CAAA;AAMA,UAAA,MAAA,GAAA;AAEA,QAAA,KAAA,EAAA,KAFA;AAGA;AACA;AACA;AACA;AAEA;AACA;AACA;AACA,QAAA,MAAA,EAAA;AACA,UAAA,IAAA,EAAA,QADA;AAEA,UAAA,IAAA,EAAA,KAFA;AAGA,UAAA,MAAA,EAAA,CAAA,KAAA,EAAA,KAAA,CAHA;AAIA,UAAA,MAAA,EAAA,KAJA;AAKA,UAAA,KAAA,EAAA;AACA,YAAA,MAAA,EAAA;AACA,cAAA,IAAA,EAAA;AADA;AADA,WALA;AAUA,UAAA,SAAA,EAAA;AACA,YAAA,IAAA,EAAA,KADA;AAEA,YAAA,MAAA,EAAA,CAFA;AAGA,YAAA,OAAA,EAAA;AAHA;AAVA,0CAeA;AACA,UAAA,MAAA,EAAA;AACA,YAAA,IAAA,EAAA,IADA;AAEA,YAAA,QAAA,EAAA,QAFA;AAGA,YAAA,SAAA,EAAA,aAHA;AAIA,YAAA,IAAA,EAAA;AACA,cAAA,KAAA,EAAA;AACA,gBAAA,QAAA,EAAA,EADA;AAEA,gBAAA,KAAA,EAAA;AAFA;AADA;AAJA;AADA,SAfA,iCA4BA,UA5BA;AAXA,OAAA;AA2CA,MAAA,OAAA,CAAA,SAAA,CAAA,MAAA;;AACA,MAAA,MAAA,CAAA,QAAA,GAAA,YAAA;AACA,QAAA,OAAA,CAAA,MAAA;AACA,OAFA;AAIA;AArEA,GAjCA;AAwGA,EAAA,OAxGA,qBAwGA;AACA,SAAA,OAAA;AACA;AA1GA,CAAA","sourcesContent":["<template>\n\n <div id=\"pieChart\" ref=\"pieChart\" style=\"width:664px;height:300px;\"></div>\n\n</template>\n \n<script>\nexport default {\n name: 'pieChart', //饼图图组件\n data() {\n return {\n tableData: [\n {\n name: '111',\n val1: '100',\n val2: '200',\n val3: '300',\n val4: '400'\n }\n ],\n xData: [\n '0点',\n '1点',\n '2点',\n '3点',\n '4点',\n '5点',\n '6点',\n '7点',\n '8点',\n '9点',\n '10点',\n '11点',\n '12点',\n '13点',\n '14点',\n ],\n valData: [120, 132, 101, 134, 90, 432, 421, 234, 230, 210, 182, 191, 234, 290, 330],\n }\n },\n methods: {\n drawPie() {\n let myChart = this.$echarts.init(this.$refs.pieChart)\n var color = [\n '#0CD2E6',\n '#3751E6',\n '#FFC722'\n ];\n\n var legend = [\n 'A需求类型',\n 'B需求类型',\n 'C需求类型',\n ];\n\n var seriesData = [\n { \"name\": \"A需求类型\", \"value\": 30 },\n { \"name\": \"B需求类型\", \"value\": 10 },\n { \"name\": \"C需求类型\", \"value\": 15 },\n ]\n\n let option = {\n\n color: color,\n // legend: {\n // top: 20,\n // right: 'center',\n // textStyle: {\n\n // },\n // data: legend,\n // },\n series: [{\n name: '需求类型占比',\n type: 'pie',\n center: ['50%', '55%'],\n radius: '80%',\n label: {\n normal: {\n show: false,\n },\n },\n labelLine: {\n show: false,\n length: 0,\n length2: 0,\n },\n label: {\n normal: {\n show: true,\n position: 'inside',\n formatter: '{value|{c}}',\n rich: {\n value: {\n fontSize: 20,\n color: '#ffffff',\n },\n },\n }\n },\n data: seriesData,\n }],\n };\n\n myChart.setOption(option)\n window.onresize = function(){\n myChart.resize()\n }\n \n },\n },\n mounted() {\n this.drawPie()\n }\n}\n</script>\n<style scoped>\n</style>"],"sourceRoot":"src/components/chart"}]} |