{"version":3,"sources":["webpack:///./src/views/speedcharthigh.vue?2896","webpack:///./src/views/speedcharthigh.vue?c075","webpack:///src/views/speedcharthigh.vue","webpack:///./src/views/speedcharthigh.vue?d147","webpack:///./src/views/speedcharthigh.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","maxSpeed","JSON","parse","start_pt","k","forEach","o","speed","deviceid","round","push","fixtime","Date","getTime","longitude","latitude","cur_pt","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","max","style","opposite","allowPointSelect","click","event","pointClick","dashStyle","$refs","hideLoading","catch","e","target","addPlotLine","width","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-5ef23df4.5c23427c.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!./speedcharthigh.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!./speedcharthigh.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\r\n      :options=\"chartOptions\"\r\n      ref=\"chart\"\r\n    ></highcharts>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\nimport {\r\n  Chart,\r\n} 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 {\r\n  mapState,\r\n  mapGetter,\r\n  mapActions\r\n} from 'vuex'\r\nimport Moment from \"moment\";\r\nimport MomentTimeZone from \"moment-timezone\";\r\nimport * as turf from '@turf/turf';\r\n\r\nexport default {\r\n  name: 'speedcharthigh',\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: 'Speed 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        },\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              tagName: 'path',\r\n              d: '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            markerWidth: 40,\r\n            markerHeight: 40,\r\n            refX: 20,\r\n            refY: 5\r\n          },\r\n          marker1: {\r\n            children: [{\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              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            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          shapes: [{\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        series: [{\r\n          name: \"Speed\",\r\n          data: [], // sample data\r\n          zones: [{\r\n            value: 2,\r\n            color: '#FF0000'\r\n          }, {\r\n            value: 15,\r\n            color: '#FF7F00'\r\n          }, {\r\n            value: 40,\r\n            color: '#FFD700'\r\n          }, {\r\n            value: 60,\r\n            color: '#9ACD32'\r\n          }, {\r\n            value: 80,\r\n            color: '#00FF00'\r\n          }, {\r\n            value: 90,\r\n            color: '#008080'\r\n          }, {\r\n            value: 105,\r\n            color: '#FF00FF'\r\n          }, {\r\n            value: 125,\r\n            color: '#8A2BE2'\r\n          }, {\r\n            color: '#00BFFF'\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(['curDeviceId', 'curDeviceName', 'curTrainNo', 'curTrainDate', 'curOrg', 'curArr', 'curDest', 'curDep', 'actDep', 'actArr', 'curPosStartId', 'curPosDestId', 'curPositions']),\r\n  },\r\n  beforeDestroy () {\r\n    this.updateCurTrainNo(null)\r\n    this.updateCurDeviceId(null)\r\n  },\r\n  methods: {\r\n    ...mapActions(['updateCurDeviceId', 'updateCurDeviceName', 'updateCurTrainNo', 'updateCurTrainDate', 'updateCurOrg', 'updateCurArr', 'updateCurDest', 'updateCurDep', 'updateActDep', 'updateActArr']),\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).add(30, \"m\").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('jwtToken')\r\n      axios.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 dist = 0\r\n          var dist_0 = JSON.parse(response.data[0]['attributes'])['totalDistance']\r\n          var maxSpeed = 0\r\n          var start_pt = turf.point([response.data[0]['longitude'], response.data[0]['latitude']]);\r\n          // for (i = 0; i < response.data.length; i++) {\r\n          var k = 0\r\n          _.forEach(response.data, function (o) {\r\n\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([response.data[k - 1].longitude, response.data[k - 1].latitude]);\r\n            }\r\n\r\n            var cur_pt = turf.point([response.data[k].longitude, response.data[k].latitude]);\r\n            dist = dist + turf.distance(start_pt, cur_pt, { 'units': 'kilometers' })\r\n            console.log(dist)\r\n            dist_data.push([new Date(o.fixtime).getTime(), that.round(dist, 3)])\r\n            that.dist.push({\r\n              time: new Date(o.fixtime).getTime(), dist:\r\n                that.round(dist, 3)\r\n            })\r\n            that.chart_data.push({\r\n              time: new Date(o.fixtime).getTime(), dist:\r\n                that.round(dist, 3), speed: speed\r\n            })\r\n            k++\r\n          });\r\n          console.log(dist_data)\r\n          // this.dist = dist_data\r\n          // console.log(this.dist)\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('jwtToken')\r\n          axios.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: o.late_in == null ? {\r\n                    text: o.stn_code, // Content of the label.\r\n                    align: 'center', // Positioning of the label.\r\n                  } : {\r\n                    text: o.stn_code + \"<br>\" + '<span style=\"font-size: 80%;\">' + o.late_in + \"</span>\" + \"<br>\" + '<span style=\"font-size: 80%;\">' + o.late_out + \"</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\r\n                subtitle: {\r\n                  text: `Date: ${moment(this.curTrainDate).format(\"DD/MM/YYYY\")}, 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 ['<b>' + moment.utc(this.x).format(\"HH:mm:ss\") + ' ' + '</b>'].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                  shared: true,\r\n                  crosshairs: true\r\n                },\r\n                yAxis: [{\r\n                  title: {\r\n                    text: 'Speed(KMPH)'\r\n                  },\r\n                  min: 0,\r\n                  max: maxSpeed\r\n                }, {\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} KM',\r\n                    style: {\r\n                      color: '#FF0000'\r\n                    }\r\n                  },\r\n                  opposite: true\r\n                }],\r\n                annotations: [{\r\n                  shapes: [{\r\n                    points: [{ x: 1566429328000, y: 50 }, { x: 1566429328000, y: 0 }, '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                series: [{\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                  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              }\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\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\r\n        }\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 = '* Loss/Gain:' + loss_gain + ' sec. <br/>' +\r\n            '* run time above thresold ' + this.round(tTime / 1000, 0) + ' sec. <br/>' +\r\n            '* run time below thresold ' + this.round((timeTaken - tTime) / 1000, 0) + ' sec. <br/>' +\r\n            '* run time: ' + this.round(timeTaken / 1000, 0) + ' sec. <br/><br/>' +\r\n\r\n            '* run distance above thresold ' + this.round(mpsDist, 3) + ' Km. <br/>' +\r\n            '* run distance below thresold ' + this.round((distTravelled - mpsDist), 3) + ' Km. <br/>' +\r\n            '* run distance: ' + this.round(distTravelled, 3) + ' Km.'\r\n\r\n\r\n          this.msgAnnotations = {\r\n            labels: [{\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          event.point.series.chart.addAnnotation(this.msgAnnotations)\r\n          // alert(msg)\r\n\r\n        }\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 => annotation.destroy())\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!./speedcharthigh.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!./speedcharthigh.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./speedcharthigh.vue?vue&type=template&id=77a90c6e&\"\nimport script from \"./speedcharthigh.vue?vue&type=script&lang=js&\"\nexport * from \"./speedcharthigh.vue?vue&type=script&lang=js&\"\nimport style0 from \"./speedcharthigh.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":""}