{"remainingRequest":"D:\\Hjm项目\\TransFlow\\node_modules\\babel-loader\\lib\\index.js!D:\\Hjm项目\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js??ref--0-0!D:\\Hjm项目\\TransFlow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!D:\\Hjm项目\\TransFlow\\src\\components\\chart\\barChart.vue?vue&type=script&lang=js&","dependencies":[{"path":"D:\\Hjm项目\\TransFlow\\src\\components\\chart\\barChart.vue","mtime":1673506578703},{"path":"D:\\Hjm项目\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":499162500000},{"path":"D:\\Hjm项目\\TransFlow\\node_modules\\babel-loader\\lib\\index.js","mtime":499162500000},{"path":"D:\\Hjm项目\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":499162500000},{"path":"D:\\Hjm项目\\TransFlow\\node_modules\\vue-loader\\lib\\index.js","mtime":499162500000}],"contextDependencies":[],"result":["//\n//\n//\n//\n//\n//\nexport default {\n  name: 'barChart',\n  //饼图组件\n  props: {\n    list: Array,\n    default: function _default() {\n      return [];\n    }\n  },\n  data: function data() {\n    return {};\n  },\n  methods: {\n    drawBar: function drawBar() {\n      // console.log(this.$refs.barChart,'11111');\n      var myChart = this.$echarts.init(this.$refs.barChart);\n      var option = {\n        color: ['#7262FD', '#FC5A5A'],\n        tooltip: {\n          confine: true\n        },\n        grid: {\n          left: '2%',\n          right: '4%',\n          bottom: '10%',\n          top: '20%',\n          containLabel: true\n        },\n        // legend: {\n        //     icon: 'rect',\n        //     orient: 'horizontal',\n        //     left: 'left',\n        //     itemWidth: 12,\n        //     itemHeight: 12,\n        //     formatter: ['{a|{name}}'].join('\\n'),\n        //     textStyle: {\n        //         fontSize: 12,\n        //         color: '#6A93B9',\n        //         height: 8,\n        //         rich: {\n        //             a: {\n        //                 verticalAlign: 'bottom',\n        //             },\n        //         },\n        //     },\n        //     data: ['已完成', '未完成'],\n        // },\n        xAxis: {\n          type: 'category',\n          data: this.list.map(function (value) {\n            return value.type;\n          }),\n          axisLine: {\n            lineStyle: {\n              color: '#000'\n            }\n          },\n          axisLabel: {\n            fontSize: 12,\n            color: '#000'\n          },\n          axisTick: {\n            show: false\n          }\n        },\n        yAxis: [{\n          type: 'value',\n          min: 0,\n          minInterval: 1,\n          splitArea: {\n            show: false\n          },\n          axisLine: {\n            show: true\n          },\n          axisTick: {\n            show: false\n          },\n          splitLine: {\n            lineStyle: {\n              color: '#eeebeb',\n              type: 'dashed' // dotted 虚线\n\n            }\n          },\n          axisLabel: {\n            fontSize: 12,\n            color: '#000',\n            fontFamily: 'Bebas'\n          }\n        }],\n        series: [{\n          type: 'bar',\n          barWidth: 20,\n          itemStyle: {\n            barBorderRadius: [5, 5, 0, 0]\n          },\n          name: '时间',\n          data: this.list.map(function (value) {\n            return value.speed;\n          })\n        }]\n      };\n      myChart.setOption(option); // window.onresize = () => {  // 根据窗口大小变化图表自适应\n      //     myChart.resize();\n      // };\n\n      window.addEventListener('resize', function () {\n        myChart.resize();\n      });\n    }\n  },\n  mounted: function mounted() {\n    this.drawBar();\n  }\n};",{"version":3,"sources":["barChart.vue"],"names":[],"mappings":"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","sourcesContent":["<template>\r\n\r\n    <div id=\"barChart\" ref=\"barChart\" style=\"width:100%;height:300px;\"></div>\r\n\r\n</template>\r\n  \r\n<script>\r\nexport default {\r\n    name: 'barChart', //饼图组件\r\n    props:{\r\n        list:Array,\r\n        default(){\r\n            return[]\r\n        }\r\n    },\r\n    data() {\r\n        return {\r\n            \r\n        }\r\n    },\r\n    methods: {\r\n        drawBar() {\r\n            // console.log(this.$refs.barChart,'11111');\r\n            let myChart = this.$echarts.init(this.$refs.barChart)\r\n            let option = {\r\n                color: ['#7262FD', '#FC5A5A'],\r\n                tooltip: {\r\n                    confine: true,\r\n                },\r\n                grid: {\r\n                    left: '2%',\r\n                    right: '4%',\r\n                    bottom: '10%',\r\n                    top: '20%',\r\n                    containLabel: true,\r\n                },\r\n                // legend: {\r\n                //     icon: 'rect',\r\n                //     orient: 'horizontal',\r\n                //     left: 'left',\r\n                //     itemWidth: 12,\r\n                //     itemHeight: 12,\r\n                //     formatter: ['{a|{name}}'].join('\\n'),\r\n                //     textStyle: {\r\n                //         fontSize: 12,\r\n                //         color: '#6A93B9',\r\n                //         height: 8,\r\n                //         rich: {\r\n                //             a: {\r\n                //                 verticalAlign: 'bottom',\r\n                //             },\r\n                //         },\r\n                //     },\r\n                //     data: ['已完成', '未完成'],\r\n                // },\r\n                xAxis: {\r\n                    type: 'category',\r\n                    data: this.list.map((value)=>{\r\n                        return value.type\r\n                    }),\r\n                    axisLine: {\r\n                        lineStyle: {\r\n                            color: '#000',\r\n                        },\r\n                    },\r\n                    axisLabel: {\r\n                        fontSize: 12,\r\n                        color: '#000',\r\n                    },\r\n                    axisTick: {\r\n                        show: false,\r\n                    },\r\n                },\r\n                yAxis: [\r\n                    {\r\n                    type: 'value',\r\n                    min: 0,\r\n                    minInterval: 1,\r\n                    splitArea: {\r\n                        show: false,\r\n                    },\r\n\r\n                    axisLine: {\r\n                        show: true,\r\n                    },\r\n                    axisTick: {\r\n                        show: false,\r\n                    },\r\n                    splitLine: {\r\n                        lineStyle: {\r\n                            color: '#eeebeb',\r\n                            type: 'dashed', // dotted 虚线\r\n                        },\r\n                    },\r\n                    axisLabel: {\r\n                        fontSize: 12,\r\n                        color: '#000',\r\n                        fontFamily: 'Bebas',\r\n                    },\r\n                }],\r\n                series: [{\r\n                    type: 'bar',\r\n                    barWidth: 20,\r\n                    itemStyle: { barBorderRadius: [5, 5, 0, 0], },\r\n                    name: '时间',\r\n                    data: this.list.map((value)=>{\r\n                        return value.speed\r\n                    })\r\n                },\r\n                ],\r\n            };\r\n            myChart.setOption(option)\r\n            // window.onresize = () => {  // 根据窗口大小变化图表自适应\r\n            //     myChart.resize();\r\n            // };\r\n            window.addEventListener('resize',function(){\r\n                    myChart.resize()\r\n                }\r\n            )\r\n        },\r\n    },\r\n    mounted() {\r\n        this.drawBar()\r\n    }\r\n}\r\n</script>"],"sourceRoot":"src/components/chart"}]}