{"version":3,"sources":["webpack:///./src/views/components/page2/doubleBarChart.vue?b00f","webpack:///./src/views/components/page2/doubleBarChart.vue?2e47","webpack:///src/views/components/page2/doubleBarChart.vue","webpack:///./src/views/components/page2/doubleBarChart.vue?0710","webpack:///./src/views/components/page2/doubleBarChart.vue"],"names":["render","_vm","this","_h","$createElement","_c","_self","staticClass","staticRenderFns","name","data","methods","setChart","tooltip","trigger","axisPointer","type","backgroundColor","textStyle","color","fontSize","legend","top","right","itemWidth","itemHeight","grid","left","bottom","containLabel","xAxis","axisLabel","interval","axisLine","symbol","symbolSize","symbolOffset","lineStyle","axisTick","show","yAxis","min","max","showMaxLabel","length","nameGap","nameTextStyle","align","padding","splitLine","series","barWidth","stack","itemStyle","x","y","x2","y2","colorStops","offset","global","barBorderRadius","myChart","mounted","component"],"mappings":"kHAAA,W,yCCAA,IAAIA,EAAS,WAAa,IAAIC,EAAIC,KAASC,EAAGF,EAAIG,eAAmBC,EAAGJ,EAAIK,MAAMD,IAAIF,EAAG,OAAOE,EAAG,MAAM,CAACE,YAAY,oBAClHC,EAAkB,GCIP,GACfC,QACAC,KAFA,WAGA,UAEAC,SACAC,SADA,WAEA,OACAC,SACAC,eACAC,aACAC,eAEAC,0BACAC,WACAC,gBACAC,cAGAC,QACA,CACAC,SACAC,WACAC,YACAC,aACAP,WACAC,mBAIAO,KACA,CACAJ,UACAK,UACAJ,WACAK,YACAC,iBAEAC,OACA,CACAd,gBACAe,WACAC,WACAb,gBACAC,aAEAa,UACAC,wBACAC,iBACAC,mBACAC,WACAlB,kBAGAmB,UAAAC,SACA7B,4DAGA8B,MACA,CACAxB,aACAyB,MACAC,QACAX,WACAZ,gBACAC,WACAuB,iBAEAV,UACAC,wBACAC,iBACAC,mBACAC,WACAlB,kBAGAmB,UACAM,UAEAnC,WACAoC,WACAC,eACA3B,gBACAC,WACA2B,cACAC,mBAEAC,WAAAV,UAGAW,QACA,CACAzC,YACAO,WACAmC,WACAC,WACAC,WACAlC,OACAH,cACAsC,IACAC,IACAC,KACAC,KACAC,aACAC,SAAAxC,iBAEA,CACAwC,UAAAxC,iBACA,CACAwC,SAAAxC,kBAEAyC,WAEAC,+BAEAnD,gDAEA,CACAD,YACAO,WACAmC,WACAC,WACAC,WACAlC,gBACA0C,+BAEAnD,gDAKA,0BACAoD,UACAA,WACAA,iBAGAC,QAzIA,WA0IA,kBC/IsX,I,wBCQlXC,EAAY,eACd,EACAhE,EACAQ,GACA,EACA,KACA,WACA,MAIa,aAAAwD,E","file":"js/chunk-7447413a.bb3d47d0.js","sourcesContent":["export * from \"-!../../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--11-oneOf-1-0!../../../../node_modules/css-loader/dist/cjs.js??ref--11-oneOf-1-1!../../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../../node_modules/postcss-loader/src/index.js??ref--11-oneOf-1-2!../../../../node_modules/less-loader/dist/cjs.js??ref--11-oneOf-1-3!../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./doubleBarChart.vue?vue&type=style&index=0&id=a7d26160&lang=less&scoped=true&\"","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"doubleBarChart\"})}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n    <div class=\"doubleBarChart\"></div>\r\n</template>\r\n\r\n<script>\r\nexport default {\r\n    name: '',\r\n    data() {\r\n        return {}\r\n    },\r\n    methods: {\r\n        setChart() {\r\n            let option = {\r\n                tooltip: {\r\n                    trigger: 'axis',\r\n                    axisPointer: {            // 坐标轴指示器，坐标轴触发有效\r\n                        type: 'shadow'        // 默认为直线，可选为：'line' | 'shadow'\r\n                    },\r\n                    backgroundColor: '#11367a',\r\n                    textStyle: {\r\n                        color: '#6dd0e3',\r\n                        fontSize: 10,\r\n                    },\r\n                },\r\n                legend: [\r\n                    {\r\n                        top: '8%',\r\n                        right: '5%',\r\n                        itemWidth: 7,\r\n                        itemHeight: 7,\r\n                        textStyle: {\r\n                            color: '#5CB1C1',\r\n                        }\r\n                    },\r\n                ],\r\n                grid:\r\n                    {\r\n                        top: '15%',\r\n                        left: '3%',\r\n                        right: '5%',\r\n                        bottom: '8%',\r\n                        containLabel: true,\r\n                    },\r\n                xAxis: [\r\n                    {\r\n                        type: 'category',\r\n                        axisLabel: {\r\n                            interval: 0,\r\n                            color: '#61B9C8',\r\n                            fontSize: 10\r\n                        },\r\n                        axisLine: {\r\n                            symbol: ['none', 'arrow'],\r\n                            symbolSize: [6, 6],\r\n                            symbolOffset: [0, 5],\r\n                            lineStyle: {\r\n                                color: '#122C49'\r\n                            }\r\n                        },\r\n                        axisTick: {show: false},\r\n                        data: ['1月', '2月', '3月', '4月', '5月', '6月', '7月', '8月', '9月', '10月']\r\n                    },\r\n                ],\r\n                yAxis:\r\n                    {\r\n                        type: 'value',\r\n                        min: 0,\r\n                        max: 300,\r\n                        axisLabel: {\r\n                            color: '#61B9C8',\r\n                            fontSize: 9,\r\n                            showMaxLabel: false,\r\n                        },\r\n                        axisLine: {\r\n                            symbol: ['none', 'arrow'],\r\n                            symbolSize: [6, 6],\r\n                            symbolOffset: [0, 5],\r\n                            lineStyle: {\r\n                                color: '#122C49'\r\n                            }\r\n                        },\r\n                        axisTick: {\r\n                            length: 3\r\n                        },\r\n                        name: '(人)',\r\n                        nameGap: -5,\r\n                        nameTextStyle: {\r\n                            color: '#61B9C8',\r\n                            fontSize: 9,\r\n                            align: 'right',\r\n                            padding: [0, 6, 0, 0]\r\n                        },\r\n                        splitLine: {show: false}\r\n\r\n                    },\r\n                series: [\r\n                    {\r\n                        name: '添加好友',\r\n                        type: 'bar',\r\n                        barWidth: 7,\r\n                        stack: '总数',\r\n                        itemStyle: {\r\n                            color: {\r\n                                type: 'linear',\r\n                                x: 0,\r\n                                y: 0,\r\n                                x2: 0,\r\n                                y2: 1,\r\n                                colorStops: [{\r\n                                    offset: 0, color: '#FC9386' // 0% 处的颜色\r\n                                },\r\n                                    {\r\n                                        offset: 0.4, color: '#F87B86' // 40% 处的颜色\r\n                                    }, {\r\n                                        offset: 1, color: '#F36087' // 100% 处的颜色\r\n                                    }],\r\n                                global: false // 缺省为 false\r\n                            }, //背景渐变色\r\n                            barBorderRadius: [3.5, 3.5, 0, 0],\r\n                        },\r\n                        data: [120, 102, 101, 134, 190, 130, 120, 190, 130, 120]\r\n                    },\r\n                    {\r\n                        name: '好友总数',\r\n                        type: 'bar',\r\n                        barWidth: 7,\r\n                        stack: '总数',\r\n                        itemStyle: {\r\n                            color: '#8C14EA',\r\n                            barBorderRadius: [3.5, 3.5, 0, 0,],\r\n                        },\r\n                        data: [120, 132, 101, 134, 90, 130, 110, 90, 130, 120]\r\n                    },\r\n\r\n                ]\r\n            };\r\n            let myChart = this.$echarts(this.$el);\r\n            myChart.clear();\r\n            myChart.resize()\r\n            myChart.setOption(option);\r\n        }\r\n    },\r\n    mounted() {\r\n        this.setChart()\r\n    },\r\n}\r\n</script>\r\n\r\n<style lang=\"less\" scoped>\r\n.doubleBarChart {\r\n    width: 100%;\r\n    height: 100%;\r\n}\r\n</style>","import mod from \"-!../../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../../node_modules/thread-loader/dist/cjs.js!../../../../node_modules/babel-loader/lib/index.js!../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./doubleBarChart.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../../node_modules/thread-loader/dist/cjs.js!../../../../node_modules/babel-loader/lib/index.js!../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./doubleBarChart.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./doubleBarChart.vue?vue&type=template&id=a7d26160&scoped=true&\"\nimport script from \"./doubleBarChart.vue?vue&type=script&lang=js&\"\nexport * from \"./doubleBarChart.vue?vue&type=script&lang=js&\"\nimport style0 from \"./doubleBarChart.vue?vue&type=style&index=0&id=a7d26160&lang=less&scoped=true&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  \"a7d26160\",\n  null\n  \n)\n\nexport default component.exports"],"sourceRoot":""}