{"remainingRequest":"D:\\jenkins\\workspace\\yhxt-web\\node_modules\\thread-loader\\dist\\cjs.js!D:\\jenkins\\workspace\\yhxt-web\\node_modules\\babel-loader\\lib\\index.js!D:\\jenkins\\workspace\\yhxt-web\\node_modules\\cache-loader\\dist\\cjs.js??ref--0-0!D:\\jenkins\\workspace\\yhxt-web\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!D:\\jenkins\\workspace\\yhxt-web\\src\\views\\bigScreen\\components\\BarCharts.vue?vue&type=script&lang=js&","dependencies":[{"path":"D:\\jenkins\\workspace\\yhxt-web\\src\\views\\bigScreen\\components\\BarCharts.vue","mtime":1720203215085},{"path":"D:\\jenkins\\workspace\\yhxt-web\\babel.config.js","mtime":1667326389982},{"path":"D:\\jenkins\\workspace\\yhxt-web\\node_modules\\cache-loader\\dist\\cjs.js","mtime":499162500000},{"path":"D:\\jenkins\\workspace\\yhxt-web\\node_modules\\thread-loader\\dist\\cjs.js","mtime":499162500000},{"path":"D:\\jenkins\\workspace\\yhxt-web\\node_modules\\babel-loader\\lib\\index.js","mtime":456789000000},{"path":"D:\\jenkins\\workspace\\yhxt-web\\node_modules\\cache-loader\\dist\\cjs.js","mtime":499162500000},{"path":"D:\\jenkins\\workspace\\yhxt-web\\node_modules\\vue-loader\\lib\\index.js","mtime":499162500000}],"contextDependencies":[],"result":["//\n//\n//\n//\n\nimport * as echarts from 'echarts';\nexport default {\n  name: 'barCharts',\n  props: {\n    data: {\n      type: Array,\n      require: true\n    }\n  },\n  data: function data() {\n    return {\n      myChart: null,\n      option: null\n    };\n  },\n  mounted: function mounted() {\n    this.init();\n  },\n  watch: {\n    data: {\n      deep: true,\n      handler: function handler(val) {\n        this.option.series[0].data = val[0];\n        this.option.series[1].data = val[1];\n        this.option.series[2].data = val[2];\n        this.myChart.setOption(this.option);\n      }\n    }\n  },\n  methods: {\n    init: function init() {\n      var chartDom = document.getElementById('bar');\n      this.myChart = echarts.init(chartDom);\n      this.option = {\n        tooltip: {\n          trigger: 'axis',\n          axisPointer: {\n            type: 'shadow'\n          }\n        },\n        legend: {\n          top: '5%',\n          left: 'center',\n          textStyle: {\n            color: '#fff'\n          }\n        },\n        grid: {\n          left: '8%',\n          right: '8%',\n          bottom: '5%',\n          containLabel: true\n        },\n        yAxis: {\n          name: '单位：次',\n          nameTextStyle: {\n            color: 'rgba(255,255,255,0.6)',\n            padding: [20, 20, 0, 0]\n          },\n          max: 100,\n          type: 'value',\n          axisTick: {\n            show: false,\n            alignWithLabel: true\n          },\n          axisLine: {\n            show: true,\n            lineStyle: {\n              color: '#808080'\n            }\n          },\n          axisLabel: {\n            show: true,\n            color: 'rgba(255,255,255,0.6)'\n          },\n          splitLine: {\n            show: false\n          }\n        },\n        xAxis: {\n          type: 'category',\n          data: ['涪江大桥', '郁江河特大桥'],\n          axisLabel: {\n            color: '#fff'\n          },\n          axisLine: {\n            lineStyle: {\n              color: 'rgb(43, 69, 95)'\n            }\n          },\n          axisTick: {\n            show: false\n          }\n        },\n        series: [{\n          name: '一级预警',\n          type: 'bar',\n          barWidth: 10,\n          stack: 'total',\n          label: {\n            show: false,\n            color: '#fff'\n          },\n          data: this.data[0],\n          showBackground: false,\n          itemStyle: {\n            borderRadius: [5, 5, 0, 0],\n            color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [{\n              offset: 0,\n              color: '#F54A6F'\n            }, {\n              offset: 1,\n              color: '#000'\n            }])\n          }\n        }, {\n          name: '二级预警',\n          type: 'bar',\n          barWidth: 10,\n          stack: 'total',\n          label: {\n            show: false,\n            color: '#fff'\n          },\n          data: this.data[1],\n          showBackground: false,\n          itemStyle: {\n            borderRadius: [5, 5, 0, 0],\n            color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [{\n              offset: 0,\n              color: '#FF884D'\n            }, {\n              offset: 1,\n              color: '#000'\n            }])\n          }\n        }, {\n          name: '三级预警',\n          type: 'bar',\n          barWidth: 10,\n          stack: 'total',\n          label: {\n            show: false,\n            color: '#fff'\n          },\n          data: this.data[2],\n          showBackground: false,\n          itemStyle: {\n            borderRadius: [5, 5, 0, 0],\n            color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [{\n              offset: 0,\n              color: '#FFEA80'\n            }, {\n              offset: 1,\n              color: '#000'\n            }])\n          }\n        }]\n      };\n      this.option && this.myChart.setOption(this.option);\n    }\n  }\n};",null]}