{"remainingRequest":"E:\\项目\\suyiScreen\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!E:\\项目\\suyiScreen\\src\\components\\echart\\center\\centerChartRate\\index.vue?vue&type=script&lang=js&","dependencies":[{"path":"E:\\项目\\suyiScreen\\src\\components\\echart\\center\\centerChartRate\\index.vue","mtime":1670569874548},{"path":"E:\\项目\\suyiScreen\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1670569853083},{"path":"E:\\项目\\suyiScreen\\node_modules\\babel-loader\\lib\\index.js","mtime":1670569850970},{"path":"E:\\项目\\suyiScreen\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1670569853083},{"path":"E:\\项目\\suyiScreen\\node_modules\\vue-loader\\lib\\index.js","mtime":1670569867456}],"contextDependencies":[],"result":[{"type":"Buffer","data":"base64:Ly8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KDQppbXBvcnQgRWNoYXJ0IGZyb20gJ0AvY29tbW9uL2VjaGFydCcNCmV4cG9ydCBkZWZhdWx0IHsNCiAgZGF0YSAoKSB7DQogICAgcmV0dXJuIHsNCiAgICAgIG9wdGlvbnM6IHt9LA0KICAgIH07DQogIH0sDQogIGNvbXBvbmVudHM6IHsNCiAgICBFY2hhcnQsDQogIH0sDQogIHByb3BzOiB7DQogICAgaWQ6IHsNCiAgICAgIHR5cGU6IFN0cmluZywNCiAgICAgIHJlcXVpcmVkOiB0cnVlLA0KICAgICAgZGVmYXVsdDogImNoYXJ0UmF0ZSINCiAgICB9LA0KICAgIHRpcHM6IHsNCiAgICAgIHR5cGU6IE51bWJlciwNCiAgICAgIHJlcXVpcmVkOiB0cnVlLA0KICAgICAgZGVmYXVsdDogNTANCiAgICB9LA0KICAgIGNvbG9yT2JqOiB7DQogICAgICB0eXBlOiBPYmplY3QsDQogICAgICBkZWZhdWx0OiBmdW5jdGlvbiAoKSB7DQogICAgICAgIHJldHVybiB7DQogICAgICAgICAgdGV4dFN0eWxlOiAiIzNmYzBmYiIsDQogICAgICAgICAgc2VyaWVzOiB7DQogICAgICAgICAgICBjb2xvcjogWyIjMDBiY2Q0NGEiLCAidHJhbnNwYXJlbnQiXSwNCiAgICAgICAgICAgIGRhdGFDb2xvcjogew0KICAgICAgICAgICAgICBub3JtYWw6ICIjMDNhOWY0IiwNCiAgICAgICAgICAgICAgc2hhZG93Q29sb3I6ICIjOTdlMmY1Ig0KICAgICAgICAgICAgfQ0KICAgICAgICAgIH0NCiAgICAgICAgfTsNCiAgICAgIH0NCiAgICB9DQogIH0sDQogIHdhdGNoOiB7DQogICAgLy8gdGlwcyDmmK/kvJrlj5jmm7TnmoTmlbDmja7vvIzmiYDku6Xov5vooYznm5HlkKwNCiAgICB0aXBzOiB7DQogICAgICBoYW5kbGVyIChuZXdEYXRhKSB7DQogICAgICAgIHRoaXMub3B0aW9ucyA9IHsNCiAgICAgICAgICB0aXRsZTp7DQogICAgICAgICAgICB0ZXh0OiBuZXdEYXRhICogMSArICIlIiwNCiAgICAgICAgICAgIHg6ICJjZW50ZXIiLA0KICAgICAgICAgICAgeTogImNlbnRlciIsDQogICAgICAgICAgICB0ZXh0U3R5bGU6IHsNCiAgICAgICAgICAgICAgY29sb3I6IHRoaXMuY29sb3JPYmoudGV4dFN0eWxlLA0KICAgICAgICAgICAgICBmb250U2l6ZTogMTYNCiAgICAgICAgICAgIH0NCiAgICAgICAgICB9LA0KICAgICAgICAgIHNlcmllczogWw0KICAgICAgICAgICAgew0KICAgICAgICAgICAgICB0eXBlOiAicGllIiwNCiAgICAgICAgICAgICAgcmFkaXVzOiBbIjc1JSIsICI4MCUiXSwNCiAgICAgICAgICAgICAgY2VudGVyOiBbIjUwJSIsICI1MCUiXSwNCiAgICAgICAgICAgICAgaG92ZXJBbmltYXRpb246IGZhbHNlLA0KICAgICAgICAgICAgICBjb2xvcjogdGhpcy5jb2xvck9iai5zZXJpZXMuY29sb3IsDQogICAgICAgICAgICAgIGxhYmVsOiB7DQogICAgICAgICAgICAgICAgbm9ybWFsOiB7DQogICAgICAgICAgICAgICAgICBzaG93OiBmYWxzZQ0KICAgICAgICAgICAgICAgIH0NCiAgICAgICAgICAgICAgfSwNCiAgICAgICAgICAgICAgZGF0YTogWw0KICAgICAgICAgICAgICAgIHsNCiAgICAgICAgICAgICAgICAgIHZhbHVlOiBuZXdEYXRhLA0KICAgICAgICAgICAgICAgICAgaXRlbVN0eWxlOiB7DQogICAgICAgICAgICAgICAgICAgIG5vcm1hbDogew0KICAgICAgICAgICAgICAgICAgICAgIGNvbG9yOiB0aGlzLmNvbG9yT2JqLnNlcmllcy5kYXRhQ29sb3Iubm9ybWFsLA0KICAgICAgICAgICAgICAgICAgICAgIHNoYWRvd0JsdXI6IDEwLA0KICAgICAgICAgICAgICAgICAgICAgIHNoYWRvd0NvbG9yOiB0aGlzLmNvbG9yT2JqLnNlcmllcy5kYXRhQ29sb3Iuc2hhZG93Q29sb3INCiAgICAgICAgICAgICAgICAgICAgfQ0KICAgICAgICAgICAgICAgICAgfQ0KICAgICAgICAgICAgICAgIH0sDQogICAgICAgICAgICAgICAgew0KICAgICAgICAgICAgICAgICAgdmFsdWU6IDEwMCAtIG5ld0RhdGENCiAgICAgICAgICAgICAgICB9DQogICAgICAgICAgICAgIF0NCiAgICAgICAgICAgIH0NCiAgICAgICAgICBdDQogICAgICAgIH0NCiAgICAgIH0sDQogICAgICBpbW1lZGlhdGU6IHRydWUsDQogICAgICBkZWVwOiB0cnVlDQogICAgfQ0KICB9DQp9Ow0K"},{"version":3,"sources":["index.vue"],"names":[],"mappings":";;;;;;;;;;;;;AAaA;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":"index.vue","sourceRoot":"src/components/echart/center/centerChartRate","sourcesContent":["<template>\r\n  <div>\r\n    <!-- 通过率/达标率 -->\r\n    <Echart\r\n      :options=\"options\"\r\n      :id=\"id\"\r\n      height=\"100px\"\r\n      width=\"100px\"\r\n    ></Echart>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\nimport Echart from '@/common/echart'\r\nexport default {\r\n  data () {\r\n    return {\r\n      options: {},\r\n    };\r\n  },\r\n  components: {\r\n    Echart,\r\n  },\r\n  props: {\r\n    id: {\r\n      type: String,\r\n      required: true,\r\n      default: \"chartRate\"\r\n    },\r\n    tips: {\r\n      type: Number,\r\n      required: true,\r\n      default: 50\r\n    },\r\n    colorObj: {\r\n      type: Object,\r\n      default: function () {\r\n        return {\r\n          textStyle: \"#3fc0fb\",\r\n          series: {\r\n            color: [\"#00bcd44a\", \"transparent\"],\r\n            dataColor: {\r\n              normal: \"#03a9f4\",\r\n              shadowColor: \"#97e2f5\"\r\n            }\r\n          }\r\n        };\r\n      }\r\n    }\r\n  },\r\n  watch: {\r\n    // tips 是会变更的数据，所以进行监听\r\n    tips: {\r\n      handler (newData) {\r\n        this.options = {\r\n          title:{\r\n            text: newData * 1 + \"%\",\r\n            x: \"center\",\r\n            y: \"center\",\r\n            textStyle: {\r\n              color: this.colorObj.textStyle,\r\n              fontSize: 16\r\n            }\r\n          },\r\n          series: [\r\n            {\r\n              type: \"pie\",\r\n              radius: [\"75%\", \"80%\"],\r\n              center: [\"50%\", \"50%\"],\r\n              hoverAnimation: false,\r\n              color: this.colorObj.series.color,\r\n              label: {\r\n                normal: {\r\n                  show: false\r\n                }\r\n              },\r\n              data: [\r\n                {\r\n                  value: newData,\r\n                  itemStyle: {\r\n                    normal: {\r\n                      color: this.colorObj.series.dataColor.normal,\r\n                      shadowBlur: 10,\r\n                      shadowColor: this.colorObj.series.dataColor.shadowColor\r\n                    }\r\n                  }\r\n                },\r\n                {\r\n                  value: 100 - newData\r\n                }\r\n              ]\r\n            }\r\n          ]\r\n        }\r\n      },\r\n      immediate: true,\r\n      deep: true\r\n    }\r\n  }\r\n};\r\n</script>\r\n\r\n<style lang=\"scss\" scoped>\r\n</style>"]}]}