{"remainingRequest":"D:\\视频边缘1215\\TransFlow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!D:\\视频边缘1215\\TransFlow\\src\\components\\chart\\avgChart.vue?vue&type=script&lang=js&","dependencies":[{"path":"D:\\视频边缘1215\\TransFlow\\src\\components\\chart\\avgChart.vue","mtime":1673684353162},{"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":["//\n//\n//\n//\n\nexport default {\n    name: 'barChart', //饼图组件\n    props: {\n        list: Array,\n        default() {\n            return [];\n        }\n    },\n    data() {\n        return {};\n    },\n    methods: {\n        drawBar() {\n            let myChart = this.$echarts.init(this.$refs.barChart);\n            let chartData = [{ stage: '值', number: 40 }];\n            let option = {\n                color: ['#0EECE4'],\n                tooltip: {\n                    // trigger: 'axis',\n                    confine: true\n                    // axisPointer: { // 坐标轴指示器，坐标轴触发有效\n                    //   type: 'line', // 默认为直线，可选为：'line' | 'shadow'\n                    //   lineStyle: {\n                    //     color: 'transparent',\n                    //   },\n                    // },\n                },\n                grid: {\n                    left: '0%',\n                    right: '0%',\n                    bottom: '10%',\n                    top: '15%',\n                    z: 22\n                },\n                xAxis: [\n                    {\n                        type: 'category',\n                        gridIndex: 0,\n                        data: chartData.map((item) => item.stage),\n                        axisLine: {\n                            show: false\n                        },\n                        axisLabel: {\n                            show: false\n                        }\n                    }\n                ],\n                yAxis: {\n                    type: 'value',\n                    splitArea: { show: false },\n                    gridIndex: 0,\n                    min: 0,\n                    splitNumber: 12,\n                    splitLine: {\n                        show: false\n                    },\n                    axisLine: {\n                        show: false\n                    },\n                    axisTick: {\n                        show: false\n                    },\n                    axisLabel: {\n                        show: false\n                    },\n                    max: 200\n                },\n                series: [\n                    {\n                        name: '平均值',\n                        type: 'bar',\n                        stack: 'val',\n                        barWidth: 150,\n                        xAxisIndex: 0,\n                        yAxisIndex: 0,\n                        label: {\n                            show: true,\n                            position: 'right',\n                            // align: 'right',\n                            distance: 15,\n                            color: '#000',\n                            fontSize: 17,\n                            formatter: '{c}' + '[avg]'\n                        },\n                        itemStyle: {\n                            color: '#DF8414'\n                        },\n                        data: [40],\n                        zlevel: 11\n                    },\n                    {\n                        name: '中间值',\n                        type: 'bar',\n                        barWidth: 150,\n                        // xAxisIndex: 0,\n                        // yAxisIndex: 0,\n                        stack: 'val',\n                        label: {\n                            show: true,\n                            position: 'left',\n                            distance: 15,\n                            color: '#000',\n                            // align: 'left',\n                            fontSize: 17,\n                            formatter: '{c}' + '[med]',\n                            rich: {}\n                        },\n                        itemStyle: {\n                            color: '#0E76AF'\n                        },\n                        data: [60],\n                        zlevel: 11\n                    },\n                    {\n                        name: '最小值',\n                        type: 'bar',\n                        barWidth: 150,\n                        barGap: '-100%',\n                        data: [0],\n                        label: {\n                            show: true,\n                            position: 'bottom',\n                            distance: 10,\n                            color: '#000',\n                            fontSize: 17,\n                            formatter: '{c}' + '[min]'\n                        },\n                        tooltip: {\n                            backgroundColor: 'transparent',\n                            formatter: ' '\n                        },\n                        itemStyle: {\n                            color: '#ABA7A7'\n                        },\n                        zlevel: 9\n                    },\n                    {\n                        name: '最大值',\n                        type: 'bar',\n                        barWidth: 150,\n                        barGap: '-100%',\n                        data: [200],\n                        label: {\n                            show: true,\n                            position: 'top',\n                            distance: 15,\n                            color: '#000',\n                            fontSize: 17,\n                            formatter: '{c}' + '[max]'\n                        },\n                        tooltip: {\n                            backgroundColor: 'transparent',\n                            formatter: ' '\n                        },\n                        itemStyle: {\n                            color: '#ABA7A7'\n                        },\n                        zlevel: 9\n                    }\n                ]\n            };\n\n            myChart.setOption(option);\n            window.addEventListener('resize', function () {\n                myChart.resize();\n            });\n        }\n    },\n    mounted() {\n        this.drawBar();\n    }\n};\n",{"version":3,"sources":["avgChart.vue"],"names":[],"mappings":";;;;;AAKA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA","file":"avgChart.vue","sourceRoot":"src/components/chart","sourcesContent":["<template>\n    <div id=\"barChart\" ref=\"barChart\" style=\"width: 100%; height: 300px\"></div>\n</template>\n\n<script>\nexport default {\n    name: 'barChart', //饼图组件\n    props: {\n        list: Array,\n        default() {\n            return [];\n        }\n    },\n    data() {\n        return {};\n    },\n    methods: {\n        drawBar() {\n            let myChart = this.$echarts.init(this.$refs.barChart);\n            let chartData = [{ stage: '值', number: 40 }];\n            let option = {\n                color: ['#0EECE4'],\n                tooltip: {\n                    // trigger: 'axis',\n                    confine: true\n                    // axisPointer: { // 坐标轴指示器，坐标轴触发有效\n                    //   type: 'line', // 默认为直线，可选为：'line' | 'shadow'\n                    //   lineStyle: {\n                    //     color: 'transparent',\n                    //   },\n                    // },\n                },\n                grid: {\n                    left: '0%',\n                    right: '0%',\n                    bottom: '10%',\n                    top: '15%',\n                    z: 22\n                },\n                xAxis: [\n                    {\n                        type: 'category',\n                        gridIndex: 0,\n                        data: chartData.map((item) => item.stage),\n                        axisLine: {\n                            show: false\n                        },\n                        axisLabel: {\n                            show: false\n                        }\n                    }\n                ],\n                yAxis: {\n                    type: 'value',\n                    splitArea: { show: false },\n                    gridIndex: 0,\n                    min: 0,\n                    splitNumber: 12,\n                    splitLine: {\n                        show: false\n                    },\n                    axisLine: {\n                        show: false\n                    },\n                    axisTick: {\n                        show: false\n                    },\n                    axisLabel: {\n                        show: false\n                    },\n                    max: 200\n                },\n                series: [\n                    {\n                        name: '平均值',\n                        type: 'bar',\n                        stack: 'val',\n                        barWidth: 150,\n                        xAxisIndex: 0,\n                        yAxisIndex: 0,\n                        label: {\n                            show: true,\n                            position: 'right',\n                            // align: 'right',\n                            distance: 15,\n                            color: '#000',\n                            fontSize: 17,\n                            formatter: '{c}' + '[avg]'\n                        },\n                        itemStyle: {\n                            color: '#DF8414'\n                        },\n                        data: [40],\n                        zlevel: 11\n                    },\n                    {\n                        name: '中间值',\n                        type: 'bar',\n                        barWidth: 150,\n                        // xAxisIndex: 0,\n                        // yAxisIndex: 0,\n                        stack: 'val',\n                        label: {\n                            show: true,\n                            position: 'left',\n                            distance: 15,\n                            color: '#000',\n                            // align: 'left',\n                            fontSize: 17,\n                            formatter: '{c}' + '[med]',\n                            rich: {}\n                        },\n                        itemStyle: {\n                            color: '#0E76AF'\n                        },\n                        data: [60],\n                        zlevel: 11\n                    },\n                    {\n                        name: '最小值',\n                        type: 'bar',\n                        barWidth: 150,\n                        barGap: '-100%',\n                        data: [0],\n                        label: {\n                            show: true,\n                            position: 'bottom',\n                            distance: 10,\n                            color: '#000',\n                            fontSize: 17,\n                            formatter: '{c}' + '[min]'\n                        },\n                        tooltip: {\n                            backgroundColor: 'transparent',\n                            formatter: ' '\n                        },\n                        itemStyle: {\n                            color: '#ABA7A7'\n                        },\n                        zlevel: 9\n                    },\n                    {\n                        name: '最大值',\n                        type: 'bar',\n                        barWidth: 150,\n                        barGap: '-100%',\n                        data: [200],\n                        label: {\n                            show: true,\n                            position: 'top',\n                            distance: 15,\n                            color: '#000',\n                            fontSize: 17,\n                            formatter: '{c}' + '[max]'\n                        },\n                        tooltip: {\n                            backgroundColor: 'transparent',\n                            formatter: ' '\n                        },\n                        itemStyle: {\n                            color: '#ABA7A7'\n                        },\n                        zlevel: 9\n                    }\n                ]\n            };\n\n            myChart.setOption(option);\n            window.addEventListener('resize', function () {\n                myChart.resize();\n            });\n        }\n    },\n    mounted() {\n        this.drawBar();\n    }\n};\n</script>\n"]}]}