{"remainingRequest":"D:\\jenkins\\workspace\\xq-web-bpm\\node_modules\\thread-loader\\dist\\cjs.js!D:\\jenkins\\workspace\\xq-web-bpm\\node_modules\\babel-loader\\lib\\index.js!D:\\jenkins\\workspace\\xq-web-bpm\\node_modules\\cache-loader\\dist\\cjs.js??ref--0-0!D:\\jenkins\\workspace\\xq-web-bpm\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!D:\\jenkins\\workspace\\xq-web-bpm\\src\\components\\common\\HtChart.vue?vue&type=script&lang=js&","dependencies":[{"path":"D:\\jenkins\\workspace\\xq-web-bpm\\src\\components\\common\\HtChart.vue","mtime":1675071991631},{"path":"D:\\jenkins\\workspace\\xq-web-bpm\\node_modules\\cache-loader\\dist\\cjs.js","mtime":499162500000},{"path":"D:\\jenkins\\workspace\\xq-web-bpm\\node_modules\\thread-loader\\dist\\cjs.js","mtime":499162500000},{"path":"D:\\jenkins\\workspace\\xq-web-bpm\\node_modules\\babel-loader\\lib\\index.js","mtime":315532800000},{"path":"D:\\jenkins\\workspace\\xq-web-bpm\\node_modules\\cache-loader\\dist\\cjs.js","mtime":499162500000},{"path":"D:\\jenkins\\workspace\\xq-web-bpm\\node_modules\\vue-loader\\lib\\index.js","mtime":499162500000}],"contextDependencies":[],"result":["import \"core-js/modules/es7.object.get-own-property-descriptors\";\nimport \"core-js/modules/web.dom.iterable\";\nimport \"core-js/modules/es6.object.keys\";\nimport _defineProperty from \"D:/jenkins/workspace/xq-web-bpm/node_modules/@babel/runtime/helpers/esm/defineProperty\";\n\nfunction ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); keys.push.apply(keys, symbols); } return keys; }\n\nfunction _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }\n\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\nimport echarts from 'echarts';\nimport Chart from '@/components/common/Chart';\nvar BASE_OPTION = {\n  tooltip: {\n    trigger: 'item',\n    formatter: '{a} <br/>{b}:{c}家'\n  },\n  toolbox: {\n    show: true\n  },\n  legend: {\n    type: 'scroll',\n    orient: 'horizontal',\n    left: '60px',\n    align: 'left',\n    top: '0px',\n    textStyle: {\n      color: '#8C8C8C'\n    },\n    height: 80\n  }\n};\nexport default {\n  name: 'HtChart',\n  components: {\n    Chart: Chart\n  },\n  data: function data() {\n    return {\n      dialogVisible: false,\n      chartStyle: 'width:300px; height:180px; margin-left:20px',\n      gdOption: _objectSpread(_objectSpread({}, BASE_OPTION), {}, {\n        color: ['#37a2da', '#32c5e9', '#9fe6b8'],\n        series: [{\n          name: '广东省',\n          type: 'pie',\n          radius: [0, 60],\n          data: [{\n            value: 8,\n            name: '广州'\n          }, {\n            value: 10,\n            name: '珠海'\n          }, {\n            value: 12,\n            name: '佛山'\n          }]\n        }]\n      }),\n      hbOption: _objectSpread(_objectSpread({}, BASE_OPTION), {}, {\n        color: ['#ffdb5c', '#ff9f7f', '#fb7293'],\n        series: [{\n          name: '湖北省',\n          type: 'pie',\n          radius: [0, 60],\n          data: [{\n            value: 7,\n            name: '武汉'\n          }, {\n            value: 9,\n            name: '宜昌'\n          }, {\n            value: 6,\n            name: '荆州'\n          }]\n        }]\n      }),\n      zjOption: _objectSpread(_objectSpread({}, BASE_OPTION), {}, {\n        color: ['#e7bcf3', '#8378ea', '#ed7c2f'],\n        series: [{\n          name: '浙江省',\n          type: 'pie',\n          radius: [0, 60],\n          data: [{\n            value: 7,\n            name: '杭州'\n          }, {\n            value: 5,\n            name: '台州'\n          }, {\n            value: 8,\n            name: '金华'\n          }]\n        }]\n      })\n    };\n  },\n  mounted: function mounted() {\n    this.initHtChart();\n  },\n  methods: {\n    initHtChart: function initHtChart() {\n      var htChart = echarts.init(document.getElementById('ht-chart'));\n      var data = {\n        xData: ['广州', '珠海', '佛山', '武汉', '宜昌', '荆州', '杭州', '金华', '台州'],\n        yData: [8, 10, 12, 7, 9, 6, 7, 8, 5]\n      };\n      var option = {\n        title: {\n          text: '宏天客户分布图',\n          textStyle: {\n            color: '#333',\n            fontWeight: '800',\n            fontSize: \"20\"\n          },\n          left: 'center',\n          top: '20px'\n        },\n        tooltip: {\n          trigger: 'axis',\n          axisPointer: {\n            type: 'shadow'\n          }\n        },\n        grid: [{\n          top: 100,\n          bottom: 101\n        }, {\n          height: 60,\n          bottom: 40\n        }],\n        xAxis: [{\n          type: 'category',\n          data: data.xData,\n          gridIndex: 0,\n          axisLabel: {\n            color: '#333'\n          },\n          axisLine: {\n            lineStyle: {\n              color: '#e7e7e7'\n            }\n          },\n          axisTick: {\n            lineStyle: {\n              color: '#e7e7e7'\n            }\n          },\n          zlevel: 2\n        }, {\n          type: 'category',\n          gridIndex: 1,\n          axisLine: {\n            show: false\n          },\n          zlevel: 1\n        }],\n        yAxis: [{\n          type: 'value',\n          gridIndex: 0,\n          axisLabel: {\n            color: '#333'\n          },\n          splitLine: {\n            lineStyle: {\n              type: 'dashed'\n            }\n          },\n          axisLine: {\n            lineStyle: {\n              color: '#ccc'\n            }\n          },\n          axisTick: {\n            lineStyle: {\n              color: '#ccc'\n            }\n          }\n        }, {\n          type: 'value',\n          gridIndex: 1,\n          axisLabel: {\n            show: false\n          },\n          axisLine: {\n            show: false\n          },\n          splitLine: {\n            show: false\n          },\n          axisTick: {\n            show: false\n          }\n        }],\n        series: [{\n          data: data.yData,\n          type: 'bar',\n          label: {\n            show: true,\n            position: 'top',\n            textStyle: {\n              color: '#555'\n            }\n          },\n          itemStyle: {\n            normal: {\n              color: function color(params) {\n                var colors = ['#4150d8', '#28bf7e', '#ed7c2f', '#f2a93b', '#f9cf36', '#4a5bdc', '#4cd698', '#f4914e', '#fcb75b', '#ffe180', '#b6c2ff', '#96edc1'];\n                return colors[params.dataIndex];\n              }\n            }\n          },\n          xAxisIndex: 0,\n          yAxisIndex: 0\n        }, {\n          data: [{\n            name: '广东省',\n            value: 1\n          }],\n          label: {\n            show: true,\n            position: 'inside',\n            formatter: '{b}',\n            offset: [0, 10],\n            textStyle: {\n              color: '#777'\n            }\n          },\n          type: 'bar',\n          barGap: 0,\n          barWidth: '33.33%',\n          itemStyle: {\n            normal: {\n              color: 'rgba(134,176,237, .5)'\n            }\n          },\n          xAxisIndex: 1,\n          yAxisIndex: 1\n        }, {\n          data: [{\n            name: '湖北省',\n            value: 1\n          }],\n          label: {\n            show: true,\n            position: 'inside',\n            formatter: '{b}',\n            offset: [0, 10],\n            textStyle: {\n              color: '#777'\n            }\n          },\n          type: 'bar',\n          barGap: 0,\n          barWidth: '33.33%',\n          itemStyle: {\n            normal: {\n              color: 'rgba(40,191,126, .5)'\n            }\n          },\n          xAxisIndex: 1,\n          yAxisIndex: 1\n        }, {\n          data: [{\n            name: '浙江省',\n            value: 1\n          }],\n          label: {\n            show: true,\n            position: 'inside',\n            formatter: '{b}',\n            offset: [0, 10],\n            textStyle: {\n              color: '#777'\n            }\n          },\n          type: 'bar',\n          barGap: 0,\n          barWidth: '33.33%',\n          itemStyle: {\n            normal: {\n              color: 'rgba(237,124,47, .5)'\n            }\n          },\n          xAxisIndex: 1,\n          yAxisIndex: 1\n        }]\n      };\n      htChart.setOption(option);\n    },\n    handleClick: function handleClick() {\n      this.dialogVisible = true;\n    },\n    handleClose: function handleClose() {\n      this.dialogVisible = false;\n    }\n  }\n};",null]}