{"remainingRequest":"D:\\jenkins\\workspace\\xq-web-fvue\\node_modules\\thread-loader\\dist\\cjs.js!D:\\jenkins\\workspace\\xq-web-fvue\\node_modules\\babel-loader\\lib\\index.js!D:\\jenkins\\workspace\\xq-web-fvue\\node_modules\\cache-loader\\dist\\cjs.js??ref--0-0!D:\\jenkins\\workspace\\xq-web-fvue\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!D:\\jenkins\\workspace\\xq-web-fvue\\src\\components\\charts\\CloumnBarChart.vue?vue&type=script&lang=js&","dependencies":[{"path":"D:\\jenkins\\workspace\\xq-web-fvue\\src\\components\\charts\\CloumnBarChart.vue","mtime":1667327528903},{"path":"D:\\jenkins\\workspace\\xq-web-fvue\\babel.config.js","mtime":1667327525434},{"path":"D:\\jenkins\\workspace\\xq-web-fvue\\node_modules\\cache-loader\\dist\\cjs.js","mtime":499162500000},{"path":"D:\\jenkins\\workspace\\xq-web-fvue\\node_modules\\thread-loader\\dist\\cjs.js","mtime":499162500000},{"path":"D:\\jenkins\\workspace\\xq-web-fvue\\node_modules\\babel-loader\\lib\\index.js","mtime":315532800000},{"path":"D:\\jenkins\\workspace\\xq-web-fvue\\node_modules\\cache-loader\\dist\\cjs.js","mtime":499162500000},{"path":"D:\\jenkins\\workspace\\xq-web-fvue\\node_modules\\vue-loader\\lib\\index.js","mtime":499162500000}],"contextDependencies":[],"result":["//\n//\n//\n//\n//\n//\nimport * as echarts from 'echarts';\nexport default {\n mounted: function mounted() {\n this.draw();\n },\n methods: {\n draw: function draw() {\n var chartDom = document.getElementById('mainCloumnBar');\n var myChart = echarts.init(chartDom);\n var option;\n option = {\n legend: {\n top: 'bottom',\n padding: 20\n },\n tooltip: false,\n color: ['#9489fa', '#f06464', '#f7af59', '#f0da49', '#71c16f', '#2aaaef', '#5690dd', '#bd88f5', '#009db2', '#024b51', '#0780cf', '#765005'],\n series: [{\n type: 'pie',\n radius: ['50%', '70%'],\n avoidLabelOverlap: false,\n itemStyle: {\n borderRadius: 10,\n borderColor: '#fff',\n borderWidth: 2\n },\n label: {\n show: false,\n fontSize: '20',\n fontWeight: 'bold',\n position: 'center',\n textStyle: {\n color: '#5690dd'\n },\n formatter: '{b}\\n\\n {c}元 \\n\\n 占比{d}%'\n },\n emphasis: {\n itemStyle: {\n shadowBlur: 10,\n shadowColor: 'rgba(0,0,0,0.3)'\n },\n label: {\n show: true,\n fontSize: '20',\n fontWeight: 'bold',\n textStyle: {\n color: '#5690dd'\n },\n formatter: '{b}\\n\\n {c}元 \\n\\n 占比{d}%'\n }\n },\n labelLine: {\n show: false\n },\n data: [{\n value: 3424553,\n name: '工程类合同'\n }, {\n value: 3532343,\n name: '技术类合同'\n }, {\n value: 5322283,\n name: '服务类合同'\n }, {\n value: 3332115,\n name: '采购类合同'\n }, {\n value: 4423344,\n name: '配套类合同'\n }]\n }]\n };\n option && myChart.setOption(option);\n myChart.dispatchAction({\n type: 'highlight',\n dataIndex: 0\n }); // dataIndex属性伟data传入的索引值\n\n myChart.dispatchAction({\n type: 'showTip',\n seriesIndex: 0,\n position: [120, 220],\n dataIndex: 0\n }); // 点击生成detip工具条位置\n\n var index;\n myChart.on('mouseover', function (e) {\n if (e.dataIndex !== 0) {\n // 当鼠标移除的时候 使默认的索引值去除默认选中\n myChart.dispatchAction({\n type: 'downplay',\n dataIndex: 0\n });\n }\n }); // myChart.on(\"mouseout\", function(e) {\n // index = e.dataIndex\n // myChart.dispatchAction({\n // type: \"highlight\",\n // dataIndex: e.dataIndex\n // });\n // });\n }\n }\n};",null]}