{"remainingRequest":"F:\\workspace\\gcy\\RK-html\\RK-project\\ruoyi-ui\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!F:\\workspace\\gcy\\RK-html\\RK-project\\ruoyi-ui\\src\\views\\dashboard\\DuidieChart.vue?vue&type=style&index=0&id=4484d6f1&scoped=true&lang=scss&","dependencies":[{"path":"F:\\workspace\\gcy\\RK-html\\RK-project\\ruoyi-ui\\src\\views\\dashboard\\DuidieChart.vue","mtime":1641373473624},{"path":"F:\\workspace\\gcy\\RK-html\\RK-project\\ruoyi-ui\\node_modules\\css-loader\\dist\\cjs.js","mtime":499162500000},{"path":"F:\\workspace\\gcy\\RK-html\\RK-project\\ruoyi-ui\\node_modules\\vue-loader\\lib\\loaders\\stylePostLoader.js","mtime":499162500000},{"path":"F:\\workspace\\gcy\\RK-html\\RK-project\\ruoyi-ui\\node_modules\\postcss-loader\\src\\index.js","mtime":499162500000},{"path":"F:\\workspace\\gcy\\RK-html\\RK-project\\ruoyi-ui\\node_modules\\sass-loader\\dist\\cjs.js","mtime":499162500000},{"path":"F:\\workspace\\gcy\\RK-html\\RK-project\\ruoyi-ui\\node_modules\\cache-loader\\dist\\cjs.js","mtime":499162500000},{"path":"F:\\workspace\\gcy\\RK-html\\RK-project\\ruoyi-ui\\node_modules\\vue-loader\\lib\\index.js","mtime":499162500000}],"contextDependencies":[],"result":[{"type":"Buffer","data":"base64:CgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgovKi5zaGFkb3d7Ki8KLyogIC13ZWJraXQtYm94LXNoYWRvdzowIDBweCAxNXB4IDAgcmdiKDI0OCwyMzcsMjUzKTsqLwovKiAgLW1vei1ib3gtc2hhZG93OjAgMHB4IDE1cHggMCByZ2IoMjQ4LDIzNywyNTMpOyovCi8qICBib3gtc2hhZG93OjAgMHB4IDE1cHggMCByZ2IoMjQ4LDIzNywyNTMpOyovCi8qfSovCg=="},{"version":3,"sources":["DuidieChart.vue"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAgOA;AACA;AACA;AACA;AACA","file":"DuidieChart.vue","sourceRoot":"src/views/dashboard","sourcesContent":["<template>\n  <div :class=\"className\" :style=\"{height:height,width:width}\"\n\n  />\n\n\n</template>\n\n<script>\nimport echarts from 'echarts'\nrequire('echarts/theme/macarons'); // echarts theme\nimport resize from './mixins/resize'\n\nconst animationDuration = 6000;\n\nexport default {\n  mixins: [resize],\n  props: {\n    className: {\n      type: String,\n      default: 'chart'\n    },\n    width: {\n      type: String,\n      default: '100%'\n    },\n    height: {\n      type: String,\n      default: '330px'\n    },\n    ddXData:{\n      type: Array,\n      default: []\n    },\n    ddLgData:{\n      type: Array,\n      default: []\n    },\n    ddSerData:{\n      type: Array,\n      default: []\n    }\n  },\n  data() {\n    return {\n      chart: null\n    }\n  },\n  watch: {\n    ddSerData (newV, oldV) {\n      this.initChart()\n    }\n  },\n  mounted() {\n    this.$nextTick(() => {\n      this.initChart()\n    })\n  },\n  beforeDestroy() {\n    if (!this.chart) {\n      return\n    }\n    this.chart.dispose();\n    this.chart = null\n  },\n  methods: {\n    initChart() {\n      let max=10;\n      let intervala=2;\n\n      if (this.ddSerData!=undefined&&this.ddSerData.length>0){\n        let arr1=this.ddSerData[0].data;\n        let arr2=this.ddSerData[1].data;\n        if (arr1.length>0&&arr2.length>0){\n          let maxa = Math.max.apply(null,arr1);\n          let maxb = Math.max.apply(null,arr2);\n          max=maxa+maxb;\n          if (max<5){\n            max=max+1\n            intervala=1;\n          }else {\n            intervala=this.intervala(parseInt(max/5))\n            let x=parseInt(max/intervala)\n            max=(x+1)*intervala\n          }\n\n\n        }\n      }\n\n      this.chart = echarts.init(this.$el, 'macarons');\n      if(!this.ddSerData.length){\n        var html =\n          '<div style=\"text-align:center;\"><div style=\"line-height:260px;color:#868686; font-size: 26px;\">暂无数据</div>' +\n          '<h3 style=\"color: #74bcff; font-size: 18px;\">提交与批示分布</h3></div>';\n        this.$el.innerHTML = html;\n        this.$el.removeAttribute('_echarts_instance_')\n      }\n      this.chart.setOption( {\n        title: {\n          left: \"1%\",\n          top: \"1%\",\n          text: \"提交与批示分布\",\n          x:'center',\n          y: 'bottom',\n          textStyle: {\n            fontSize: 24,\n            fontFamily: \"Arial\",\n            lineHeight: 30,\n            color: \"rgb(43,97,159)\",\n            fontWeight:\"bold\"\n          },\n        },\n        legend: {\n          bottom: \"1%\",\n          // data: ['有批示', '无批示'],\n          data:this.ddLgData,\n          itemGap: 40,\n\n          // left: '10%'\n        },\n        tooltip: {\n          trigger: 'axis',\n          axisPointer: {\n            type: 'shadow'\n          }\n        },\n        xAxis: {\n          data:this.ddXData,\n          // data: ['2016','2017','2018','2019','2020','2021'],\n          // name: 'X Axis',\n          // axisLine: {onZero: true},\n          // splitLine: {show: false},\n          // splitArea: {show: false}\n          axisLabel: {\n\n            textStyle: {\n              fontSize:'16',\n\n            }\n          },\n          axisLine: {\n            lineStyle: {\n              color: \"rgb(164, 164, 164)\"\n            }\n          },\n        },\n        yAxis: {\n          min: 0,\n          max: max,\n          interval: intervala,\n          axisLabel: {\n\n            textStyle: {\n              fontSize:'16',\n\n            }\n          },\n          nameTextStyle: {\n            color: 'rgb(102,102,102)'\n          },\n          axisLine: {\n            lineStyle: {\n              color: \"rgb(164, 164, 164)\"\n            }\n          },\n        },\n        grid: {\n          left: 10,\n          right: 10,\n          bottom: 50,\n          top: 90,\n          containLabel: true\n        },\n\n        series: this.ddSerData,\n        textStyle:{\n          fontSize:18,\n          lineOverflow : 'none'\n        },\n          // [\n          //   {\n          //     name: '有批示',\n          //     type: 'bar',\n          //     stack: 'one',\n          //     data: [1,2,3,4,5,6]\n          //   },\n          //     {\n          //       name: '无批示',\n          //       type: 'bar',\n          //       stack: 'one',\n          //       data: [1,2,3,4,5,6]\n          //     }\n          //   ]\n      });\n      const _this = this;\n      this.chart.on(\"click\",function (params) {\n        console.log(params);\n        _this.$emit('toStatusPage',params.name)\n\n\n      });\n    },\n    intervala(item){\n      let count=1;\n      let newitem=item;\n\n      while (true){\n        newitem=newitem/10;\n        if (newitem<1){\n          break\n        }else {\n          count=count*10;\n        }\n      }\n\n      let intervala=parseInt(item/count)\n      intervala=intervala*count\n      return intervala;\n    }\n  }\n}\n</script>\n<style scoped lang=\"scss\">\n  /*.shadow{*/\n  /*  -webkit-box-shadow:0 0px 15px 0 rgb(248,237,253);*/\n  /*  -moz-box-shadow:0 0px 15px 0 rgb(248,237,253);*/\n  /*  box-shadow:0 0px 15px 0 rgb(248,237,253);*/\n  /*}*/\n  </style>\n"]}]}