{"version":3,"sources":["webpack:///./src/views/HogChartHigh.vue?c854","webpack:///./src/views/HogChartHigh.vue?e315","webpack:///src/views/HogChartHigh.vue","webpack:///./src/views/HogChartHigh.vue?bf64","webpack:///./src/views/HogChartHigh.vue"],"names":["render","_vm","this","_h","$createElement","_c","_self","staticClass","ref","attrs","chartOptions","staticRenderFns","name","components","highcharts","train_no","errors","dist","chart_data","wasClicked","prevDist","prevTime","msgAnnotations","chart","events","showLoading","height","type","zoomType","panning","panKey","title","text","time","timezone","xAxis","labels","formatter","utc","value","format","defs","marker0","tagName","id","children","d","markerWidth","markerHeight","refX","refY","marker1","r","cx","cy","fill","stroke","yAxis","min","annotations","shapes","points","x","y","markerStart","markerEnd","series","data","zones","color","window","moment","fillData","computed","updateCurTrainNo","updateCurDeviceId","methods","p","train_date","curTrainDate","curTrainNo","device_id","curDeviceId","org","curOrg","dep","curDep","dest","curDest","arr","curArr","add","pos_start_id","curPosStartId","pos_dest_id","curPosDestId","that","a","defaults","headers","common","localStorage","getItem","get","params","then","response","console","log","speed_data","time_data","series_data","dist_data","ignition_data","H1ON","H2ON","H1FLTY","H2FLTY","HLC1V","HLC2V","maxSpeed","start_pt","k","forEach","o","index","speed","deviceid","round","push","fixtime","Date","getTime","longitude","latitude","cur_pt","units","rj","JSON","parse","ignition","result","replaceAll","e","minBy","maxBy","ctr","length","curPositions","plot_bands","i","makeColor","from","start_pos","to","end_pos","label","late_in","stn_code","align","late_out","subtitle","curDeviceName","categories","plotBands","crosshair","tooltip","concat","map","point","shared","crosshairs","showEmpty","max","style","opposite","top","allowPointSelect","dashStyle","visible","$refs","hideLoading","catch","target","addPlotLine","width","event","curPt","find","curDist","curTime","distTravelled","timeTaken","mps","prompt","chartData","filter","tTime","mpsDist","pTime","pSpeed","pmpsDist","cTime","cmpsDist","cSpeed","timeMps","loss_gain","msg","addAnnotation","removePlotLine","annotation","destroy","draggableX","prevPt","precision","multiplier","Math","pow","t","lt","testDateUtc","localDate","local","floor","random","colorNum","colors","component"],"mappings":"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","file":"js/chunk-592ddf7e.d049de09.js","sourcesContent":["import mod from \"-!../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--6-oneOf-1-0!../../node_modules/css-loader/index.js??ref--6-oneOf-1-1!../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../node_modules/postcss-loader/src/index.js??ref--6-oneOf-1-2!../../node_modules/vuetify-loader/lib/loader.js??ref--18-0!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./HogChartHigh.vue?vue&type=style&index=0&lang=css&\"; export default mod; export * from \"-!../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--6-oneOf-1-0!../../node_modules/css-loader/index.js??ref--6-oneOf-1-1!../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../node_modules/postcss-loader/src/index.js??ref--6-oneOf-1-2!../../node_modules/vuetify-loader/lib/loader.js??ref--18-0!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./HogChartHigh.vue?vue&type=style&index=0&lang=css&\"","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"chartdiv\"},[_c('highcharts',{ref:\"chart\",attrs:{\"options\":_vm.chartOptions}})],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n  <div class=\"chartdiv\">\r\n    <highcharts :options=\"chartOptions\" ref=\"chart\"></highcharts>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\nimport { Chart } from \"highcharts-vue\";\r\nimport Exporting from \"highcharts/modules/exporting\";\r\nimport Annotation from \"highcharts/modules/annotations.js\";\r\nimport Highcharts from \"highcharts\";\r\nAnnotation(Highcharts);\r\nExporting(Highcharts);\r\nimport axios from \"axios\";\r\nimport moment from \"moment\";\r\nimport _ from \"lodash\";\r\nimport { mapState, mapGetter, mapActions } from \"vuex\";\r\nimport MomentTimeZone from \"moment-timezone\";\r\nimport * as turf from \"@turf/turf\";\r\n\r\nexport default {\r\n  name: \"HogChartHigh\",\r\n  components: {\r\n    highcharts: Chart,\r\n  },\r\n  data() {\r\n    return {\r\n      train_no: null,\r\n      errors: [],\r\n      dist: [],\r\n      chart_data: [],\r\n      wasClicked: false,\r\n      prevDist: 0,\r\n      prevTime: 0,\r\n      msgAnnotations: {},\r\n      chartOptions: {\r\n        chart: {\r\n          events: {\r\n            load() {\r\n              this.showLoading();\r\n            },\r\n            // selection: (event) => {\r\n            //   console.log(event.target.series[0].data)\r\n            //   if (event.xAxis) {\r\n            //     var p = {\r\n            //       from: moment(event.xAxis[0].min).format(\"YYYY-MM-DD HH:mm:ss\"),\r\n            //       to: moment(event.xAxis[0].max).format(\"YYYY-MM-DD HH:mm:ss\"),\r\n            //       device_id: this.curDeviceId\r\n            //     }\r\n            //     console.log(p)\r\n            //     window.alert(p)\r\n            //     axios.defaults.headers.common['Authorization'] = localStorage.getItem('jwtToken')\r\n            //     axios.get(`${process.env.VUE_APP_API_URL}/timetable/tc/pos_dist`, {\r\n            //         params: p\r\n            //       })\r\n            //       .then(response => {\r\n            //         var start\r\n            //         console.log(response.data)\r\n            //       })\r\n            //       .catch(e => {\r\n            //         console.log(e)\r\n            //       })\r\n            //   }\r\n            // }\r\n          },\r\n          height: \"48%\",\r\n          type: \"line\",\r\n          zoomType: \"x\",\r\n          panning: true,\r\n          panKey: \"shift\",\r\n        },\r\n        title: {\r\n          text: \"HOG Chart(drag select to zoom, press shit key to pan)\",\r\n        },\r\n\r\n        time: {\r\n          timezone: \"Asia/Kolkata\",\r\n        },\r\n        xAxis: {\r\n          type: \"datetime\",\r\n          labels: {\r\n            formatter: function() {\r\n              // var lt = moment(this.value).format(\"YYYY-MM-DD HH:mm:ss\")\r\n              // var testDateUtc = moment.utc(lt);\r\n              // var localDate = moment(testDateUtc).local();\r\n              return moment.utc(this.value).format(\"HH:mm:ss\");\r\n            },\r\n          },\r\n          title: {\r\n            text: \"Time\",\r\n          },\r\n        },\r\n        defs: {\r\n          marker0: {\r\n            tagName: \"marker\",\r\n            render: false, // if false it does not render the element to the dom\r\n            id: \"custom-shape\",\r\n            children: [\r\n              {\r\n                tagName: \"path\",\r\n                d:\r\n                  \"M 10,0 C 0,0 0,10 10,10 C 12.5,7.5 12.5,7.5 20,5 C 12.5,2.5 12.5,2.5 10,0 Z\",\r\n              },\r\n            ],\r\n            markerWidth: 40,\r\n            markerHeight: 40,\r\n            refX: 20,\r\n            refY: 5,\r\n          },\r\n          marker1: {\r\n            children: [\r\n              {\r\n                tagName: \"circle\",\r\n                r: 9,\r\n                cx: 11,\r\n                cy: 11,\r\n                fill: \"rgba(224, 101, 0, 0.6\",\r\n              },\r\n              {\r\n                tagName: \"circle\",\r\n                r: 10,\r\n                cx: 11,\r\n                cy: 11,\r\n                fill: \"none\",\r\n                \"stroke-width\": 2,\r\n                stroke: \"black\",\r\n              },\r\n            ],\r\n            tagName: \"marker\",\r\n            id: \"circle\",\r\n            markerWidth: 25,\r\n            markerHeight: 25,\r\n            refX: 10,\r\n            refY: 10,\r\n          },\r\n        },\r\n\r\n        // tooltip: {\r\n        //   formatter: function() {\r\n        //     // var lt = moment(this.x).format(\"YYYY-MM-DD HH:mm:ss\")\r\n        //     // var testDateUtc = moment.utc(lt);\r\n        //     // var localDate = moment(testDateUtc).local();\r\n        //     // console.log(this)\r\n        //     if (this.series.userOptions.name == 'speed') {\r\n        //       return 'Speed ' + this.y + ' KMPH, Time ' + moment.utc(this.x).format(\"HH:mm:ss\")\r\n        //     } else {\r\n        //       return 'Distance ' + this.y + ' KM, Time ' + moment.utc(this.x).format(\"HH:mm:ss\")\r\n        //     }\r\n        //   }\r\n        //   },\r\n        yAxis: {\r\n          title: {\r\n            text: \"Speed(KMPH)\",\r\n          },\r\n          min: 0,\r\n        },\r\n        annotations: [\r\n          {\r\n            shapes: [\r\n              {\r\n                points: [{ x: 100, y: 100 }, { x: 200, y: 100 }, \"1\"],\r\n                type: \"path\",\r\n                fill: \"none\",\r\n                stroke: \"red\",\r\n                markerStart: \"circle\",\r\n                markerEnd: \"custom-shape\",\r\n              },\r\n            ],\r\n          },\r\n        ],\r\n        series: [\r\n          {\r\n            name: \"Speed\",\r\n            data: [], // sample data\r\n            zones: [\r\n              {\r\n                value: 2,\r\n                color: \"#FF0000\",\r\n              },\r\n              {\r\n                value: 15,\r\n                color: \"#FF7F00\",\r\n              },\r\n              {\r\n                value: 40,\r\n                color: \"#FFD700\",\r\n              },\r\n              {\r\n                value: 60,\r\n                color: \"#9ACD32\",\r\n              },\r\n              {\r\n                value: 80,\r\n                color: \"#00FF00\",\r\n              },\r\n              {\r\n                value: 90,\r\n                color: \"#008080\",\r\n              },\r\n              {\r\n                value: 105,\r\n                color: \"#FF00FF\",\r\n              },\r\n              {\r\n                value: 125,\r\n                color: \"#8A2BE2\",\r\n              },\r\n              {\r\n                color: \"#00BFFF\",\r\n              },\r\n              {\r\n                color: \"#00BFFF\",\r\n              },\r\n            ],\r\n          },\r\n        ],\r\n      },\r\n    };\r\n  },\r\n\r\n  mounted() {\r\n    window.moment = moment;\r\n    MomentTimeZone();\r\n    this.fillData();\r\n  },\r\n  computed: {\r\n    ...mapState([\r\n      \"curDeviceId\",\r\n      \"curDeviceName\",\r\n      \"curTrainNo\",\r\n      \"curTrainDate\",\r\n      \"curOrg\",\r\n      \"curArr\",\r\n      \"curDest\",\r\n      \"curDep\",\r\n      \"actDep\",\r\n      \"actArr\",\r\n      \"curPosStartId\",\r\n      \"curPosDestId\",\r\n      \"curPositions\",\r\n    ]),\r\n  },\r\n  beforeDestroy() {\r\n    this.updateCurTrainNo(null);\r\n    this.updateCurDeviceId(null);\r\n  },\r\n  methods: {\r\n    ...mapActions([\r\n      \"updateCurDeviceId\",\r\n      \"updateCurDeviceName\",\r\n      \"updateCurTrainNo\",\r\n      \"updateCurTrainDate\",\r\n      \"updateCurOrg\",\r\n      \"updateCurArr\",\r\n      \"updateCurDest\",\r\n      \"updateCurDep\",\r\n      \"updateActDep\",\r\n      \"updateActArr\",\r\n    ]),\r\n    fillData() {\r\n      var p = {\r\n        train_date: moment(this.curTrainDate).format(\"YYYY-MM-DD\"),\r\n        train_no: this.curTrainNo,\r\n        device_id: this.curDeviceId,\r\n        org: this.curOrg,\r\n        dep: moment(this.curDep).format(),\r\n        dest: this.curDest,\r\n        arr: moment(this.curArr)\r\n          .add(30, \"m\")\r\n          .format(),\r\n        pos_start_id: this.curPosStartId,\r\n        pos_dest_id: this.curPosDestId,\r\n      };\r\n      //    console.log(p)\r\n      this.train_no = this.curTrainNo;\r\n      var that = this;\r\n      axios.defaults.headers.common[\"Authorization\"] = localStorage.getItem(\r\n        \"jwtToken\"\r\n      );\r\n      axios\r\n        .get(`${process.env.VUE_APP_API_URL}/timetable/tc/positions`, {\r\n          params: p,\r\n        })\r\n        .then((response) => {\r\n          console.log(response.data);\r\n          var speed_data = [];\r\n          var time_data = [];\r\n          var series_data = [];\r\n          var dist_data = [];\r\n          var ignition_data = [];\r\n          /*\r\n| 2023-06-12 15:03:46 | {\"type\":14,\"result\":\"H1ON:0.00,H2ON:0.00,Vl3A:0.00,H1FLTY:0.00,H2FLTY:0.00,HLC1V:0.00,HLC2V:272.32,\r\nkWhImA:197121.17,kWhExA:2730.46,FuelA:0.000\",\"distance\":0.0,\"totalDistance\":2.4364084212E8,\"motion\":true}  |\r\n*/\r\n\r\n          /*\r\n{\"type\":6,\"result\":\"H1ON:1,H2ON:1,H1FLTY:0,H2FLTY:0,HLC1V:61,HLC2V:56\",\"distance\":0.0,\"totalDistance\":5.200499275E8,\"motion\":false,\"hours\":87159930}\r\n*/\r\n          var H1ON = [];\r\n          // var H1ON_u = []\r\n          var H2ON = [];\r\n\r\n          var H1FLTY = [];\r\n          var H2FLTY = [];\r\n\r\n          var HLC1V = [];\r\n          var HLC2V = [];\r\n\r\n          var dist = 0;\r\n          // var dist_0 = JSON.parse(response.data[0][\"attributes\"])[\r\n          //   \"totalDistance\"\r\n          // ];\r\n          var maxSpeed = 0;\r\n          var start_pt = turf.point([\r\n            response.data[0][\"longitude\"],\r\n            response.data[0][\"latitude\"],\r\n          ]);\r\n          // for (i = 0; i < response.data.length; i++) {\r\n          var k = 0;\r\n          _.forEach(response.data, function(o,index) {\r\n            var speed = o.speed;\r\n            switch (o.deviceid) {\r\n              case 3:\r\n              case 10:\r\n              case 11:\r\n              case 13:\r\n                break;\r\n              default:\r\n                speed = that.round(speed * 1.852, 2);\r\n            }\r\n            if (speed > maxSpeed) {\r\n              maxSpeed = speed;\r\n            }\r\n            speed_data.push(speed);\r\n            time_data.push(o.fixtime);\r\n            series_data.push([new Date(o.fixtime).getTime(), speed]);\r\n            // dist = JSON.parse(o['attributes'])['totalDistance'] - dist_0\r\n            // dist = dist / 1000\r\n            if (k > 0) {\r\n              start_pt = turf.point([\r\n                response.data[k - 1].longitude,\r\n                response.data[k - 1].latitude,\r\n              ]);\r\n            }\r\n\r\n            var cur_pt = turf.point([\r\n              response.data[k].longitude,\r\n              response.data[k].latitude,\r\n            ]);\r\n            dist =\r\n              dist + turf.distance(start_pt, cur_pt, { units: \"kilometers\" });\r\n            // console.log(dist)\r\n            dist_data.push([\r\n              new Date(o.fixtime).getTime(),\r\n              that.round(dist, 3),\r\n            ]);\r\n            that.dist.push({\r\n              time: new Date(o.fixtime).getTime(),\r\n              dist: that.round(dist, 3),\r\n            });\r\n            that.chart_data.push({\r\n              time: new Date(o.fixtime).getTime(),\r\n              dist: that.round(dist, 3),\r\n              speed: speed,\r\n            });\r\n            /* Format for powercar data send thorugh traccker\r\n\"{\\\"V12\\\":431.47,\\\"V22\\\":431.55,\\\"V32\\\":431.94,\\\"I12\\\":1,\\\"FuelB\\\": 50.00,\\\"WhIm2\\\":0.02,\\\"WhEx2\\\":2444364.00}\"\r\n{\"H1ON\":0.00,\"H2ON\":0.00,\"Vl3A\":0.00,H1FLTY:0.00,H2FLTY:0.00,HLC1V:0.00,HLC2V:0.00,FuelA:0.00,kWhImA:0.00,kWhExA:0.00}\r\n*/\r\n            // Parameters- {A:[V1,V2,V3,I1,I2,I3,Power,Frequency,Unit Import,Unit Export,Fuel Flow],B:[V1,V2,V3,I1,I2,I3,Power,Frequency,Unit Import,Unit Export,Fuel Flow]}\r\n            // Units- {A:[V,V,V,A,A,A,kW,Hz,kWh,kWh,L],B:[V,V,V,A,A,A,kW,Hz,kWh,kWh,L]}\r\n            var rj = JSON.parse(o[\"attributes\"]);\r\n\r\n            ignition_data.push([\r\n              new Date(o.fixtime).getTime(),\r\n              rj.ignition ? 1 : 0,\r\n              // rj.ignition === \"false\" ? 1 : 0, // FOR TESTING\r\n            ]);\r\n\r\n            var r = rj.result;\r\n            // console.log(r);\r\n            if (r) {\r\n              r = r.replaceAll(\":\", '\":');\r\n              r = r.replaceAll(\",\", ',\"');\r\n              r = `{\"${r}}`;\r\n              // console.log(\"formatted string\", r);\r\n\r\n              try { \r\n                r = JSON.parse(r);\r\n                // console.log(\"assert\",index, response.data[index][\"fixtime\"] , response.data[index-1][\"fixtime\"], (response.data[index][\"fixtime\"] == response.data[index-1][\"fixtime\"]));\r\n\r\n                \r\n                // if (index > 0 && (response.data[index][\"fixtime\"] !== response.data[index-1][\"fixtime\"])) {\r\n                  H1ON.push([new Date(o.fixtime).getTime(), r.H1ON]);\r\n                  H2ON.push([new Date(o.fixtime).getTime(), r.H2ON]);\r\n\r\n                  H1FLTY.push([new Date(o.fixtime).getTime(), r.H1FLTY]);\r\n                  H2FLTY.push([new Date(o.fixtime).getTime(), r.H2FLTY]);\r\n\r\n                  HLC1V.push([new Date(o.fixtime).getTime(), r.HLC1V]);\r\n                  HLC2V.push([new Date(o.fixtime).getTime(), r.HLC2V]);\r\n                // }\r\n              } catch (e) {\r\n                console.log(e);\r\n              }\r\n            }\r\n            k++;\r\n          });\r\n          \r\n          // for (i = 0; i < H1ON.length-1; i++) {\r\n          //   if (H1ON[i][0] != H1ON[i+1][0]) {\r\n          //     H1ON_u.push(H1ON[i])\r\n          //   }\r\n          // }\r\n          console.log(\"HOG data\", H1ON, H2ON, H1FLTY, H2FLTY, HLC1V, HLC2V);\r\n\r\n          var HLC1Vmin = _.minBy(HLC1V, function(o) {\r\n            return o[1];\r\n          });\r\n          var HLC1Vmax = _.maxBy(HLC1V, function(o) {\r\n            return o[1];\r\n          });\r\n\r\n          var HLC2Vmin = _.minBy(HLC2V, function(o) {\r\n            return o[1];\r\n          });\r\n          var HLC2Vmax = _.maxBy(HLC2V, function(o) {\r\n            return o[1];\r\n          });\r\n\r\n          // console.log(dist_data)\r\n          // this.dist = dist_data\r\n          // console.log(this.dist)\r\n          console.log(\"ignition_data\", ignition_data);\r\n\r\n          // console.log(time_data,new Date(time_data[10]).getTime(),new Date(time_data[100]).getTime())\r\n\r\n          axios.defaults.headers.common[\"Authorization\"] = localStorage.getItem(\r\n            \"jwtToken\"\r\n          );\r\n          axios\r\n            .get(`${process.env.VUE_APP_API_URL}/timetable/tc/punct`, {\r\n              params: p,\r\n            })\r\n            .then((response) => {\r\n              // console.log(response)\r\n              var ctr = response.data;\r\n              if (ctr.length == 0 && this.curPositions.length > 0) {\r\n                ctr = this.curPositions;\r\n              }\r\n              var plot_bands = [];\r\n              var i = 1;\r\n              _.forEach(ctr, function(o) {\r\n                plot_bands.push({\r\n                  color: that.makeColor(i++, response.data.length), // Color value\r\n                  from: new Date(time_data[o.start_pos]).getTime(), // Start of the plot band\r\n                  to: new Date(time_data[o.end_pos]).getTime(), // End of the plot band\r\n                  label:\r\n                    o.late_in == null\r\n                      ? {\r\n                          text: o.stn_code, // Content of the label.\r\n                          align: \"center\", // Positioning of the label.\r\n                        }\r\n                      : {\r\n                          text:\r\n                            o.stn_code +\r\n                            \"<br>\" +\r\n                            '<span style=\"font-size: 80%;\">' +\r\n                            o.late_in +\r\n                            \"</span>\" +\r\n                            \"<br>\" +\r\n                            '<span style=\"font-size: 80%;\">' +\r\n                            o.late_out +\r\n                            \"</span>\", // Content of the label.\r\n                          align: \"center\", // Positioning of the label.\r\n                        },\r\n                });\r\n              });\r\n              // console.log(response.data)\r\n              this.chartOptions = {\r\n                subtitle: {\r\n                  text: `Date: ${moment(this.curTrainDate).format(\r\n                    \"DD/MM/YYYY\"\r\n                  )}, Train No: ${this.train_no} , Rake: ${this.curDeviceName}`,\r\n                },\r\n                xAxis: {\r\n                  categories: time_data,\r\n                  plotBands: plot_bands,\r\n                  crosshair: true,\r\n                },\r\n\r\n                tooltip: {\r\n                  formatter: function() {\r\n                    // The first returned item is the header, subsequent items are the\r\n                    // points\r\n                    return [\r\n                      \"<b>\" +\r\n                        moment.utc(this.x).format(\"HH:mm:ss\") +\r\n                        \" \" +\r\n                        \"</b>\",\r\n                    ].concat(\r\n                      this.points\r\n                        ? this.points.map(function(point) {\r\n                            return point.series.name + \": \" + point.y + \" \";\r\n                          })\r\n                        : []\r\n                    );\r\n                  },\r\n                  shared: true,\r\n                  crosshairs: true,\r\n                },\r\n                yAxis: [\r\n                  {\r\n                    // 0\r\n                    height: \"40%\",\r\n                    showEmpty: false,\r\n                    title: {\r\n                      text: \"Speed(KMPH)\",\r\n                    },\r\n                    min: 0,\r\n                    max: maxSpeed,\r\n                  },\r\n                  {\r\n                    // 1\r\n                    height: \"40%\",\r\n                    showEmpty: false,\r\n                    title: {\r\n                      text: \"Distance(KM)\",\r\n                      style: {\r\n                        color: \"#FF0000\",\r\n                      },\r\n                    },\r\n                    min: 0,\r\n                    max: dist,\r\n\r\n                    labels: {\r\n                      format: \"{value}\",\r\n                      style: {\r\n                        color: \"#FF0000\",\r\n                      },\r\n                    },\r\n                    opposite: true,\r\n                  },\r\n                  {\r\n                    // 2\r\n                    height: \"40%\",\r\n                    showEmpty: false,\r\n                    title: {\r\n                      text: \"Ignition\",\r\n                      style: {\r\n                        color: \"#FF4B91\",\r\n                      },\r\n                    },\r\n                    min: 0,\r\n                    max: 1,\r\n\r\n                    labels: {\r\n                      format: \"{value}\",\r\n                      style: {\r\n                        color: \"#FF4B91\",\r\n                      },\r\n                    },\r\n                    opposite: true,\r\n                  },\r\n\r\n                  {\r\n                    // 3\r\n                    height: \"20%\",\r\n                    top: \"50%\",\r\n                    showEmpty: false,\r\n                    title: {\r\n                      text: \"H1ON\",\r\n                      style: {\r\n                        color: \"#AA00FF\",\r\n                      },\r\n                    },\r\n                    min: 0,\r\n                    max: 1,\r\n\r\n                    labels: {\r\n                      format: \"{value}\",\r\n                      style: {\r\n                        color: \"#AA00FF\",\r\n                      },\r\n                    },\r\n                  },\r\n                  {\r\n                    // 4\r\n                    top: \"80%\",\r\n                    height: \"20%\",\r\n                    showEmpty: false,\r\n                    title: {\r\n                      text: \"H2ON\",\r\n                      height: \"10%\",\r\n                      style: {\r\n                        color: \"#FF7F00\",\r\n                      },\r\n                    },\r\n                    min: 0,\r\n                    max: 1,\r\n\r\n                    labels: {\r\n                      format: \"{value}\",\r\n                      style: {\r\n                        color: \"#FF7F00\",\r\n                      },\r\n                    },\r\n                  },\r\n                  {\r\n                    // 5\r\n                    height: \"20%\",\r\n                    top: \"50%\",\r\n                    showEmpty: false,\r\n                    title: {\r\n                      text: \"H1FLTY\",\r\n                      style: {\r\n                        color: \"#27005D\", //Power,Frequency,Unit Import,Unit Export,Fuel    Flow],B:[V1,V2,V3,I1,I2,I3,Power,Frequency,Unit Import,Unit Export,Fuel Flow\r\n                      },\r\n                    },\r\n                    min: 0,\r\n                    max: 1,\r\n\r\n                    labels: {\r\n                      format: \"{value}\",\r\n                      style: {\r\n                        color: \"#27005D\",\r\n                      },\r\n                    },\r\n                    opposite: true,\r\n                  },\r\n                  {\r\n                    // 6\r\n                    top: \"80%\",\r\n                    height: \"20%\",\r\n                    showEmpty: false,\r\n                    title: {\r\n                      text: \"H2FLTY\",\r\n                      style: {\r\n                        color: \"#FF004D\",\r\n                      },\r\n                    },\r\n                    min: 0,\r\n                    max: 1,\r\n\r\n                    labels: {\r\n                      format: \"{value}\",\r\n                      style: {\r\n                        color: \"#FF004D\",\r\n                      },\r\n                    },\r\n                    opposite: true,\r\n                  },\r\n                  {\r\n                    // 7\r\n                    height: \"20%\",\r\n                    top: \"50%\",\r\n                    showEmpty: false,\r\n                    title: {\r\n                      text: \"HLC1V\",\r\n                      style: {\r\n                        color: \"#0040FF\",\r\n                      },\r\n                    },\r\n                    // min: HLC1Vmin,\r\n                    // max: HLC1Vmax,\r\n                    min: 0,\r\n                    max: 1200,\r\n\r\n                    labels: {\r\n                      format: \"{value}\",\r\n                      style: {\r\n                        color: \"#0040FF\",\r\n                      },\r\n                    },\r\n                    opposite: true,\r\n                  },\r\n                  {\r\n                    // 8\r\n                    top: \"80%\",\r\n                    height: \"20%\",\r\n                    showEmpty: false,\r\n                    title: {\r\n                      text: \"HLC2V\",\r\n                      style: {\r\n                        color: \"#6AFF00\",\r\n                      },\r\n                    },\r\n                    // min: HLC2Vmin,\r\n                    // max: HLC2Vmax,\r\n                    min: 0,\r\n                    max: 1200,\r\n\r\n                    labels: {\r\n                      format: \"{value}\",\r\n                      style: {\r\n                        color: \"#6AFF00\",\r\n                      },\r\n                    },\r\n                    opposite: true,\r\n                  },\r\n                ],\r\n                annotations: [\r\n                  {\r\n                    shapes: [\r\n                      {\r\n                        points: [\r\n                          { x: 1566429328000, y: 50 },\r\n                          { x: 1566429328000, y: 0 },\r\n                          \"1\",\r\n                        ],\r\n                        type: \"path\",\r\n                        fill: \"none\",\r\n                        stroke: \"red\",\r\n                        markerStart: \"circle\",\r\n                        markerEnd: \"custom-shape\",\r\n                      },\r\n                    ],\r\n                  },\r\n                ],\r\n                series: [\r\n                  {\r\n                    name: \"speed\",\r\n                    data: series_data, // sample data\r\n                    yAxis: 0,\r\n                    allowPointSelect: true,\r\n                    point: {\r\n                      // events: {\r\n                      //   click: (event) => {\r\n                      //     this.pointClick(event);\r\n                      //   },\r\n                      //   // mouseOver: (event) => {\r\n                      //   //   console.log('mouseOver',event.target.x)\r\n                      //   // },\r\n                      //   // select: (event) => {\r\n                      //   //    this.onPointSelect(event)\r\n                      //   // },\r\n                      //   // unselect: (event) => {\r\n                      //   //   console.log('unselect',event.target.x)\r\n                      //   // },\r\n                      // },\r\n                    },\r\n                  },\r\n                  {\r\n                    name: \"distance\",\r\n                    data: dist_data,\r\n                    yAxis: 1,\r\n                    color: \"#FF0000\",\r\n                    dashStyle: \"shortdot\",\r\n                  },\r\n                  {\r\n                    name: \"Ignition\",\r\n                    data: ignition_data,\r\n                    visible: false,\r\n                    yAxis: 2,\r\n                    color: \"#FF4B91\",\r\n                    // dashStyle: \"longdot\",\r\n                  },\r\n                  {\r\n                    name: \"H1ON\",\r\n                    data: H1ON,\r\n                    yAxis: 3,\r\n                    color: \"#AA00FF\",\r\n                    // dashStyle: \"shortdot\",\r\n                  },\r\n                  {\r\n                    name: \"H2ON\",\r\n                    data: H2ON,\r\n                    yAxis: 4,\r\n                    color: \"#FF7F00\",\r\n                    // dashStyle: \"shortdot\",\r\n                  },\r\n                  {\r\n                    name: \"H1FLTY\",\r\n                    data: H1FLTY,\r\n                    yAxis: 5,\r\n                    color: \"#27005D\",\r\n                    // dashStyle: \"shortdot\",\r\n                  },\r\n                  {\r\n                    name: \"H2FLTY\",\r\n                    data: H2FLTY,\r\n                    yAxis: 6,\r\n                    color: \"#FF004D\",\r\n                    // dashStyle: \"shortdot\",\r\n                  },\r\n                  {\r\n                    name: \"HLC1V\",\r\n                    data: HLC1V,\r\n                    yAxis: 7,\r\n                    color: \"#0040FF\",\r\n                    // dashStyle: \"shortdot\",\r\n                  },\r\n                  {\r\n                    name: \"HLC2V\",\r\n                    data: HLC2V,\r\n                    yAxis: 8,\r\n                    color: \"#6AFF00\",\r\n                    // dashStyle: \"shortdot\",\r\n                  },\r\n                ],\r\n              };\r\n              //  this.csvurl = this.createCSV()\r\n            });\r\n          this.$refs.chart.chart.hideLoading();\r\n        })\r\n        .catch((e) => {\r\n          this.errors.push(e);\r\n        });\r\n    },\r\n\r\n    onPointSelect(e) {\r\n      console.log(\"select\", e);\r\n      // var chart = e.target.series.chart,\r\n      //     lineWidth = 2,\r\n      //     draggablePlotLine = chart.renderer.rect(e.target.x, chart.plotTop, lineWidth, chart.plotHeight)\r\n      //     .attr({\r\n      //       fill: 'blue'\r\n      //     })\r\n      //     .add()\r\n      //     chart.container.onmousemove = function(e) {\r\n      //     if (draggablePlotLine.drag) {\r\n      //       let normalizedEvent = chart.pointer.normalize(e),\r\n      //         extremes = {\r\n      //           left: chart.plotLeft,\r\n      //           right: chart.plotLeft + chart.plotWidth\r\n      //         };\r\n      //\r\n      //       // Move line\r\n      //       if (\r\n      //         e.target.x >= extremes.left &&\r\n      //         e.target.x <= extremes.right\r\n      //       ) {\r\n      //         draggablePlotLine.attr({\r\n      //           x: e.target.x\r\n      //         })\r\n      //       }\r\n      //     }\r\n      //   }\r\n      //\r\n      //   draggablePlotLine.element.onmousedown = function() {\r\n      //     draggablePlotLine.drag = true\r\n      //   }\r\n      //\r\n      //   draggablePlotLine.element.onmouseup = function() {\r\n      //     draggablePlotLine.drag = false\r\n      //   }\r\n\r\n      e.target.series.chart.xAxis[0].addPlotLine({\r\n        id: 1,\r\n        color: \"#FF0000\",\r\n        width: 2,\r\n        value: e.target.x,\r\n      });\r\n    },\r\n\r\n    pointClick(event) {\r\n      console.log(event);\r\n      if (this.wasClicked) {\r\n        event.point.series.chart.xAxis[0].addPlotLine({\r\n          id: 2,\r\n          color: \"#FF0000\",\r\n          width: 2,\r\n          value: event.point.x,\r\n        });\r\n\r\n        this.wasClicked = false;\r\n        var curPt = _.find(this.dist, { time: event.point.x });\r\n        var curDist = curPt.dist;\r\n        var curTime = curPt.time;\r\n        var distTravelled = curDist - this.prevDist;\r\n        var timeTaken = curTime - this.prevTime;\r\n\r\n        for (let i = 0; i < 1000; i++) {}\r\n        var mps = window.prompt(\"Please enter thresold Speed\", 80);\r\n        if (mps) {\r\n          // calulate total time travelled with mps\r\n          var chartData = _.filter(this.chart_data, (o) => {\r\n            return o.time >= this.prevTime && o.time <= curTime;\r\n          });\r\n          // console.log(chartData)\r\n          var tTime = 0;\r\n          var mpsDist = 0;\r\n          if (chartData.length > 0) {\r\n            var pTime = chartData[0].time;\r\n            var pSpeed = chartData[0].speed;\r\n            var pmpsDist = chartData[0].dist;\r\n\r\n            for (let i = 1; i < chartData.length; i++) {\r\n              var cTime = chartData[i].time;\r\n              var cmpsDist = chartData[i].dist;\r\n              var cSpeed = chartData[i].speed;\r\n              if (pSpeed >= mps && cSpeed) {\r\n                tTime = tTime + (cTime - pTime);\r\n                mpsDist = mpsDist + (cmpsDist - pmpsDist);\r\n              }\r\n              pTime = chartData[i].time;\r\n              pmpsDist = chartData[i].dist;\r\n              pSpeed = chartData[i].speed;\r\n            }\r\n          }\r\n          // var tTime = chartData.length * 3\r\n          var timeMps = (distTravelled / mps) * 3600000;\r\n          var loss_gain = this.round((timeMps - timeTaken) / 1000, 0);\r\n          //           const msg = `* Loss/Gain: ${loss_gain} sec.\r\n          // * run time above thresold ${this.round(tTime/1000,0)} sec.\r\n          // * run time below thresold ${this.round((timeTaken -tTime)/1000,0)} sec.\r\n          // * run time: ${this.round(timeTaken/1000,0)} sec.\r\n          //\r\n          // * run distance above thresold ${this.round(mpsDist,3)} Km.\r\n          // * run distance below thresold ${this.round((distTravelled - mpsDist),3)} Km.\r\n          // * run distance: ${this.round(distTravelled,3)} Km.\r\n          // `\r\n\r\n          const msg =\r\n            \"* Loss/Gain:\" +\r\n            loss_gain +\r\n            \" sec. <br/>\" +\r\n            \"* run time above thresold \" +\r\n            this.round(tTime / 1000, 0) +\r\n            \" sec. <br/>\" +\r\n            \"* run time below thresold \" +\r\n            this.round((timeTaken - tTime) / 1000, 0) +\r\n            \" sec. <br/>\" +\r\n            \"* run time: \" +\r\n            this.round(timeTaken / 1000, 0) +\r\n            \" sec. <br/><br/>\" +\r\n            \"* run distance above thresold \" +\r\n            this.round(mpsDist, 3) +\r\n            \" Km. <br/>\" +\r\n            \"* run distance below thresold \" +\r\n            this.round(distTravelled - mpsDist, 3) +\r\n            \" Km. <br/>\" +\r\n            \"* run distance: \" +\r\n            this.round(distTravelled, 3) +\r\n            \" Km.\";\r\n\r\n          this.msgAnnotations = {\r\n            labels: [\r\n              {\r\n                point: {\r\n                  x: event.point.x,\r\n                  y: event.point.y,\r\n                  yAxis: 0,\r\n                  xAxis: 0,\r\n                },\r\n                text: msg,\r\n              },\r\n            ],\r\n          };\r\n          event.point.series.chart.addAnnotation(this.msgAnnotations);\r\n          // alert(msg)\r\n        }\r\n      } else {\r\n        event.point.series.chart.xAxis[0].removePlotLine(1);\r\n        event.point.series.chart.xAxis[0].removePlotLine(2);\r\n        // event.point.series.chart.removeAnnotation(this.msgAnnotations)\r\n        event.point.series.chart.annotations.forEach((annotation) =>\r\n          annotation.destroy()\r\n        );\r\n        event.point.series.chart.annotations.length = 0;\r\n        event.point.series.chart.xAxis[0].addPlotLine({\r\n          id: 1,\r\n          color: \"#FF0000\",\r\n          width: 2,\r\n          value: event.point.x,\r\n          draggableX: true,\r\n        });\r\n        // var newAnnotations = {\r\n        //      shapes: [{\r\n        //          points: [{ x: event.point.x, y: event.point.y }, { x: event.point.x + 200, y: event.point.y + 100 }, '1'],\r\n        //          type: 'path',\r\n        //          fill: 'none',\r\n        //          stroke: 'red',\r\n        //          markerStart: 'circle',\r\n        //          markerEnd: 'custom-shape'\r\n        //      }]\r\n        //  }\r\n        // event.point.series.chart.addAnnotation(newAnnotations)\r\n        this.wasClicked = true;\r\n        var prevPt = _.find(this.dist, { time: event.point.x });\r\n        this.prevDist = prevPt.dist;\r\n        this.prevTime = prevPt.time;\r\n      }\r\n    },\r\n    round(value, precision) {\r\n      var multiplier = Math.pow(10, precision || 0);\r\n      return Math.round(value * multiplier) / multiplier;\r\n    },\r\n    getFormattedTime(t) {\r\n      var lt = moment(t).format(\"YYYY-MM-DD HH:mm:ss\");\r\n      var testDateUtc = moment.utc(lt);\r\n      var localDate = moment(testDateUtc).local();\r\n      return localDate.format(\"DD/MM/YYYY\");\r\n    },\r\n    getRandomInt() {\r\n      return Math.floor(Math.random() * (50 - 5 + 1)) + 5;\r\n    },\r\n    makeColor(colorNum, colors) {\r\n      if (colors < 1) colors = 1; // defaults to one color - avoid divide by zero\r\n      return \"hsl(\" + ((colorNum * (360 / colors)) % 360) + \",70%, 90%)\";\r\n    },\r\n  },\r\n};\r\n</script>\r\n\r\n<style>\r\n.chartdiv {\r\n  width: 100%;\r\n  height: 100%;\r\n  margin: 5px;\r\n  overflow: auto;\r\n}\r\n</style>\r\n","import mod from \"-!../../node_modules/vuetify-loader/lib/loader.js??ref--18-0!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./HogChartHigh.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../node_modules/vuetify-loader/lib/loader.js??ref--18-0!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./HogChartHigh.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./HogChartHigh.vue?vue&type=template&id=66641cc7&\"\nimport script from \"./HogChartHigh.vue?vue&type=script&lang=js&\"\nexport * from \"./HogChartHigh.vue?vue&type=script&lang=js&\"\nimport style0 from \"./HogChartHigh.vue?vue&type=style&index=0&lang=css&\"\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  null,\n  null\n  \n)\n\nexport default component.exports"],"sourceRoot":""}