{"version":3,"sources":["webpack:///./src/views/sensor/onlineChart.vue?fe75","webpack:///src/views/sensor/onlineChart.vue","webpack:///./src/views/sensor/onlineChart.vue?d389","webpack:///./src/views/sensor/onlineChart.vue","webpack:///./src/commonValues.js"],"names":["render","_vm","this","_h","$createElement","_c","_self","staticClass","staticStyle","attrs","_v","date","on","$event","search","model","value","callback","$$v","expression","ref","chartOptionsTemp","staticRenderFns","a","moment","ts","format","A","d","e","b","B","m","y","Y","W","props","name","components","CChartLine","datePicker","data","chartData","label","backgroundColor","labels","chartOptions","chart","type","title","zoomType","text","useHTML","headerFormat","pointFormat","xAxis","categories","credits","enabled","series","exporting","buttons","contextButton","menuItems","legend","itemStyle","fontFamily","style","yAxis","max","min","plotLines","plotBands","plotOptions","turboThreshold","computed","defaultDatasets","defaultOptions","display","position","color","scales","yAxes","mounted","$route","params","sensorDate","methods","component","Values","mapServerIp","serverIp","window","location","hostname","reportLinkIp","companyName","tileProviders","visible","url"],"mappings":"yHAAA,IAAIA,EAAS,WAAa,IAAIC,EAAIC,KAASC,EAAGF,EAAIG,eAAmBC,EAAGJ,EAAIK,MAAMD,IAAIF,EAAG,OAAOE,EAAG,OAAO,CAACE,YAAY,MAAMC,YAAY,CAAC,cAAc,YAAYC,MAAM,CAAC,IAAM,KAAK,GAAK,OAAO,CAACJ,EAAG,QAAQ,CAACE,YAAY,OAAO,CAACF,EAAG,cAAc,CAACE,YAAY,kEAAkE,CAACF,EAAG,KAAK,CAACE,YAAY,sBAAsB,CAACN,EAAIS,GAAG,mBAAmBL,EAAG,cAAc,CAACE,YAAY,UAAUE,MAAM,CAAC,MAAQR,EAAIU,MAAMC,GAAG,CAAC,OAAS,SAASC,GAAQ,OAAOZ,EAAIa,OAAOb,EAAIU,QAAQI,MAAM,CAACC,MAAOf,EAAQ,KAAEgB,SAAS,SAAUC,GAAMjB,EAAIU,KAAKO,GAAKC,WAAW,WAAW,GAAGd,EAAG,aAAa,CAACe,IAAI,QAAQb,YAAY,KAAKE,MAAM,CAAC,QAAUR,EAAIoB,qBAAqB,IAAI,IACvrBC,EAAkB,G,uLCqCtB,sBAOA,SACA,SACA,SAIA,iBACEC,EAAG,SAAL,GACI,OAAOC,OAAOC,GAAIC,OAAO,SAE3BC,EAAG,SAAL,GACI,OAAOH,OAAOC,GAAIC,OAAO,SAE3BE,EAAG,SAAL,GACI,OAAOJ,OAAOC,GAAIC,OAAO,OAE3BG,EAAG,SAAL,GACI,OAAOL,OAAOC,GAAIC,OAAO,MAE3BI,EAAG,SAAL,GACI,OAAON,OAAOC,GAAIC,OAAO,SAE3BK,EAAG,SAAL,GACI,OAAOP,OAAOC,GAAIC,OAAO,SAE3BM,EAAG,SAAL,GACI,OAAOR,OAAOC,GAAIC,OAAO,OAE3BO,EAAG,SAAL,GACI,OAAOT,OAAOC,GAAIC,OAAO,OAE3BQ,EAAG,SAAL,GACI,OAAOV,OAAOC,GAAIC,OAAO,SAE3BS,EAAG,SAAL,GACI,OAAOX,OAAOC,GAAIC,OAAO,QAQ7B,OACEU,MAAO,CAAC,wCAAyC,aAAc,cAC/DC,KAAM,oBACNC,WAAY,CACVC,WAAJ,gBACIC,WAAY,EAAhB,GAGEC,KARF,WASI,MAAO,CACL9B,KAAM,GACN+B,UAAW,CACTC,MAAO,GACPC,gBAAiB,sBACjBH,KAAM,GACNI,OAAQ,IAGVC,aAAc,CACZC,MAAO,CACLC,KAAM,SACNC,MAAO,MACPC,SAAU,KACVN,gBAAiB,wBAEnBK,MAAO,CACLE,KAAM,OAGR,QAAR,CACUC,SAAS,EACTC,aACV,sFACUC,YACV,iLAIQC,MAAO,CACLC,WAAY,IAMdC,QAAS,CACPC,SAAS,GAWXC,OAAQ,CAAC,CAAjB,uBAGMtC,iBAAkB,CAEhBuC,UAAW,CACTC,QAAS,CACPC,cAAe,CACbC,UAAW,CACzB,iBACA,CACgB,QAAhB,aACgB,QAAhB,WACkB,KAAlB,UAGA,CACgB,WAAhB,GAEA,CACgB,QAAhB,cACgB,QAAhB,WACkB,KAAlB,gBAGA,CACgB,QAAhB,eACgB,QAAhB,WACkB,KAAlB,aACoB,KAApB,iBAIA,CACgB,QAAhB,cACgB,QAAhB,WACkB,KAAlB,aACoB,KAApB,sBAIA,CACgB,QAAhB,cACgB,QAAhB,WACkB,KAAlB,aACoB,KAApB,wBASQhB,MAAO,CACLC,KAAM,SACNC,MAAO,UACPC,SAAU,KACVN,gBAAiB,wBAEnBoB,OAAQ,CACNC,UAAW,CACTC,WAAY,aAGhBjB,MAAO,CACLE,KAAM,MACNgB,MAAO,CACLD,WAAY,aAIhB,QAAR,CACUd,SAAS,EACTC,aACV,sFACUC,YACV,iLAIQc,MAAO,CACLC,IAAK,KACLC,IAAK,KACLrB,MAAO,CACLE,KAAM,MAERoB,UAAW,CACrB,CACY,MAAZ,MACY,MAAZ,EACY,MAAZ,IAEA,CACY,MAAZ,OACY,MAAZ,EACY,MAAZ,KAGUC,UAAW,CACrB,CACY,MAAZ,UACY,KAAZ,EACY,GAAZ,IAEA,CACY,MAAZ,UACY,KAAZ,GACY,GAAZ,IAEA,CACY,MAAZ,UACY,KAAZ,GACY,GAAZ,MAKQjB,MAAO,CAGLP,KAAM,YAQRS,QAAS,CACPC,SAAS,GAWXe,YAAa,CACXd,OAAQ,CACNe,eAAgB,IAGpBf,OAAQ,MAOdgB,SAAU,CACRC,gBADJ,WAEM,MAAO,CACb,CACQ,MAAR,qBACQ,gBAAR,+BACQ,KAAR,uBAIIC,eAVJ,WAWM,MAAO,CAML5B,MAAO,CACL6B,SAAS,EACT3B,KAAM,SAAWjD,KAAKwC,UAAUC,OAElCqB,OAAQ,CACNc,SAAS,EACTC,SAAU,SACVlC,OAAQ,CACNmC,MAAO,sBAGXC,OAAQ,CACNC,MAAO,CACjB,CACY,aAAZ,QAaEC,QA9PF,WA8PA,WACIjF,KAAKS,KAAOT,KAAKkF,OAAOC,OAAOC,WAC/B,EAAJ,EACA,KACA,oEACA,CACM,SAAN,gCACM,WAAN,8BACM,YAAN,+BACM,SAAN,8BACM,OAAN,GACM,SAAN,GACM,OAAN,KAGA,kBACM,GAAN,eACQ,QAAR,YAEQ,IAAR,+BACU,OAAV,OAEA,4BACA,4BAEQ,EAAR,8BACU,KAAV,YACU,KAAV,eAGQ,EAAR,mDACQ,EAAR,0CACA,sBACA,iBACA,gBACQ,EAAR,0CACA,sBACA,oBACA,gBACQ,EAAR,6BACQ,EAAR,6BAEQ,EAAR,2CAIQ,EAAR,uCACA,sBACA,oBACA,gBAEQ,EAAR,yCACA,sBACA,oBACA,gBACQ,EAAR,uCACA,sBACA,oBACA,gBAEQ,EAAR,yCACA,sBACA,oBACA,gBACQ,EAAR,6CA0BA,mBACM,QAAN,WAIEC,QAAS,CACPzE,OADJ,SACA,cACM,EAAN,EACA,KACA,oEACA,CACQ,SAAR,gCACQ,WAAR,8BACQ,YAAR,+BACQ,SAAR,EACQ,OAAR,EACQ,SAAR,GACQ,OAAR,KAGA,kBACQ,GAAR,eACU,QAAV,YAEU,EAAV,2BAEU,IAAV,+BACY,OAAZ,OAEA,4BACA,4BAEU,EAAV,8BACY,KAAZ,YACY,KAAZ,eAGU,EAAV,mDACU,EAAV,0CACA,sBACA,iBACA,gBACU,EAAV,0CACA,sBACA,oBACA,gBACU,EAAV,6BACU,EAAV,6BAEU,EAAV,2CAIU,EAAV,uCACA,sBACA,oBACA,gBAEU,EAAV,yCACA,sBACA,oBACA,gBACU,EAAV,uCACA,sBACA,oBACA,gBAEU,EAAV,yCACA,sBACA,oBACA,gBACU,EAAV,6CAWA,mBACQ,QAAR,aCngBkY,I,YCO9X0E,EAAY,eACd,EACAxF,EACAsB,GACA,EACA,KACA,KACA,MAIa,aAAAkE,E,2CClBf,kCAEO,IAAMC,EAAS,CAgBlBC,YAAY,oEACZC,SAAU,UAAUC,OAAOC,SAASC,SAAS,SAC7CC,aAAa,UAAUH,OAAOC,SAASC,SAAS,QAEhDE,YAAY,qCAKZC,cAAe,CACX,CACE5D,KAAM,gBACN6D,SAAS,EAGTC,IAAK,sDAGP,CACE9D,KAAM,aACN6D,SAAS,EACTC,IAAK,qDAKP,CACE9D,KAAM,cACN6D,SAAS,EACTC,IAAK,oDAIP,CACE9D,KAAM,gBACN6D,SAAS,EACTC,IAAK,2DAIP,CACE9D,KAAM,gBACN6D,SAAS,EACTC,IAAK,2DAIP,CACE9D,KAAM,uBACN6D,SAAS,EACTC,IAAK,2DAIP,CACE9D,KAAM,kBACN6D,SAAS,EACTC,IAAK","file":"js/chunk-2694fddc.a8e7f4e6.js","sourcesContent":["var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('CCol',{staticClass:\"p-0\",staticStyle:{\"font-family\":\"IRANSans\"},attrs:{\"col\":\"12\",\"xl\":\"12\"}},[_c('CCard',{staticClass:\"p-0\"},[_c('CCardHeader',{staticClass:\"d-flex justify-content-between align-items-center bg-secondary\"},[_c('h5',{staticClass:\"text-light m-0 p-0\"},[_vm._v(\"نمودار آنلاین\")]),_c('date-picker',{staticClass:\"p-0 m-0\",attrs:{\"value\":_vm.date},on:{\"change\":function($event){return _vm.search(_vm.date)}},model:{value:(_vm.date),callback:function ($$v) {_vm.date=$$v},expression:\"date\"}})],1),_c('highcharts',{ref:\"chart\",staticClass:\"hc\",attrs:{\"options\":_vm.chartOptionsTemp}})],1)],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n  <CCol col=\"12\" xl=\"12\" class=\"p-0\" style=\"font-family: IRANSans\">\r\n    <CCard class=\"p-0\">\r\n      <CCardHeader\r\n        class=\"d-flex justify-content-between align-items-center bg-secondary\"\r\n      >\r\n        <h5 class=\"text-light m-0 p-0\">نمودار آنلاین</h5>\r\n        <date-picker\r\n          class=\"p-0 m-0\"\r\n          v-model=\"date\"\r\n          :value=\"date\"\r\n          @change=\"search(date)\"\r\n        ></date-picker>\r\n      </CCardHeader>\r\n      <highcharts\r\n        class=\"hc\"\r\n        :options=\"chartOptionsTemp\"\r\n        ref=\"chart\"\r\n      ></highcharts>\r\n\r\n      <!-- <CChartLine\r\n        dir=\"ltr\"\r\n        :datasets=\"defaultDatasets\"\r\n        :options=\"defaultOptions\"\r\n        :labels=\"chartData.labels\"\r\n      /> -->\r\n    </CCard>\r\n  </CCol>\r\n</template>\r\n\r\n<script>\r\nimport { CChartLine } from \"@coreui/vue-chartjs\";\r\nimport VuePersianDatetimePicker from \"vue-persian-datetime-picker\";\r\nimport axios from \"axios\";\r\nimport { Values } from \"../../commonValues\";\r\n\r\nimport Vue from \"vue\";\r\nimport HighchartsVue from \"highcharts-vue\";\r\nVue.use(HighchartsVue);\r\n\r\nimport Highcharts from \"highcharts\";\r\nimport exportingInit from \"highcharts/modules/exporting\";\r\nimport stockInit from \"highcharts/modules/stock\";\r\nimport offlineExporting from \"highcharts/modules/offline-exporting\";\r\n\r\nstockInit(Highcharts);\r\nexportingInit(Highcharts);\r\nofflineExporting(Highcharts);\r\n\r\n\r\n\r\nHighcharts.dateFormats = {\r\n  a: function (ts) {\r\n    return moment(ts).format(\"dddd\");\r\n  },\r\n  A: function (ts) {\r\n    return moment(ts).format(\"dddd\");\r\n  },\r\n  d: function (ts) {\r\n    return moment(ts).format(\"DD\");\r\n  },\r\n  e: function (ts) {\r\n    return moment(ts).format(\"D\");\r\n  },\r\n  b: function (ts) {\r\n    return moment(ts).format(\"MMMM\");\r\n  },\r\n  B: function (ts) {\r\n    return moment(ts).format(\"MMMM\");\r\n  },\r\n  m: function (ts) {\r\n    return moment(ts).format(\"MM\");\r\n  },\r\n  y: function (ts) {\r\n    return moment(ts).format(\"YY\");\r\n  },\r\n  Y: function (ts) {\r\n    return moment(ts).format(\"YYYY\");\r\n  },\r\n  W: function (ts) {\r\n    return moment(ts).format(\"ww\");\r\n  },\r\n\r\n  \r\n};\r\n\r\n\r\n\r\nexport default {\r\n  props: [\"serialNumber, sensorType, sensorIndex\", \"sensorName\", \"sensorDate\"],\r\n  name: \"CChartLineExample\",\r\n  components: {\r\n    CChartLine,\r\n    datePicker: VuePersianDatetimePicker,\r\n  },\r\n\r\n  data() {\r\n    return {\r\n      date: \"\",\r\n      chartData: {\r\n        label: \"\",\r\n        backgroundColor: \"rgb(228,102,81,0.2)\",\r\n        data: [],\r\n        labels: [],\r\n      },\r\n\r\n      chartOptions: {\r\n        chart: {\r\n          type: \"spline\",\r\n          title: \"---\",\r\n          zoomType: \"xy\",\r\n          backgroundColor: \"rgb(224,224,224,0.8)\",\r\n        },\r\n        title: {\r\n          text: \"---\",\r\n        },\r\n\r\n         tooltip: {\r\n          useHTML: true,\r\n          headerFormat:\r\n            '<p style=\"direction:rtl; text-align:center; fontFamily: IRANSans;\">{point.key} </p>',\r\n          pointFormat:\r\n            '<h6 style=\"direction:rtl; text-align:center; fontFamily: IRANSans;\">{series.name} </h6>' +\r\n            '<h5 style=\"direction:ltr; text-align:center; ; fontFamily: IRANSans;\"> {point.y} </h5>',\r\n        },\r\n\r\n        xAxis: {\r\n          categories: [],\r\n        },\r\n        // tooltip: {\r\n        //   crosshairs: true,\r\n        //   shared: true\r\n        // },\r\n        credits: {\r\n          enabled: false,\r\n        },\r\n        // plotOptions: {\r\n        //   spline: {\r\n        //     marker: {\r\n        //       radius: 4,\r\n        //       lineColor: \"#666666\",\r\n        //       lineWidth: 1\r\n        //     }\r\n        //   }\r\n        // },\r\n        series: [{ name: \"Temp\", data: [] }],\r\n      },\r\n\r\n      chartOptionsTemp: {\r\n        \r\n        exporting: {\r\n          buttons: {\r\n            contextButton: {\r\n              menuItems: [\r\n                 'viewFullscreen',\r\n                {\r\n                  textKey: \"printChart\",\r\n                  onclick: function () {\r\n                    this.print();\r\n                  },\r\n                },\r\n                {\r\n                  separator: true,\r\n                },\r\n                {\r\n                  textKey: \"downloadPNG\",\r\n                  onclick: function () {\r\n                    this.exportChart();\r\n                  },\r\n                },\r\n                {\r\n                  textKey: \"downloadJPEG\",\r\n                  onclick: function () {\r\n                    this.exportChart({\r\n                      type: \"image/jpeg\",\r\n                    });\r\n                  },\r\n                },\r\n                {\r\n                  textKey: \"downloadPDF\",\r\n                  onclick: function () {\r\n                    this.exportChart({\r\n                      type: \"application/pdf\",\r\n                    });\r\n                  },\r\n                },\r\n                {\r\n                  textKey: \"downloadSVG\",\r\n                  onclick: function () {\r\n                    this.exportChart({\r\n                      type: \"image/svg+xml\",\r\n                    });\r\n                  },\r\n                },\r\n              ],\r\n            },\r\n          },\r\n        },\r\n\r\n        chart: {\r\n          type: \"spline\",\r\n          title: \"Hassaan\",\r\n          zoomType: \"xy\",\r\n          backgroundColor: \"rgb(224,224,224,0.2)\",\r\n        },\r\n        legend: {\r\n          itemStyle: {\r\n            fontFamily: \"IRANSans\",\r\n          },\r\n        },\r\n        title: {\r\n          text: \"---\",\r\n          style: {\r\n            fontFamily: \"IRANSans\",\r\n          },\r\n        },\r\n\r\n         tooltip: {\r\n          useHTML: true,\r\n          headerFormat:\r\n            '<p style=\"direction:rtl; text-align:center; fontFamily: IRANSans;\">{point.key} </p>',\r\n          pointFormat:\r\n            '<h6 style=\"direction:rtl; text-align:center; fontFamily: IRANSans;\">{series.name} </h6>' +\r\n            '<h5 style=\"direction:ltr; text-align:center; ; fontFamily: IRANSans;\"> {point.y} </h5>',\r\n        },\r\n\r\n        yAxis: {\r\n          max: null,\r\n          min: null,\r\n          title: {\r\n            text: \"°C\",\r\n          },\r\n          plotLines: [\r\n            {\r\n              color: \"red\",\r\n              width: 2,\r\n              value: 20,\r\n            },\r\n            {\r\n              color: \"blue\",\r\n              width: 2,\r\n              value: 25,\r\n            },\r\n          ],\r\n          plotBands: [\r\n            {\r\n              color: \"#CEECF5\", // Color value\r\n              from: 0, // Start of the plot band\r\n              to: 10, // End of the plot band\r\n            },\r\n            {\r\n              color: \"#E3F6CE\", // Color value\r\n              from: 10, // Start of the plot band\r\n              to: 15, // End of the plot band\r\n            },\r\n            {\r\n              color: \"#F6CECE\", // Color value\r\n              from: 15, // Start of the plot band\r\n              to: 20, // End of the plot band\r\n            },\r\n          ],\r\n        },\r\n\r\n        xAxis: {\r\n          // categories: [],\r\n\r\n          type: \"datetime\",\r\n\r\n          // tickInterval: 10,\r\n        },\r\n        // tooltip: {\r\n        //   crosshairs: true,\r\n        //   shared: true\r\n        // },\r\n        credits: {\r\n          enabled: false,\r\n        },\r\n        // plotOptions: {\r\n        //   spline: {\r\n        //     marker: {\r\n        //       radius: 4,\r\n        //       lineColor: \"#666666\",\r\n        //       lineWidth: 1\r\n        //     }\r\n        //   }\r\n        // },\r\n        plotOptions: {\r\n          series: {\r\n            turboThreshold: 0, //set it to a larger threshold, it is by default to 1000\r\n          },\r\n        },\r\n        series: [],\r\n      },\r\n\r\n      \r\n\r\n    };\r\n  },\r\n  computed: {\r\n    defaultDatasets() {\r\n      return [\r\n        {\r\n          label: this.chartData.label,\r\n          backgroundColor: this.chartData.backgroundColor,\r\n          data: this.chartData.data,\r\n        },\r\n      ];\r\n    },\r\n    defaultOptions() {\r\n      return {\r\n        // scales: {\r\n        //   y: {\r\n        //     beginAtZero: true,\r\n        //   },\r\n        // },\r\n        title: {\r\n          display: true,\r\n          text: \"سنسور \" + this.chartData.label,\r\n        },\r\n        legend: {\r\n          display: true,\r\n          position: \"bottom\",\r\n          labels: {\r\n            color: \"rgb(255, 99, 132)\",\r\n          },\r\n        },\r\n        scales: {\r\n          yAxes: [\r\n            {\r\n              beginAtZero: true,\r\n              // ticks: {\r\n              //   // Include a dollar sign in the ticks\r\n              //   callback: function (value, index, values) {\r\n              //     return value + \" $ \";\r\n              //   },\r\n              // },\r\n            },\r\n          ],\r\n        },\r\n      };\r\n    },\r\n  },\r\n  mounted() {\r\n    this.date = this.$route.params.sensorDate;\r\n    axios\r\n      .post(\r\n        Values.serverIp + \"SensorValue/GetSensorValuesFromDateTimeToDateTime\",\r\n        {\r\n          deviceId: this.$route.params.serialNumber,\r\n          sensorType: this.$route.params.sensorType,\r\n          sensorIndex: this.$route.params.sensorIndex,\r\n          fromDate: this.$route.params.sensorDate,\r\n          toDate: \"\",\r\n          fromTime: \"\",\r\n          toTime: \"\",\r\n        }\r\n      )\r\n      .then((response) => {\r\n        if (response.status == 200) {\r\n          console.log(response.data);\r\n\r\n          let values = response.data.data.map(function (v) {\r\n            return v.y;\r\n          });\r\n          var min = Math.min.apply(null, values) - 10;\r\n          var max = Math.max.apply(null, values) + 10;\r\n\r\n          this.chartOptionsTemp.series.push({\r\n            data: response.data.data,\r\n            name: response.data.label,\r\n          });\r\n\r\n          this.chartOptionsTemp.title.text = \" سنسور \" + response.data.label;\r\n          this.chartOptionsTemp.yAxis.plotLines[0].value =\r\n            response.data.alarmMax == null\r\n              ? response.data.data[0].y\r\n              : response.data.alarmMax;\r\n          this.chartOptionsTemp.yAxis.plotLines[1].value =\r\n            response.data.alarmMin == null\r\n              ? response.data.data[0].y + 15\r\n              : response.data.alarmMin;\r\n          this.chartOptionsTemp.yAxis.max = max; //response.data.alarmMax ==null ? response.data.data[0].y+15 :response.data.alarmMax+ 15;\r\n          this.chartOptionsTemp.yAxis.min = min; //response.data.alarmMin ==null ? response.data.data[0].y-15 :response.data.alarmMin- 15;\r\n\r\n          this.chartOptionsTemp.yAxis.plotBands[0].from = min;\r\n          // response.data.alarmMin == null\r\n          //   ? response.data.data[0].y - 15\r\n          //   : response.data.alarmMin - 15;\r\n          this.chartOptionsTemp.yAxis.plotBands[0].to =\r\n            response.data.alarmMin == null\r\n              ? response.data.data[0].y - 15\r\n              : response.data.alarmMin;\r\n\r\n          this.chartOptionsTemp.yAxis.plotBands[1].from =\r\n            response.data.alarmMin == null\r\n              ? response.data.data[0].y - 15\r\n              : response.data.alarmMin;\r\n          this.chartOptionsTemp.yAxis.plotBands[1].to =\r\n            response.data.alarmMax == null\r\n              ? response.data.data[0].y + 15\r\n              : response.data.alarmMax;\r\n\r\n          this.chartOptionsTemp.yAxis.plotBands[2].from =\r\n            response.data.alarmMax == null\r\n              ? response.data.data[0].y + 15\r\n              : response.data.alarmMax;\r\n          this.chartOptionsTemp.yAxis.plotBands[2].to = max;\r\n\r\n          // this.chartOptionsTemp.title.text = \" سنسور \" + response.data.label;\r\n          // this.chartOptionsTemp.yAxis.plotLines[0].value =\r\n          //   response.data.alarmHighLimit;\r\n          // this.chartOptionsTemp.yAxis.plotLines[1].value =\r\n          //   response.data.alarmLowLimit;\r\n          // this.chartOptionsTemp.yAxis.max = response.data.alarmHighLimit + 15;\r\n          // this.chartOptionsTemp.yAxis.min = response.data.alarmLowLimit - 15;\r\n          // //console.log(this.chartOptionsTemp.yAxis.plotBands[0]);\r\n          // this.chartOptionsTemp.yAxis.plotBands[0].from =\r\n          //   response.data.alarmLowLimit - 15;\r\n          // this.chartOptionsTemp.yAxis.plotBands[0].to =\r\n          //   response.data.alarmLowLimit;\r\n\r\n          // this.chartOptionsTemp.yAxis.plotBands[1].from =\r\n          //   response.data.alarmLowLimit;\r\n          // this.chartOptionsTemp.yAxis.plotBands[1].to =\r\n          //   response.data.alarmHighLimit;\r\n\r\n          // this.chartOptionsTemp.yAxis.plotBands[2].from =\r\n          //   response.data.alarmHighLimit;\r\n          // this.chartOptionsTemp.yAxis.plotBands[2].to =\r\n          //   response.data.alarmHighLimit + 15;\r\n        }\r\n      })\r\n      .catch((error) => {\r\n        console.log(error);\r\n      });\r\n  },\r\n\r\n  methods: {\r\n    search(data) {\r\n      axios\r\n        .post(\r\n          Values.serverIp + \"SensorValue/GetSensorValuesFromDateTimeToDateTime\",\r\n          {\r\n            deviceId: this.$route.params.serialNumber,\r\n            sensorType: this.$route.params.sensorType,\r\n            sensorIndex: this.$route.params.sensorIndex,\r\n            fromDate: data,\r\n            toDate: data,\r\n            fromTime: \"\",\r\n            toTime: \"\",\r\n          }\r\n        )\r\n        .then((response) => {\r\n          if (response.status == 200) {\r\n            console.log(response.data);\r\n\r\n            this.chartOptionsTemp.series = [];\r\n\r\n            let values = response.data.data.map(function (v) {\r\n              return v.y;\r\n            });\r\n            var min = Math.min.apply(null, values) - 10;\r\n            var max = Math.max.apply(null, values) + 10;\r\n\r\n            this.chartOptionsTemp.series.push({\r\n              data: response.data.data,\r\n              name: response.data.label,\r\n            });\r\n\r\n            this.chartOptionsTemp.title.text = \" سنسور \" + response.data.label;\r\n            this.chartOptionsTemp.yAxis.plotLines[0].value =\r\n              response.data.alarmMax == null\r\n                ? response.data.data[0].y\r\n                : response.data.alarmMax;\r\n            this.chartOptionsTemp.yAxis.plotLines[1].value =\r\n              response.data.alarmMin == null\r\n                ? response.data.data[0].y + 15\r\n                : response.data.alarmMin;\r\n            this.chartOptionsTemp.yAxis.max = max; //response.data.alarmMax ==null ? response.data.data[0].y+15 :response.data.alarmMax+ 15;\r\n            this.chartOptionsTemp.yAxis.min = min; //response.data.alarmMin ==null ? response.data.data[0].y-15 :response.data.alarmMin- 15;\r\n\r\n            this.chartOptionsTemp.yAxis.plotBands[0].from = min;\r\n            // response.data.alarmMin == null\r\n            //   ? response.data.data[0].y - 15\r\n            //   : response.data.alarmMin - 15;\r\n            this.chartOptionsTemp.yAxis.plotBands[0].to =\r\n              response.data.alarmMin == null\r\n                ? response.data.data[0].y - 15\r\n                : response.data.alarmMin;\r\n\r\n            this.chartOptionsTemp.yAxis.plotBands[1].from =\r\n              response.data.alarmMin == null\r\n                ? response.data.data[0].y - 15\r\n                : response.data.alarmMin;\r\n            this.chartOptionsTemp.yAxis.plotBands[1].to =\r\n              response.data.alarmMax == null\r\n                ? response.data.data[0].y + 15\r\n                : response.data.alarmMax;\r\n\r\n            this.chartOptionsTemp.yAxis.plotBands[2].from =\r\n              response.data.alarmMax == null\r\n                ? response.data.data[0].y + 15\r\n                : response.data.alarmMax;\r\n            this.chartOptionsTemp.yAxis.plotBands[2].to = max;\r\n            // this.chartData = response.data;\r\n\r\n            // this.chartOptions.xAxis.categories = response.data.labels;\r\n            // this.chartOptions.series[0].data = response.data.data;\r\n            // this.chartOptions.series[0].name = response.data.label;\r\n            // this.chartOptions.title.text = \" سنسور\" + response.data.label;\r\n\r\n            //this.chartJs();\r\n          }\r\n        })\r\n        .catch((error) => {\r\n          console.log(error);\r\n        });\r\n    },\r\n  },\r\n};\r\n</script>\r\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/cli-service/node_modules/vue-loader/lib/index.js??vue-loader-options!./onlineChart.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/cli-service/node_modules/vue-loader/lib/index.js??vue-loader-options!./onlineChart.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./onlineChart.vue?vue&type=template&id=2e22007d&\"\nimport script from \"./onlineChart.vue?vue&type=script&lang=js&\"\nexport * from \"./onlineChart.vue?vue&type=script&lang=js&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../node_modules/@vue/cli-service/node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  null,\n  null\n  \n)\n\nexport default component.exports","import { cibFlask } from \"@coreui/icons\";\r\n\r\nexport const Values = {\r\n    //serverIp: 'http://192.168.110.110:1010/',\r\n    //serverIp: 'http://80.191.223.240:1010/',\r\n    //serverIp: 'http://192.168.71.189:1021/',\r\n    //serverIp: 'http://192.168.71.189:1022/',\r\n    //serverIp: 'http://192.168.71.186:1021/',\r\n    //serverIp: 'http://80.191.223.245:1021/',\r\n    //serverIp: 'http://192.168.0.11:1021/',\r\n    //serverIp: 'http://192.168.110.110:1011/',\r\n    //serverIp: 'http://194.5.188.164:1021/',\r\n    //serverIp: 'http://130.185.73.237:1021/',\r\n    //serverIp: 'http://172.20.20.246:1010/',\r\n    //serverIp: 'http://'+window.location.hostname+':1011/',    //back acecr\r\n    //reportLinkIp:'http://'+window.location.hostname+':1050',  //ui port acecr\r\n    //serverIp2: 'http://172.20.20.246:1010//',\r\n\r\n    mapServerIp:'http://172.20.20.246:7000/styles/klokantech-basic/{z}/{x}/{y}.png',\r\n    serverIp: 'http://'+window.location.hostname+':1021/',     //back\r\n    reportLinkIp:'http://'+window.location.hostname+':1020',  //ui port\r\n\r\n    companyName:\"گروه فنی و مهندسی رادین آروند آریو\",\r\n    //companyName:\"شهرداری زنجان\",\r\n    //companyName:\"مرکز خدمات تخصصی ICT جهاد دانشگاهی واحد زنجان\",\r\n    //reportLinkIp:'http://'+window.location.hostname+':1030',  //ui port jahad\r\n    \r\n    tileProviders: [\r\n        {\r\n          name: \"OpenStreetMap\",\r\n          visible: true,\r\n          // attribution:\r\n          //   '&copy; <a target=\"_blank\" href=\"http://osm.org/copyright\">OpenStreetMap</a> contributors',\r\n          url: \"https://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png\",\r\n          // url: \"http://192.168.71.189:1010/map/iran/{z}/{x}/{y}.png\",\r\n        },\r\n        {\r\n          name: \"OfflineMap\",\r\n          visible: false,\r\n          url: \"http://192.168.0.82:1021/map/iran/{z}/{x}/{y}.png\",\r\n          //url: 'http://172.20.20.246:7000/styles/klokantech-basic/{z}/{x}/{y}.png',\r\n          // attribution:\r\n          //   'Map data: &copy; <a href=\"http://www.openstreetmap.org/copyright\">OpenStreetMap</a>, <a href=\"http://viewfinderpanoramas.org\">SRTM</a> | Map style: &copy; <a href=\"https://opentopomap.org\">OpenTopoMap</a> (<a href=\"https://creativecommons.org/licenses/by-sa/3.0/\">CC-BY-SA</a>)',\r\n        },\r\n        {\r\n          name: \"OpenTopoMap\",\r\n          visible: false,\r\n          url: \"https://{s}.tile.opentopomap.org/{z}/{x}/{y}.png\",\r\n          // attribution:\r\n          //   'Map data: &copy; <a href=\"http://www.openstreetmap.org/copyright\">OpenStreetMap</a>, <a href=\"http://viewfinderpanoramas.org\">SRTM</a> | Map style: &copy; <a href=\"https://opentopomap.org\">OpenTopoMap</a> (<a href=\"https://creativecommons.org/licenses/by-sa/3.0/\">CC-BY-SA</a>)',\r\n        },\r\n        {\r\n          name: \"GoogleRoadmap\",\r\n          visible: false,\r\n          url: \"http://mt0.google.com/vt/lyrs=s&hl=en&x={x}&y={y}&z={z}\",\r\n          // attribution:\r\n          //   'Map data: &copy; <a href=\"http://www.openstreetmap.org/copyright\">OpenStreetMap</a>, <a href=\"http://viewfinderpanoramas.org\">SRTM</a> | Map style: &copy; <a href=\"https://opentopomap.org\">OpenTopoMap</a> (<a href=\"https://creativecommons.org/licenses/by-sa/3.0/\">CC-BY-SA</a>)',\r\n        },\r\n        {\r\n          name: \"GoogleTerrain\",\r\n          visible: false,\r\n          url: \"http://mt0.google.com/vt/lyrs=p&hl=en&x={x}&y={y}&z={z}\",\r\n          // attribution:\r\n          //   'Map data: &copy; <a href=\"http://www.openstreetmap.org/copyright\">OpenStreetMap</a>, <a href=\"http://viewfinderpanoramas.org\">SRTM</a> | Map style: &copy; <a href=\"https://opentopomap.org\">OpenTopoMap</a> (<a href=\"https://creativecommons.org/licenses/by-sa/3.0/\">CC-BY-SA</a>)',\r\n        },\r\n        {\r\n          name: \"GoogleAlteredRoadmap\",\r\n          visible: false,\r\n          url: \"http://mt0.google.com/vt/lyrs=r&hl=en&x={x}&y={y}&z={z}\",\r\n          // attribution:\r\n          //   'Map data: &copy; <a href=\"http://www.openstreetmap.org/copyright\">OpenStreetMap</a>, <a href=\"http://viewfinderpanoramas.org\">SRTM</a> | Map style: &copy; <a href=\"https://opentopomap.org\">OpenTopoMap</a> (<a href=\"https://creativecommons.org/licenses/by-sa/3.0/\">CC-BY-SA</a>)',\r\n        },\r\n        {\r\n          name: \"GoogleSatellite\",\r\n          visible: false,\r\n          url: \"http://mt0.google.com/vt/lyrs=s&hl=en&x={x}&y={y}&z={z}\",\r\n          // attribution:\r\n          //   'Map data: &copy; <a href=\"http://www.openstreetmap.org/copyright\">OpenStreetMap</a>, <a href=\"http://viewfinderpanoramas.org\">SRTM</a> | Map style: &copy; <a href=\"https://opentopomap.org\">OpenTopoMap</a> (<a href=\"https://creativecommons.org/licenses/by-sa/3.0/\">CC-BY-SA</a>)',\r\n        },\r\n      ],\r\n\r\n     \r\n};\r\n\r\n"],"sourceRoot":""}