{"version":3,"sources":["webpack:///./src/components/Groups/GeneralGroupChart.vue","webpack:///src/components/Groups/GeneralGroupChart.vue","webpack:///./src/components/Groups/GeneralGroupChart.vue?e1c5","webpack:///./src/components/Groups/GeneralGroupChart.vue?0463"],"names":["render","_vm","this","_c","_self","tempGraph","attrs","_e","humiGraph","staticRenderFns","Vue","use","VueFusionCharts","FusionCharts","zoomline","FusionTheme","name","props","singlegroup","Object","Boolean","title","String","data","type","dataformat","chartWidth","dataSourceTemp","dataSourceHumi","labels","temp","maxTemp","minTemp","maxHumi","minHumi","humidity","mounted","initialiseGroupChart","watch","handler","deep","renderChart","methods","humi","element","stats","fulldate2","moment","deviceTimeStamp","format","push","label","value","temperature","group","maxTemperature","minTemperature","maxHumidity","minHumidity","chart","caption","$t","subcaption","yaxisname","numbersuffix","xaxisname","lineThickness","theme","paletteColors","exportEnabled","exportFileName","categories","category","dataset","seriesName","width","height","renderAt","dataFormat","dataSource","$nextTick","chartHumi","component"],"mappings":"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","file":"js/chunk-2d0ba1c3.938240ec.js","sourcesContent":["var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',[(_vm.tempGraph)?_c('div',{attrs:{\"id\":\"chartTemp\"}}):_vm._e(),(_vm.humiGraph)?_c('div',{attrs:{\"id\":\"chartHumi\"}}):_vm._e()])\n}\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":""}