{"version":3,"sources":["webpack:///./src/components/Groups/GeneralGroupChart.vue?9945","webpack:///src/components/Groups/GeneralGroupChart.vue","webpack:///./src/components/Groups/GeneralGroupChart.vue?75bb","webpack:///./src/components/Groups/GeneralGroupChart.vue"],"names":["render","_vm","this","_h","$createElement","_c","_self","attrs","_e","staticRenderFns","name","props","singlegroup","Object","tempGraph","Boolean","humiGraph","title","String","data","type","dataformat","chartWidth","dataSourceTemp","dataSourceHumi","labels","temp","maxTemp","minTemp","maxHumi","minHumi","humidity","mounted","initialiseGroupChart","watch","handler","deep","renderChart","methods","humi","chart","caption","$t","subcaption","yaxisname","numbersuffix","xaxisname","lineThickness","theme","paletteColors","exportEnabled","exportFileName","categories","dataset","width","height","renderAt","dataFormat","dataSource","$nextTick","chartHumi","component"],"mappings":"yHAAA,IAAIA,EAAS,WAAa,IAAIC,EAAIC,KAASC,EAAGF,EAAIG,eAAmBC,EAAGJ,EAAIK,MAAMD,IAAIF,EAAG,OAAOE,EAAG,MAAM,CAAEJ,EAAa,UAAEI,EAAG,MAAM,CAACE,MAAM,CAAC,GAAK,eAAeN,EAAIO,KAAMP,EAAa,UAAEI,EAAG,MAAM,CAACE,MAAM,CAAC,GAAK,eAAeN,EAAIO,QAC7NC,EAAkB,G,iICiBtB,4BAEA,OACEC,KAAM,QACNC,MAAO,CACLC,YAAaC,OACbC,UAAWC,QACXC,UAAWD,QACXE,MAAOC,QAETC,KARF,WASI,MAAO,CACLC,KAAM,WACNC,WAAY,OACZC,WAAY,OACZC,eAAgB,GAChBC,eAAgB,GAChBC,OAAQ,GACRC,KAAM,GACNC,QAAS,GACTC,QAAS,GACTC,QAAS,GACTC,QAAS,GACTC,SAAU,KAGdC,QAxBF,WAyBI9B,KAAK+B,wBAEPC,MAAO,CACLtB,YAAa,CACXuB,QAAS,WACPjC,KAAK+B,wBAEPG,MAAM,GAERtB,UAPJ,WAQMZ,KAAKmC,eAEPrB,UAVJ,WAWMd,KAAKmC,gBAGTC,QAAS,CACPL,qBADJ,WAEM/B,KAAKuB,OAAS,GACdvB,KAAKwB,KAAO,GACZxB,KAAK0B,QAAU,GACf1B,KAAKyB,QAAU,GACfzB,KAAKqC,KAAO,GACZrC,KAAK4B,QAAU,GACf5B,KAAK2B,QAAU,GAPrB,uBAQA,wBARA,IAQA,0CAMA,gCACA,oBAGA,kBACA,UAEA,gBACA,sBAEA,mBACA,8CAEA,mBACA,8CAEA,mBACA,2CAEA,mBACA,2CAEA,oBACA,oBArCA,8BAwCM3B,KAAKqB,eAAiB,CACpBiB,MAAO,CACLC,QAASvC,KAAKwC,GAAG,6BACjBC,WAAYzC,KAAKwC,GAAG,WACpBE,UAAW1C,KAAKwC,GAAG,QACnBG,aAAc,KACdC,UAAW5C,KAAKwC,GAAG,QACnBK,cAAe,IACfC,MAAO,SACPC,cAAe,0BACfC,cAAe,IACfC,eAAgBjD,KAAKe,OAEvBmC,WAAY,CACpB,CACU,SAAV,cAGQC,QAAS,CACjB,CACU,WAAV,4BACU,KAAV,WAEA,CACU,WAAV,oBACU,KAAV,cAEA,CACU,WAAV,oBACU,KAAV,gBAIMnD,KAAKsB,eAAiB,CACpBgB,MAAO,CACLC,QAASvC,KAAKwC,GAAG,0BACjBC,WAAYzC,KAAKwC,GAAG,WACpBE,UAAW1C,KAAKwC,GAAG,SACnBG,aAAc,IACdC,UAAW5C,KAAKwC,GAAG,QACnBK,cAAe,IACfC,MAAO,SACPC,cAAe,0BACfC,cAAe,IACfC,eAAgBjD,KAAKe,OAEvBmC,WAAY,CACpB,CACU,SAAV,cAGQC,QAAS,CACjB,CACU,WAAV,iBACU,KAAV,eAEA,CACU,WAAV,qBACU,KAAV,cAEA,CACU,WAAV,qBACU,KAAV,gBAIMnD,KAAKmC,eAEPA,YA7GJ,WA8GM,GAAInC,KAAKY,UAAW,CAElB,IAAR,WACUM,KAAM,WACNkC,MAAO,OACPC,OAAQ,MACRC,SAAU,YACVC,WAAY,OACZC,WAAYxD,KAAKqB,iBAEnBrB,KAAKyD,WAAU,WACbnB,EAAMxC,gBAEhB,CAEQ,IAAR,WACUoB,KAAM,WACNkC,MAAO,OACPC,OAAQ,MACRC,SAAU,YACVC,WAAY,OACZC,WAAYxD,KAAKsB,iBAEnBtB,KAAKyD,WAAU,WACbC,EAAU5D,gBCnMsV,I,YCOtW6D,EAAY,eACd,EACA7D,EACAS,GACA,EACA,KACA,WACA,MAIa,aAAAoD,E","file":"js/chunk-2d0ba1c3.3823827b.js","sourcesContent":["var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',[(_vm.tempGraph)?_c('div',{attrs:{\"id\":\"chartTemp\"}}):_vm._e(),(_vm.humiGraph)?_c('div',{attrs:{\"id\":\"chartHumi\"}}):_vm._e()])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <div>\n    <div v-if=\"tempGraph\" id=\"chartTemp\"></div>\n    <div v-if=\"humiGraph\" id=\"chartHumi\"></div>\n  </div>\n</template>\n\n<script>\nimport moment from \"moment\";\nimport Vue from \"vue\";\nimport VueFusionCharts from \"vue-fusioncharts\";\nimport FusionCharts from \"fusioncharts\";\nimport zoomline from \"fusioncharts/fusioncharts.zoomline\";\nimport FusionTheme from \"fusioncharts/themes/fusioncharts.theme.fusion\";\n// FusionCharts.options.license({\n//   key: process.env.VUE_APP_FUSION_LICENSE_KEY,\n//   creditLabel: false,\n// });\nVue.use(VueFusionCharts, FusionCharts, zoomline, FusionTheme);\n\nexport default {\n  name: \"Chart\",\n  props: {\n    singlegroup: Object,\n    tempGraph: Boolean,\n    humiGraph: Boolean,\n    title: String,\n  },\n  data() {\n    return {\n      type: \"zoomline\",\n      dataformat: \"json\",\n      chartWidth: \"100%\",\n      dataSourceTemp: \"\",\n      dataSourceHumi: \"\",\n      labels: [],\n      temp: [],\n      maxTemp: [],\n      minTemp: [],\n      maxHumi: [],\n      minHumi: [],\n      humidity: [],\n    };\n  },\n  mounted() {\n    this.initialiseGroupChart();\n  },\n  watch: {\n    singlegroup: {\n      handler: function() {\n        this.initialiseGroupChart();\n      },\n      deep: true,\n    },\n    tempGraph() {\n      this.renderChart();\n    },\n    humiGraph() {\n      this.renderChart();\n    },\n  },\n  methods: {\n    initialiseGroupChart() {\n      this.labels = [];\n      this.temp = [];\n      this.minTemp = [];\n      this.maxTemp = [];\n      this.humi = [];\n      this.minHumi = [];\n      this.maxHumi = [];\n      for (const element of this.singlegroup.stats) {\n        // let year = element._id.year;\n        // let month = element._id.month;\n        // let day = element._id.day;\n        // let hour = element._id.hour;\n        // let fulldate = `${year}-${month}-${day} ${hour}`;\n        const fulldate2 = moment(element.deviceTimeStamp).format(\n          \"DD/MM/YY | HH:mm\"\n        );\n\n        this.labels.push({\n          label: fulldate2,\n        });\n        this.temp.push({\n          value: element.temperature,\n        });\n        this.maxTemp.push({\n          value: this.singlegroup.group.maxTemperature,\n        });\n        this.minTemp.push({\n          value: this.singlegroup.group.minTemperature,\n        });\n        this.maxHumi.push({\n          value: this.singlegroup.group.maxHumidity,\n        });\n        this.minHumi.push({\n          value: this.singlegroup.group.minHumidity,\n        });\n        this.humidity.push({\n          value: element.humidity,\n        });\n      }\n      this.dataSourceTemp = {\n        chart: {\n          caption: this.$t(\"average_temperature_chart\"),\n          subcaption: this.$t(\"sub_cap\"),\n          yaxisname: this.$t(\"temp\"),\n          numbersuffix: \"°C\",\n          xaxisname: this.$t(\"time\"),\n          lineThickness: \"3\",\n          theme: \"fusion\",\n          paletteColors: \"#213e7a,#DC3030,#F3C963\",\n          exportEnabled: \"1\",\n          exportFileName: this.title,\n        },\n        categories: [\n          {\n            category: this.labels,\n          },\n        ],\n        dataset: [\n          {\n            seriesName: this.$t(\"series_name_temp\"),\n            data: this.temp,\n          },\n          {\n            seriesName: this.$t(\"max-temp\"),\n            data: this.maxTemp,\n          },\n          {\n            seriesName: this.$t(\"min-temp\"),\n            data: this.minTemp,\n          },\n        ],\n      };\n      this.dataSourceHumi = {\n        chart: {\n          caption: this.$t(\"average_humidity_chart\"),\n          subcaption: this.$t(\"sub_cap\"),\n          yaxisname: this.$t(\"humid\"),\n          numbersuffix: \"%\",\n          xaxisname: this.$t(\"time\"),\n          lineThickness: \"3\",\n          theme: \"fusion\",\n          paletteColors: \"#213e7a,#DC3030,#F3C963\",\n          exportEnabled: \"1\",\n          exportFileName: this.title,\n        },\n        categories: [\n          {\n            category: this.labels,\n          },\n        ],\n        dataset: [\n          {\n            seriesName: this.$t(\"humid\"),\n            data: this.humidity,\n          },\n          {\n            seriesName: this.$t(\"max-humid\"),\n            data: this.maxHumi,\n          },\n          {\n            seriesName: this.$t(\"min-humid\"),\n            data: this.minHumi,\n          },\n        ],\n      };\n      this.renderChart();\n    },\n    renderChart() {\n      if (this.tempGraph) {\n        // Render temperature chart\n        const chart = new FusionCharts({\n          type: \"zoomline\",\n          width: \"100%\",\n          height: \"470\",\n          renderAt: \"chartTemp\",\n          dataFormat: \"json\",\n          dataSource: this.dataSourceTemp,\n        });\n        this.$nextTick(() => {\n          chart.render();\n        });\n      } else {\n        // Render humidity chart\n        const chartHumi = new FusionCharts({\n          type: \"zoomline\",\n          width: \"100%\",\n          height: \"470\",\n          renderAt: \"chartHumi\",\n          dataFormat: \"json\",\n          dataSource: this.dataSourceHumi,\n        });\n        this.$nextTick(() => {\n          chartHumi.render();\n        });\n      }\n    },\n  },\n};\n</script>\n\n<style scoped></style>\n","import mod from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./GeneralGroupChart.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./GeneralGroupChart.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./GeneralGroupChart.vue?vue&type=template&id=12847c3a&scoped=true&\"\nimport script from \"./GeneralGroupChart.vue?vue&type=script&lang=js&\"\nexport * from \"./GeneralGroupChart.vue?vue&type=script&lang=js&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  \"12847c3a\",\n  null\n  \n)\n\nexport default component.exports"],"sourceRoot":""}