{"version":3,"sources":["webpack:///src/views/home/charts/chart-mcu-h.vue","webpack:///./src/views/home/charts/chart-mcu-h.vue?61c3","webpack:///./src/views/home/charts/chart-mcu-h.vue"],"names":["chart_mcu_h","chart","newVal","inc","init","render","_vm","this","_h","$createElement","_c","_self","ref","staticClass","staticRenderFns","injectStyle","context","__webpack_require__","__vue_template_functional__","__vue_styles__","__vue_scopeId__","__vue_module_identifier__","Component","Object","component_normalizer","__webpack_exports__"],"mappings":"oJAQAA,wEAQA,4BACA,yBACA,qBACA,cAEA,eAGA,yBAEA,aACA,oEAGA,WACA,EACA,WAGA,sBACA,cACA,4DAGA,WACA,EACA,WAGA,sBACA,cACA,4BAIA,mBACA,cACA,mBAGA,qBAGA,MACA,sBACA,sBACA,kBACA,qBACA,wBACA,yBACA,aACA,eACA,oBACA,aACA,oBAEA,WAEA,oBAGA,yBAEA,KACA,2BAGA,OACA,2BAGA,OACA,qCAKA,cACA,yBAIA,YApFA,SAAAC,oDAyFAC,uBADA,gBAEA,6BACAC,uBAEAA,YAEAD,IACA,iCAOAE,8BCrHAC,EAAA,WAA0B,IAAAC,EAAAC,KAAaC,EAAAF,EAAAG,eAA0BC,EAAAJ,EAAAK,MAAAD,IAAAF,EAAwB,OAAAE,EAAA,OAAiBE,IAAA,YAAAC,YAAA,eAC1GC,iBCDA,SAAAC,EAAAC,GACAC,EAAA,QAQA,IAAAC,GAAA,EAEAC,EAAAJ,EAEAK,EAAA,kBAEAC,EAAA,KAEAC,EAAAC,OAAAC,EAAA,KAAAD,CACAvB,EACAK,EACAS,EACAI,EACAC,EACAC,EACAC,GAGAI,EAAA,WAAAH,EAAA","file":"js/21.f0821a5f.js","sourcesContent":["<template>\n  <div class=\"container\" ref=\"container\">\n\n  </div>\n</template>\n\n<script>\nimport Highcharts from 'highcharts'\nexport default {\n  methods: {\n    init() {\n\n      // eslint-disable-next-line\n      var chart = Highcharts.chart(this.$refs.container,{\n          chart: {\n              type: 'gauge',\n              plotBackgroundColor: null,\n              plotBackgroundImage: null,\n              plotBorderWidth: 0,\n              plotShadow: false\n          },\n          title: {\n              text: '速度仪'\n          },\n          pane: {\n              startAngle: -150,\n              endAngle: 150,\n              background: [{\n                  backgroundColor: {\n                      linearGradient: { x1: 0, y1: 0, x2: 0, y2: 1 },\n                      stops: [\n                          [0, '#FFF'],\n                          [1, '#333']\n                      ]\n                  },\n                  borderWidth: 0,\n                  outerRadius: '109%'\n              }, {\n                  backgroundColor: {\n                      linearGradient: { x1: 0, y1: 0, x2: 0, y2: 1 },\n                      stops: [\n                          [0, '#333'],\n                          [1, '#FFF']\n                      ]\n                  },\n                  borderWidth: 1,\n                  outerRadius: '107%'\n              }, {\n                  // default background\n              }, {\n                  backgroundColor: '#DDD',\n                  borderWidth: 0,\n                  outerRadius: '105%',\n                  innerRadius: '103%'\n              }]\n          },\n          // the value axis\n          yAxis: {\n              min: 0,\n              max: 200,\n              minorTickInterval: 'auto',\n              minorTickWidth: 1,\n              minorTickLength: 10,\n              minorTickPosition: 'inside',\n              minorTickColor: '#666',\n              tickPixelInterval: 30,\n              tickWidth: 2,\n              tickPosition: 'inside',\n              tickLength: 10,\n              tickColor: '#666',\n              labels: {\n                  step: 2,\n                  rotation: 'auto'\n              },\n              title: {\n                  text: 'km/h'\n              },\n              plotBands: [{\n                  from: 0,\n                  to: 120,\n                  color: '#55BF3B' // green\n              }, {\n                  from: 120,\n                  to: 160,\n                  color: '#DDDF0D' // yellow\n              }, {\n                  from: 160,\n                  to: 200,\n                  color: '#DF5353' // red\n              }]\n          },\n          series: [{\n              name: 'Speed',\n              data: [80],\n              tooltip: {\n                  valueSuffix: ' km/h'\n              }\n          }]\n      }, function (chart) {\n          if (!chart.renderer.forExport) {\n              setInterval(function () {\n                  var point = chart.series[0].points[0],\n                      newVal,\n                      inc = Math.round((Math.random() - 0.5) * 20);\n                  newVal = point.y + inc;\n                  if (newVal < 0 || newVal > 200) {\n                      newVal = point.y - inc;\n                  }\n                  point.update(newVal);\n              }, 3000);\n          }\n      })\n\n    }\n  },\n  mounted() {\n    this.init()\n  },\n  created() {\n\n  }\n}\n</script>\n\n<style lang=\"scss\" scoped>\n.container {\n  height: 200px;\n}\n</style>\n\n\n\n// WEBPACK FOOTER //\n// src/views/home/charts/chart-mcu-h.vue","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{ref:\"container\",staticClass:\"container\"})}\nvar staticRenderFns = []\nexport { render, staticRenderFns }\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./node_modules/@vue/cli-service/node_modules/vue-loader/lib/template-compiler?{\"id\":\"data-v-9c71ce34\",\"hasScoped\":true,\"optionsId\":\"0\",\"buble\":{\"transforms\":{}}}!./node_modules/@vue/cli-service/node_modules/vue-loader/lib/selector.js?type=template&index=0!./src/views/home/charts/chart-mcu-h.vue\n// module id = null\n// module chunks = ","function injectStyle (context) {\n  require(\"!!../../../../node_modules/extract-text-webpack-plugin/dist/loader.js?{\\\"omit\\\":1,\\\"remove\\\":true}!vue-style-loader!css-loader?{\\\"sourceMap\\\":false,\\\"minimize\\\":true}!../../../../node_modules/@vue/cli-service/node_modules/vue-loader/lib/style-compiler/index?{\\\"optionsId\\\":\\\"0\\\",\\\"vue\\\":true,\\\"id\\\":\\\"data-v-9c71ce34\\\",\\\"scoped\\\":true,\\\"sourceMap\\\":false}!sass-loader?{\\\"sourceMap\\\":false}!../../../../node_modules/@vue/cli-service/node_modules/vue-loader/lib/selector?type=styles&index=0!./chart-mcu-h.vue\")\n}\n/* script */\nexport * from \"!!cache-loader?{\\\"cacheDirectory\\\":\\\"F:\\\\\\\\VODOFO\\\\\\\\集装箱项目\\\\\\\\web\\\\\\\\node_modules\\\\\\\\.cache\\\\\\\\cache-loader\\\"}!babel-loader!../../../../node_modules/@vue/cli-service/node_modules/vue-loader/lib/selector?type=script&index=0!./chart-mcu-h.vue\"\nimport __vue_script__ from \"!!cache-loader?{\\\"cacheDirectory\\\":\\\"F:\\\\\\\\VODOFO\\\\\\\\集装箱项目\\\\\\\\web\\\\\\\\node_modules\\\\\\\\.cache\\\\\\\\cache-loader\\\"}!babel-loader!../../../../node_modules/@vue/cli-service/node_modules/vue-loader/lib/selector?type=script&index=0!./chart-mcu-h.vue\"\n/* template */\nimport {render as __vue_render__, staticRenderFns as __vue_static_render_fns__} from \"!!../../../../node_modules/@vue/cli-service/node_modules/vue-loader/lib/template-compiler/index?{\\\"id\\\":\\\"data-v-9c71ce34\\\",\\\"hasScoped\\\":true,\\\"optionsId\\\":\\\"0\\\",\\\"buble\\\":{\\\"transforms\\\":{}}}!../../../../node_modules/@vue/cli-service/node_modules/vue-loader/lib/selector?type=template&index=0!./chart-mcu-h.vue\"\n/* template functional */\nvar __vue_template_functional__ = false\n/* styles */\nvar __vue_styles__ = injectStyle\n/* scopeId */\nvar __vue_scopeId__ = \"data-v-9c71ce34\"\n/* moduleIdentifier (server only) */\nvar __vue_module_identifier__ = null\nimport normalizeComponent from \"!../../../../node_modules/@vue/cli-service/node_modules/vue-loader/lib/runtime/component-normalizer\"\nvar Component = normalizeComponent(\n  __vue_script__,\n  __vue_render__,\n  __vue_static_render_fns__,\n  __vue_template_functional__,\n  __vue_styles__,\n  __vue_scopeId__,\n  __vue_module_identifier__\n)\n\nexport default Component.exports\n\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./src/views/home/charts/chart-mcu-h.vue\n// module id = null\n// module chunks = "],"sourceRoot":""}