smart-power-ui/node_modules/.cache/vue-loader/96f1c60f0a15f77eaf010f1f76c085da.json

{"remainingRequest":"G:\\project\\smart-power-ui\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!G:\\project\\smart-power-ui\\src\\views\\bigScreen\\v1\\profile\\echartsBar.vue?vue&type=script&lang=js&","dependencies":[{"path":"G:\\project\\smart-power-ui\\src\\views\\bigScreen\\v1\\profile\\echartsBar.vue","mtime":1619314745507},{"path":"G:\\project\\smart-power-ui\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1591751767036},{"path":"G:\\project\\smart-power-ui\\node_modules\\babel-loader\\lib\\index.js","mtime":1610504270305},{"path":"G:\\project\\smart-power-ui\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1591751767036},{"path":"G:\\project\\smart-power-ui\\node_modules\\vue-loader\\lib\\index.js","mtime":1610504274351}],"contextDependencies":[],"result":[{"type":"Buffer","data":"base64:Ly8KLy8KLy8KLy8KLy8KCmltcG9ydCAqIGFzIGVjaGFydHMgZnJvbSAiZWNoYXJ0cyI7CmV4cG9ydCBkZWZhdWx0IHsKICBuYW1lOiAiZWNoYXJ0c0JhciIsCiAgcHJvcHM6IHsKICAgIHN0eWxlczogewogICAgICB0eXBlOiBTdHJpbmcKICAgIH0sCiAgICBjb2xvckxpc3Q6IHsKICAgICAgdHlwZTogW0FycmF5LCBTdHJpbmddLAogICAgICBkZWZhdWx0OiAiIgogICAgfSwKICAgIG9wdGlvbjogewogICAgICBzdHlwZTogQXJyYXksCiAgICAgIGRlZmF1bHQ6IFtdCiAgICB9CiAgfSwKICBkYXRhKCkgewogICAgcmV0dXJuIHsKICAgICAgY2hhcnQ6IG51bGwKICAgIH07CiAgfSwKICBjcmVhdGVkKCkgewogICAgdGhpcy5jaGFydCA9IG51bGw7CiAgfSwKICBtb3VudGVkKCkgewogICAgdGhpcy5kcmF3TGluZSgpOwogIH0sCiAgbWV0aG9kczogewogICAgZHJhd0xpbmUoKSB7CiAgICAgIGlmICghdGhpcy5jaGFydCkgewogICAgICAgIHRoaXMuY2hhcnQgPSBlY2hhcnRzLmluaXQoZG9jdW1lbnQuZ2V0RWxlbWVudEJ5SWQoImNoYXJ0QmFyIikpOwogICAgICB9CgogICAgICBjb25zdCBvcHRpb24gPSB7CiAgICAgICAgY29sb3I6IFsiIzMzOThEQiJdLAogICAgICAgIHRvb2x0aXA6IHsKICAgICAgICAgIHRyaWdnZXI6ICJheGlzIiwKICAgICAgICAgIGF4aXNQb2ludGVyOiB7CiAgICAgICAgICAgIHR5cGU6ICJzaGFkb3ciCiAgICAgICAgICB9CiAgICAgICAgfSwKICAgICAgICBncmlkOiB7CiAgICAgICAgICBsZWZ0OiAiMjAiLAogICAgICAgICAgcmlnaHQ6ICIyMCIsCiAgICAgICAgICBib3R0b206ICIyNSIsCiAgICAgICAgICB0b3A6IDE1LAogICAgICAgICAgY29udGFpbkxhYmVsOiB0cnVlCiAgICAgICAgfSwKICAgICAgICB0b29sYm94OiB7CiAgICAgICAgICBzaG93OiBmYWxzZSwKICAgICAgICAgIGZlYXR1cmU6IHsKICAgICAgICAgICAgbWFyazogeyBzaG93OiB0cnVlIH0sCiAgICAgICAgICAgIGRhdGFWaWV3OiB7IHNob3c6IHRydWUsIHJlYWRPbmx5OiBmYWxzZSB9LAogICAgICAgICAgICBtYWdpY1R5cGU6IHsgc2hvdzogdHJ1ZSwgdHlwZTogWyJsaW5lIiwgImJhciJdIH0sCiAgICAgICAgICAgIHJlc3RvcmU6IHsgc2hvdzogdHJ1ZSB9LAogICAgICAgICAgICBzYXZlQXNJbWFnZTogeyBzaG93OiB0cnVlIH0KICAgICAgICAgIH0KICAgICAgICB9LAogICAgICAgIHhBeGlzOiBbCiAgICAgICAgICB7CiAgICAgICAgICAgIHR5cGU6ICJjYXRlZ29yeSIsCiAgICAgICAgICAgIGRhdGE6IFsi5oql6K2m5oC75pWwIiwgIuacquWkhOeQhiIsICLlt7LlpITnkIYiXSwKICAgICAgICAgICAgYXhpc1RpY2s6IHsKICAgICAgICAgICAgICBhbGlnbldpdGhMYWJlbDogZmFsc2UKICAgICAgICAgICAgfSwKICAgICAgICAgICAgYXhpc0xpbmU6IHsKICAgICAgICAgICAgICBzaG93OiBmYWxzZSwKICAgICAgICAgICAgICBsaW5lU3R5bGU6IHsKICAgICAgICAgICAgICAgIGNvbG9yOiAiI2ZmZiIKICAgICAgICAgICAgICB9CiAgICAgICAgICAgIH0sCiAgICAgICAgICAgIGF4aXNMYWJlbDogewogICAgICAgICAgICAgIGludGVydmFsOiAwLAogICAgICAgICAgICAgIG1hcmdpbjogMTAsCiAgICAgICAgICAgICAgdGV4dFN0eWxlOiB7CiAgICAgICAgICAgICAgICBjb2xvcjogIiNmZmYiCiAgICAgICAgICAgICAgfQogICAgICAgICAgICB9CiAgICAgICAgICB9CiAgICAgICAgXSwKICAgICAgICB5QXhpczogWwogICAgICAgICAgewogICAgICAgICAgICB0eXBlOiAidmFsdWUiLAogICAgICAgICAgICBheGlzTGluZTogewogICAgICAgICAgICAgIGxpbmVTdHlsZTogewogICAgICAgICAgICAgICAgY29sb3I6ICIjZmZmIgogICAgICAgICAgICAgIH0KICAgICAgICAgICAgfSwKICAgICAgICAgICAgYXhpc0xhYmVsOiB7CiAgICAgICAgICAgICAgaW50ZXJ2YWw6IDAsCiAgICAgICAgICAgICAgbWFyZ2luOiAxMCwKICAgICAgICAgICAgICB0ZXh0U3R5bGU6IHsKICAgICAgICAgICAgICAgIGNvbG9yOiAiI2ZmZiIKICAgICAgICAgICAgICB9CiAgICAgICAgICAgIH0KICAgICAgICAgIH0KICAgICAgICBdLAogICAgICAgIHNlcmllczogWwogICAgICAgICAgewogICAgICAgICAgICBuYW1lOiAi5pWw6YeP77yaIiwKICAgICAgICAgICAgdHlwZTogImJhciIsCiAgICAgICAgICAgIGJhcldpZHRoOiAiNDAlIiwKICAgICAgICAgICAgZGF0YTogdGhpcy5vcHRpb24sCiAgICAgICAgICAgIGl0ZW1TdHlsZTogewogICAgICAgICAgICAgIC8v6YCa5bi45oOF5Ya15LiL77yaCiAgICAgICAgICAgICAgbm9ybWFsOiB7CiAgICAgICAgICAgICAgICAvL+avj+S4quafseWtkOeahOminOiJsuWNs+S4umNvbG9yTGlzdOaVsOe7hOmHjOeahOavj+S4gOmhue+8jOWmguaenOafseWtkOaVsOebruWkmuS6jmNvbG9yTGlzdOeahOmVv+W6pu+8jOWImeafseWtkOminOiJsuW+queOr+S9v+eUqOivpeaVsOe7hAogICAgICAgICAgICAgICAgY29sb3I6IGZ1bmN0aW9uKHBhcmFtcykgewogICAgICAgICAgICAgICAgICB2YXIgY29sb3JMaXN0ID0gWwogICAgICAgICAgICAgICAgICAgICIjMDBGQ0ZGIiwKICAgICAgICAgICAgICAgICAgICAiI0ZGMkY2MCIsCiAgICAgICAgICAgICAgICAgICAgIiMyNUYwOTQiCiAgICAgICAgICAgICAgICAgIF07CiAgICAgICAgICAgICAgICAgIHJldHVybiBjb2xvckxpc3RbcGFyYW1zLmRhdGFJbmRleF07CiAgICAgICAgICAgICAgICB9CiAgICAgICAgICAgICAgfSwKICAgICAgICAgICAgICAvL+m8oOagh+aCrOWBnOaXtu+8mgogICAgICAgICAgICAgIGVtcGhhc2lzOiB7CiAgICAgICAgICAgICAgICBzaGFkb3dCbHVyOiAxMCwKICAgICAgICAgICAgICAgIHNoYWRvd09mZnNldFg6IDAsCiAgICAgICAgICAgICAgICBzaGFkb3dDb2xvcjogInJnYmEoMCwgMCwgMCwgMC41KSIKICAgICAgICAgICAgICB9CiAgICAgICAgICAgIH0KICAgICAgICAgIH0KICAgICAgICBdCiAgICAgIH07CiAgICAgIHRoaXMuY2hhcnQuc2V0T3B0aW9uKG9wdGlvbik7CiAgICB9CiAgfSwKICB3YXRjaDogewogICAgb3B0aW9uKHZhbCwgb2xkVmFsKSB7CiAgICAgIHRoaXMuY2hhcnQgPSBudWxsOwogICAgICB0aGlzLmRyYXdMaW5lKCk7CiAgICB9CiAgfQp9Owo="},{"version":3,"sources":["echartsBar.vue"],"names":[],"mappings":";;;;;;AAMA;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;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","file":"echartsBar.vue","sourceRoot":"src/views/bigScreen/v1/profile","sourcesContent":["<template>\n  <div class=\"bigscreen-echarts-bar\">\n    <div id=\"chartBar\" :style=\"styles\"></div>\n  </div>\n</template>\n<script>\nimport * as echarts from \"echarts\";\nexport default {\n  name: \"echartsBar\",\n  props: {\n    styles: {\n      type: String\n    },\n    colorList: {\n      type: [Array, String],\n      default: \"\"\n    },\n    option: {\n      stype: Array,\n      default: []\n    }\n  },\n  data() {\n    return {\n      chart: null\n    };\n  },\n  created() {\n    this.chart = null;\n  },\n  mounted() {\n    this.drawLine();\n  },\n  methods: {\n    drawLine() {\n      if (!this.chart) {\n        this.chart = echarts.init(document.getElementById(\"chartBar\"));\n      }\n\n      const option = {\n        color: [\"#3398DB\"],\n        tooltip: {\n          trigger: \"axis\",\n          axisPointer: {\n            type: \"shadow\"\n          }\n        },\n        grid: {\n          left: \"20\",\n          right: \"20\",\n          bottom: \"25\",\n          top: 15,\n          containLabel: true\n        },\n        toolbox: {\n          show: false,\n          feature: {\n            mark: { show: true },\n            dataView: { show: true, readOnly: false },\n            magicType: { show: true, type: [\"line\", \"bar\"] },\n            restore: { show: true },\n            saveAsImage: { show: true }\n          }\n        },\n        xAxis: [\n          {\n            type: \"category\",\n            data: [\"报警总数\", \"未处理\", \"已处理\"],\n            axisTick: {\n              alignWithLabel: false\n            },\n            axisLine: {\n              show: false,\n              lineStyle: {\n                color: \"#fff\"\n              }\n            },\n            axisLabel: {\n              interval: 0,\n              margin: 10,\n              textStyle: {\n                color: \"#fff\"\n              }\n            }\n          }\n        ],\n        yAxis: [\n          {\n            type: \"value\",\n            axisLine: {\n              lineStyle: {\n                color: \"#fff\"\n              }\n            },\n            axisLabel: {\n              interval: 0,\n              margin: 10,\n              textStyle: {\n                color: \"#fff\"\n              }\n            }\n          }\n        ],\n        series: [\n          {\n            name: \"数量：\",\n            type: \"bar\",\n            barWidth: \"40%\",\n            data: this.option,\n            itemStyle: {\n              //通常情况下：\n              normal: {\n                //每个柱子的颜色即为colorList数组里的每一项，如果柱子数目多于colorList的长度，则柱子颜色循环使用该数组\n                color: function(params) {\n                  var colorList = [\n                    \"#00FCFF\",\n                    \"#FF2F60\",\n                    \"#25F094\"\n                  ];\n                  return colorList[params.dataIndex];\n                }\n              },\n              //鼠标悬停时：\n              emphasis: {\n                shadowBlur: 10,\n                shadowOffsetX: 0,\n                shadowColor: \"rgba(0, 0, 0, 0.5)\"\n              }\n            }\n          }\n        ]\n      };\n      this.chart.setOption(option);\n    }\n  },\n  watch: {\n    option(val, oldVal) {\n      this.chart = null;\n      this.drawLine();\n    }\n  }\n};\n</script>\n<style lang=\"scss\">\n.bigscreen-echarts-bar {\n  height: 100%;\n}\n</style>\n"]}]}