1 line
22 KiB
JSON
1 line
22 KiB
JSON
{"remainingRequest":"F:\\workspace\\webstorm\\SafetyScreen-ui2\\node_modules\\babel-loader\\lib\\index.js!F:\\workspace\\webstorm\\SafetyScreen-ui2\\node_modules\\cache-loader\\dist\\cjs.js??ref--0-0!F:\\workspace\\webstorm\\SafetyScreen-ui2\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!F:\\workspace\\webstorm\\SafetyScreen-ui2\\src\\components\\home\\rightFour.vue?vue&type=script&lang=js","dependencies":[{"path":"F:\\workspace\\webstorm\\SafetyScreen-ui2\\src\\components\\home\\rightFour.vue","mtime":1740032704206},{"path":"F:\\workspace\\webstorm\\SafetyScreen-ui2\\babel.config.js","mtime":1740032703932},{"path":"F:\\workspace\\webstorm\\SafetyScreen-ui2\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1740032832373},{"path":"F:\\workspace\\webstorm\\SafetyScreen-ui2\\node_modules\\babel-loader\\lib\\index.js","mtime":1740032833520},{"path":"F:\\workspace\\webstorm\\SafetyScreen-ui2\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1740032832373},{"path":"F:\\workspace\\webstorm\\SafetyScreen-ui2\\node_modules\\vue-loader\\lib\\index.js","mtime":1740032833997}],"contextDependencies":[],"result":[{"type":"Buffer","data":"base64:InVzZSBzdHJpY3QiOwoKdmFyIF9pbnRlcm9wUmVxdWlyZVdpbGRjYXJkID0gcmVxdWlyZSgiRjovd29ya3NwYWNlL3dlYnN0b3JtL1NhZmV0eVNjcmVlbi11aTIvbm9kZV9tb2R1bGVzL0BiYWJlbC9ydW50aW1lL2hlbHBlcnMvaW50ZXJvcFJlcXVpcmVXaWxkY2FyZC5qcyIpLmRlZmF1bHQ7CnZhciBfaW50ZXJvcFJlcXVpcmVEZWZhdWx0ID0gcmVxdWlyZSgiRjovd29ya3NwYWNlL3dlYnN0b3JtL1NhZmV0eVNjcmVlbi11aTIvbm9kZV9tb2R1bGVzL0BiYWJlbC9ydW50aW1lL2hlbHBlcnMvaW50ZXJvcFJlcXVpcmVEZWZhdWx0LmpzIikuZGVmYXVsdDsKT2JqZWN0LmRlZmluZVByb3BlcnR5KGV4cG9ydHMsICJfX2VzTW9kdWxlIiwgewogIHZhbHVlOiB0cnVlCn0pOwpleHBvcnRzLmRlZmF1bHQgPSB2b2lkIDA7CnZhciBfZGVmaW5lUHJvcGVydHkyID0gX2ludGVyb3BSZXF1aXJlRGVmYXVsdChyZXF1aXJlKCJGOi93b3Jrc3BhY2Uvd2Vic3Rvcm0vU2FmZXR5U2NyZWVuLXVpMi9ub2RlX21vZHVsZXMvQGJhYmVsL3J1bnRpbWUvaGVscGVycy9kZWZpbmVQcm9wZXJ0eS5qcyIpKTsKcmVxdWlyZSgiY29yZS1qcy9tb2R1bGVzL2VzLmFycmF5Lm1hcC5qcyIpOwpyZXF1aXJlKCJjb3JlLWpzL21vZHVsZXMvZXMuYXJyYXkucHVzaC5qcyIpOwpyZXF1aXJlKCJjb3JlLWpzL21vZHVsZXMvZXMuaXRlcmF0b3IuY29uc3RydWN0b3IuanMiKTsKcmVxdWlyZSgiY29yZS1qcy9tb2R1bGVzL2VzLml0ZXJhdG9yLm1hcC5qcyIpOwpyZXF1aXJlKCJjb3JlLWpzL21vZHVsZXMvZXMub2JqZWN0LnRvLXN0cmluZy5qcyIpOwp2YXIgZWNoYXJ0cyA9IF9pbnRlcm9wUmVxdWlyZVdpbGRjYXJkKHJlcXVpcmUoImVjaGFydHMiKSk7CnZhciBfY291bnRGbG9wT25lID0gX2ludGVyb3BSZXF1aXJlRGVmYXVsdChyZXF1aXJlKCIuL2NvdW50RmxvcE9uZS52dWUiKSk7CnZhciBfc2NyZWVuID0gcmVxdWlyZSgiLi4vLi4vYXBpL3NjcmVlbiIpOwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwp2YXIgX2RlZmF1bHQgPSBleHBvcnRzLmRlZmF1bHQgPSB7CiAgbmFtZTogJ2FjY2Vzc1JhdGVQYWdlJywKICBjb21wb25lbnRzOiB7CiAgICBDb3VudEZsb3BPbmU6IF9jb3VudEZsb3BPbmUuZGVmYXVsdAogIH0sCiAgZGF0YTogZnVuY3Rpb24gZGF0YSgpIHsKICAgIHJldHVybiB7CiAgICAgIGNhck5vTGlzdDogW10sCiAgICAgIHVzZU51bUxpc3Q6IFtdLAogICAgICBzcXVhbmRlckxpc3Q6IFtdLAogICAgICBtYVR5cGU6ICcnCiAgICB9OwogIH0sCiAgbW91bnRlZDogZnVuY3Rpb24gbW91bnRlZCgpIHsKICAgIHZhciBfdGhpcyA9IHRoaXM7CiAgICB0aGlzLiRldmVudEJ1cy4kb24oJ21hVHlwZScsIGZ1bmN0aW9uIChtYVR5cGUpIHsKICAgICAgX3RoaXMubWFUeXBlID0gbWFUeXBlOwogICAgICBfdGhpcy5nZXRDYXJVc2VCeU1vbnRoQXBpUGFnZSgpOwogICAgfSk7CiAgICBzZXRJbnRlcnZhbChmdW5jdGlvbiAoKSB7CiAgICAgIF90aGlzLmdldENhclVzZUJ5TW9udGhBcGlQYWdlKCk7CiAgICB9LCA2MCAqIDEwMDApOwogIH0sCiAgZGVzdHJveWVkOiBmdW5jdGlvbiBkZXN0cm95ZWQoKSB7CiAgICB0aGlzLiRldmVudEJ1cy4kb2ZmKCdtYVR5cGUnKTsKICB9LAogIG1ldGhvZHM6IHsKICAgIGdldENhclVzZUJ5TW9udGhBcGlQYWdlOiBmdW5jdGlvbiBnZXRDYXJVc2VCeU1vbnRoQXBpUGFnZSgpIHsKICAgICAgdmFyIF90aGlzMiA9IHRoaXM7CiAgICAgIHRoaXMuY2FyTm9MaXN0ID0gW107CiAgICAgIHRoaXMudXNlTnVtTGlzdCA9IFtdOwogICAgICB0aGlzLnNxdWFuZGVyTGlzdCA9IFtdOwogICAgICB2YXIgcGFyYW1zID0gewogICAgICAgIG1hVHlwZTogdGhpcy5tYVR5cGUKICAgICAgfTsKICAgICAgKDAsIF9zY3JlZW4uZ2V0Q2FyVXNlQnlNb250aEFwaSkocGFyYW1zKS50aGVuKGZ1bmN0aW9uIChyZXMpIHsKICAgICAgICBpZiAocmVzLmNvZGUgPT0gMjAwKSB7CiAgICAgICAgICByZXMuZGF0YS5tYXAoZnVuY3Rpb24gKGl0ZW0pIHsKICAgICAgICAgICAgX3RoaXMyLmNhck5vTGlzdC5wdXNoKGl0ZW0uY2FyTm8pOwogICAgICAgICAgICBfdGhpczIudXNlTnVtTGlzdC5wdXNoKGl0ZW0udXNlTnVtKTsKICAgICAgICAgICAgX3RoaXMyLnNxdWFuZGVyTGlzdC5wdXNoKGl0ZW0uc3F1YW5kZXIpOwogICAgICAgICAgfSk7CiAgICAgICAgICBfdGhpczIuZ2V0SW5pdERhdGEoKTsKICAgICAgICB9CiAgICAgIH0pOwogICAgfSwKICAgIGdldEluaXREYXRhOiBmdW5jdGlvbiBnZXRJbml0RGF0YSgpIHsKICAgICAgdmFyIG9wdGlvbiA9IHsKICAgICAgICB4QXhpczogWwogICAgICAgIC8v5bem5L6n6L20CiAgICAgICAgewogICAgICAgICAgdHlwZTogInZhbHVlIiwKICAgICAgICAgIHNob3c6IHRydWUsCiAgICAgICAgICBncmlkSW5kZXg6IDAsCiAgICAgICAgICBpbnZlcnNlOiB0cnVlLAogICAgICAgICAgLy8g5piv5ZCm5pi+56S66L2057q/CiAgICAgICAgICBheGlzTGluZTogewogICAgICAgICAgICAic2hvdyI6IGZhbHNlCiAgICAgICAgICB9LAogICAgICAgICAgLy8g5piv5ZCm5pi+56S65YiG5Ymy57q/CiAgICAgICAgICBzcGxpdExpbmU6IHsKICAgICAgICAgICAgInNob3ciOiBmYWxzZQogICAgICAgICAgfSwKICAgICAgICAgIGF4aXNMYWJlbDogewogICAgICAgICAgICBzaG93OiB0cnVlLAogICAgICAgICAgICBjb2xvcjogJyNjMWMxYzEnLAogICAgICAgICAgICBmb250U2l6ZTogMTQKICAgICAgICAgIH0KICAgICAgICB9LAogICAgICAgIC8vIOWPs+S+p+i9tAogICAgICAgIHsKICAgICAgICAgIHR5cGU6ICJ2YWx1ZSIsCiAgICAgICAgICBzaG93OiB0cnVlLAogICAgICAgICAgZ3JpZEluZGV4OiAxLAogICAgICAgICAgYXhpc0xpbmU6IHsKICAgICAgICAgICAgInNob3ciOiBmYWxzZQogICAgICAgICAgfSwKICAgICAgICAgIHNwbGl0TGluZTogewogICAgICAgICAgICAic2hvdyI6IGZhbHNlCiAgICAgICAgICB9LAogICAgICAgICAgYXhpc0xhYmVsOiB7CiAgICAgICAgICAgIHNob3c6IHRydWUsCiAgICAgICAgICAgIGNvbG9yOiAnI2MxYzFjMScsCiAgICAgICAgICAgIGZvbnRTaXplOiAxNAogICAgICAgICAgfQogICAgICAgIH0sCiAgICAgICAgLy8g5bqV6L20CiAgICAgICAgewogICAgICAgICAgImdyaWRJbmRleCI6IDIsCiAgICAgICAgICAibmFtZSI6ICJ4IiwKICAgICAgICAgIC8vIOWQjeensOS9jee9rgogICAgICAgICAgIm5hbWVMb2NhdGlvbiI6ICJjZW50ZXIiLAogICAgICAgICAgLy8g5ZCN56ew5ZCR5LiL5YGP56e7CiAgICAgICAgICAibmFtZUdhcCI6IDQwCiAgICAgICAgfV0sCiAgICAgICAgbGVnZW5kOiB7CiAgICAgICAgICBzaG93OiB0cnVlLAogICAgICAgICAgaXRlbVdpZHRoOiAxMiwKICAgICAgICAgIGl0ZW1IZWlnaHQ6IDEyLAogICAgICAgICAgaXRlbUdhcDogMTAsCiAgICAgICAgICBpY29uOiAnY2lyY2xlJywKICAgICAgICAgIHg6ICJyaWdodCIsCiAgICAgICAgICB5OiAnNCUnLAogICAgICAgICAgdGV4dFN0eWxlOiB7CiAgICAgICAgICAgIGZvbnRTaXplOiAnMTRweCcsCiAgICAgICAgICAgIGZvbnRXZWlnaHQ6IDQwMCwKICAgICAgICAgICAgY29sb3I6ICcjRkZGRkZGJwogICAgICAgICAgfQogICAgICAgIH0sCiAgICAgICAgInlBeGlzIjogWwogICAgICAgIC8vIOW3pui9tAogICAgICAgIHsKICAgICAgICAgIHR5cGU6ICJjYXRlZ29yeSIsCiAgICAgICAgICBncmlkSW5kZXg6IDAsCiAgICAgICAgICBkYXRhOiB0aGlzLmNhck5vTGlzdAogICAgICAgIH0sIHsKICAgICAgICAgIGdyaWRJbmRleDogMSwKICAgICAgICAgIHR5cGU6ICJjYXRlZ29yeSIsCiAgICAgICAgICBkYXRhOiB0aGlzLmNhck5vTGlzdAogICAgICAgIH0sICgwLCBfZGVmaW5lUHJvcGVydHkyLmRlZmF1bHQpKCgwLCBfZGVmaW5lUHJvcGVydHkyLmRlZmF1bHQpKHsKICAgICAgICAgICJuYW1lIjogInkiLAogICAgICAgICAgImdyaWRJbmRleCI6IDIsCiAgICAgICAgICAidHlwZSI6ICJjYXRlZ29yeSIsCiAgICAgICAgICAibmFtZUdhcCI6IDI1LAogICAgICAgICAgc3BsaXRMaW5lOiB7CiAgICAgICAgICAgIHNob3c6IGZhbHNlCiAgICAgICAgICB9LAogICAgICAgICAgYXhpc1RpY2s6IHsKICAgICAgICAgICAgc2hvdzogZmFsc2UKICAgICAgICAgIH0sCiAgICAgICAgICBheGlzTGFiZWw6IHsKICAgICAgICAgICAgc2hvdzogZmFsc2UKICAgICAgICAgIH0KICAgICAgICB9LCAiYXhpc0xhYmVsIiwgewogICAgICAgICAgc2hvdzogdHJ1ZSwKICAgICAgICAgIGNvbG9yOiAnI2MxYzFjMScsCiAgICAgICAgICBmb250U2l6ZTogMTQKICAgICAgICB9KSwgImRhdGEiLCB0aGlzLmNhck5vTGlzdCldLAogICAgICAgICJzZXJpZXMiOiBbCiAgICAgICAgLy8g5bem5L6n6L20CiAgICAgICAgewogICAgICAgICAgbmFtZTogIuayueiAlyIsCiAgICAgICAgICB0eXBlOiAiYmFyIiwKICAgICAgICAgIC8vIOWvueW6lOeahOW3puS+p+i9tHjovbTntKLlvJUKICAgICAgICAgIHhBeGlzSW5kZXg6IDAsCiAgICAgICAgICB5QXhpc0luZGV4OiAwLAogICAgICAgICAgLy8g5p+x5L2T5pS257yp77yM5LiN5Lya5aSq57KXCiAgICAgICAgICBiYXJNYXhXaWR0aDogIjUwJSIsCiAgICAgICAgICBkYXRhOiB0aGlzLnNxdWFuZGVyTGlzdCwKICAgICAgICAgIGl0ZW1TdHlsZTogewogICAgICAgICAgICAvL+afseW9ouWbvuWchuinku+8jOm8oOagh+enu+S4iuWOu+aViOaenO+8jOWmguaenOWPquaYr+S4gOS4quaVsOWtl+WImeivtOaYjuWbm+S4quWPguaVsOWFqOmDqOiuvue9ruS4uumCo+S5iOWkmgogICAgICAgICAgICBub3JtYWw6IHsKICAgICAgICAgICAgICAvL+afseW9ouWbvuWchuinku+8jOWIneWni+WMluaViOaenAogICAgICAgICAgICAgIGJhckJvcmRlclJhZGl1czogWzIwLCAwLCAwLCAyMF0sCiAgICAgICAgICAgICAgY29sb3I6ICIjMTA4OERGIiwKICAgICAgICAgICAgICBsYWJlbDogewogICAgICAgICAgICAgICAgc2hvdzogdHJ1ZSwKICAgICAgICAgICAgICAgIC8v5byA5ZCv5pi+56S6CiAgICAgICAgICAgICAgICBwb3NpdGlvbjogJ2luc2lkZScsCiAgICAgICAgICAgICAgICB0ZXh0U3R5bGU6IHsKICAgICAgICAgICAgICAgICAgLy/mlbDlgLzmoLflvI8KICAgICAgICAgICAgICAgICAgY29sb3I6ICcjRkZGJywKICAgICAgICAgICAgICAgICAgZm9udFNpemU6IDEyLAogICAgICAgICAgICAgICAgICBmb250V2VpZ2h0OiA0MDAKICAgICAgICAgICAgICAgIH0KICAgICAgICAgICAgICB9CiAgICAgICAgICAgIH0KICAgICAgICAgIH0KICAgICAgICB9LAogICAgICAgIC8vIOWPs+S+p+i9tAogICAgICAgIHsKICAgICAgICAgIG5hbWU6ICLkvb/nlKjpopHmrKEiLAogICAgICAgICAgdHlwZTogImJhciIsCiAgICAgICAgICB4QXhpc0luZGV4OiAxLAogICAgICAgICAgeUF4aXNJbmRleDogMSwKICAgICAgICAgIGJhcldpZHRoOiAiNTAlIiwKICAgICAgICAgIGRhdGE6IHRoaXMudXNlTnVtTGlzdCwKICAgICAgICAgIGl0ZW1TdHlsZTogewogICAgICAgICAgICAvL+afseW9ouWbvuWchuinku+8jOm8oOagh+enu+S4iuWOu+aViOaenO+8jOWmguaenOWPquaYr+S4gOS4quaVsOWtl+WImeivtOaYjuWbm+S4quWPguaVsOWFqOmDqOiuvue9ruS4uumCo+S5iOWkmgogICAgICAgICAgICBub3JtYWw6IHsKICAgICAgICAgICAgICAvL+afseW9ouWbvuWchuinku+8jOWIneWni+WMluaViOaenAogICAgICAgICAgICAgIGJhckJvcmRlclJhZGl1czogWzAsIDIwLCAyMCwgMF0sCiAgICAgICAgICAgICAgY29sb3I6ICIjMDBFNkY0IiwKICAgICAgICAgICAgICBsYWJlbDogewogICAgICAgICAgICAgICAgc2hvdzogdHJ1ZSwKICAgICAgICAgICAgICAgIC8v5byA5ZCv5pi+56S6CiAgICAgICAgICAgICAgICBwb3NpdGlvbjogJ2luc2lkZScsCiAgICAgICAgICAgICAgICB0ZXh0U3R5bGU6IHsKICAgICAgICAgICAgICAgICAgLy/mlbDlgLzmoLflvI8KICAgICAgICAgICAgICAgICAgY29sb3I6ICcjMDAwJywKICAgICAgICAgICAgICAgICAgZm9udFNpemU6IDEyLAogICAgICAgICAgICAgICAgICBmb250V2VpZ2h0OiA0MDAKICAgICAgICAgICAgICAgIH0KICAgICAgICAgICAgICB9CiAgICAgICAgICAgIH0KICAgICAgICAgIH0sCiAgICAgICAgICBiYXJHYXA6ICcwJScKICAgICAgICB9XSwKICAgICAgICBncmlkOiBbewogICAgICAgICAgInNob3ciOiB0cnVlLAogICAgICAgICAgImxlZnQiOiAiMTUlIiwKICAgICAgICAgICJ0b3AiOiAiMTAlIiwKICAgICAgICAgICJib3R0b20iOiAiMTUlIiwKICAgICAgICAgICJ3aWR0aCI6ICI0MCUiLAogICAgICAgICAgYm9yZGVyV2lkdGg6IDAKICAgICAgICB9LCB7CiAgICAgICAgICAic2hvdyI6IHRydWUsCiAgICAgICAgICAibGVmdCI6ICI1NSUiLAogICAgICAgICAgInRvcCI6ICIxMCUiLAogICAgICAgICAgImJvdHRvbSI6ICIxNSUiLAogICAgICAgICAgIndpZHRoIjogIjQwJSIsCiAgICAgICAgICBib3JkZXJXaWR0aDogMAogICAgICAgIH0sCiAgICAgICAgLy8g5bqV6L20IOimhuebluW3puWPs+S4pOS4quWdkOagh+i9tAogICAgICAgIHsKICAgICAgICAgICJzaG93IjogdHJ1ZSwKICAgICAgICAgICJsZWZ0IjogIjE1JSIsCiAgICAgICAgICAidG9wIjogIjEwJSIsCiAgICAgICAgICAiYm90dG9tIjogIjE1JSIsCiAgICAgICAgICAid2lkdGgiOiAiODAlIiwKICAgICAgICAgIGJvcmRlcldpZHRoOiAwCiAgICAgICAgfV0KICAgICAgfTsKICAgICAgdmFyIG15Q2hhcnRzID0gZWNoYXJ0cy5pbml0KGRvY3VtZW50LnF1ZXJ5U2VsZWN0b3IoJyNhY2Nlc3NSYXRlRWNoYXJ0c0JhcicpKTsKICAgICAgbXlDaGFydHMuc2V0T3B0aW9uKG9wdGlvbik7CiAgICB9CiAgfQp9Ow=="},{"version":3,"names":["echarts","_interopRequireWildcard","require","_countFlopOne","_interopRequireDefault","_screen","name","components","CountFlopOne","data","carNoList","useNumList","squanderList","maType","mounted","_this","$eventBus","$on","getCarUseByMonthApiPage","setInterval","destroyed","$off","methods","_this2","params","getCarUseByMonthApi","then","res","code","map","item","push","carNo","useNum","squander","getInitData","option","xAxis","type","show","gridIndex","inverse","axisLine","splitLine","axisLabel","color","fontSize","legend","itemWidth","itemHeight","itemGap","icon","x","y","textStyle","fontWeight","_defineProperty2","default","axisTick","xAxisIndex","yAxisIndex","barMaxWidth","itemStyle","normal","barBorderRadius","label","position","barWidth","barGap","grid","borderWidth","myCharts","init","document","querySelector","setOption"],"sources":["src/components/home/rightFour.vue"],"sourcesContent":["<template>\r\n <div class=\"access-rate-page\">\r\n <div class=\"access-rate-box\">\r\n <div class=\"access-rate-box-title-bg\">\r\n <h5 class=\"access-rate-box-title\">当月车辆使用分析</h5>\r\n </div>\r\n <div id=\"accessRateEchartsBar\"></div>\r\n </div>\r\n </div>\r\n</template>\r\n\r\n<script>\r\nimport * as echarts from 'echarts';\r\nimport CountFlopOne from './countFlopOne.vue'\r\nimport { getCarUseByMonthApi } from \"../../api/screen\";\r\nexport default {\r\n name: 'accessRatePage',\r\n components: {\r\n CountFlopOne\r\n },\r\n data() {\r\n return {\r\n carNoList: [],\r\n useNumList: [],\r\n squanderList: [],\r\n maType: ''\r\n }\r\n },\r\n mounted() {\r\n this.$eventBus.$on('maType', (maType) => {\r\n this.maType = maType\r\n this.getCarUseByMonthApiPage()\r\n });\r\n setInterval(() => {\r\n this.getCarUseByMonthApiPage()\r\n }, 60 * 1000);\r\n\r\n },\r\n destroyed() {\r\n this.$eventBus.$off('maType');\r\n },\r\n methods: {\r\n getCarUseByMonthApiPage() {\r\n this.carNoList = []\r\n this.useNumList = []\r\n this.squanderList = []\r\n let params = {\r\n maType: this.maType\r\n }\r\n getCarUseByMonthApi(params).then(res => {\r\n if (res.code == 200) {\r\n res.data.map(item => {\r\n this.carNoList.push(item.carNo)\r\n this.useNumList.push(item.useNum)\r\n this.squanderList.push(item.squander)\r\n })\r\n this.getInitData();\r\n }\r\n })\r\n },\r\n getInitData() {\r\n let option = {\r\n xAxis: [\r\n //左侧轴\r\n {\r\n type: \"value\",\r\n show: true,\r\n gridIndex: 0,\r\n inverse: true,\r\n // 是否显示轴线\r\n axisLine: {\r\n \"show\": false,\r\n },\r\n // 是否显示分割线\r\n splitLine: {\r\n \"show\": false\r\n },\r\n axisLabel: {\r\n show: true,\r\n color: '#c1c1c1',\r\n fontSize: 14,\r\n },\r\n },\r\n // 右侧轴\r\n {\r\n type: \"value\",\r\n show: true,\r\n gridIndex: 1,\r\n axisLine: {\r\n \"show\": false,\r\n },\r\n splitLine: {\r\n \"show\": false\r\n },\r\n axisLabel: {\r\n show: true,\r\n color: '#c1c1c1',\r\n fontSize: 14,\r\n },\r\n },\r\n // 底轴\r\n {\r\n \"gridIndex\": 2,\r\n \"name\": \"x\",\r\n // 名称位置\r\n \"nameLocation\": \"center\",\r\n // 名称向下偏移\r\n \"nameGap\": 40,\r\n }\r\n ],\r\n legend: {\r\n show: true,\r\n itemWidth: 12,\r\n itemHeight: 12,\r\n itemGap: 10,\r\n icon: 'circle',\r\n x: \"right\",\r\n y: '4%',\r\n textStyle: {\r\n fontSize: '14px',\r\n fontWeight: 400,\r\n color: '#FFFFFF',\r\n },\r\n },\r\n \"yAxis\": [\r\n // 左轴\r\n {\r\n type: \"category\",\r\n gridIndex: 0,\r\n data: this.carNoList\r\n },\r\n {\r\n gridIndex: 1,\r\n type: \"category\",\r\n data: this.carNoList\r\n },\r\n {\r\n \"name\": \"y\",\r\n \"gridIndex\": 2,\r\n \"type\": \"category\",\r\n \"nameGap\": 25,\r\n splitLine: {\r\n show: false,\r\n },\r\n axisTick: { show: false },\r\n axisLabel: { show: false },\r\n axisLabel: {\r\n show: true,\r\n color: '#c1c1c1',\r\n fontSize: 14,\r\n },\r\n data: this.carNoList\r\n }\r\n ],\r\n \"series\":\r\n [\r\n // 左侧轴\r\n {\r\n name: \"油耗\",\r\n type: \"bar\",\r\n // 对应的左侧轴x轴索引\r\n xAxisIndex: 0,\r\n yAxisIndex: 0,\r\n // 柱体收缩，不会太粗\r\n barMaxWidth: \"50%\",\r\n data: this.squanderList,\r\n itemStyle: {\r\n //柱形图圆角，鼠标移上去效果，如果只是一个数字则说明四个参数全部设置为那么多\r\n normal: {\r\n //柱形图圆角，初始化效果\r\n barBorderRadius: [20, 0, 0, 20],\r\n color: \"#1088DF\",\r\n label: {\r\n show: true, //开启显示\r\n position: 'inside',\r\n textStyle: {\r\n //数值样式\r\n color: '#FFF',\r\n fontSize: 12,\r\n fontWeight: 400,\r\n }\r\n }\r\n }\r\n },\r\n },\r\n // 右侧轴\r\n {\r\n name: \"使用频次\",\r\n type: \"bar\",\r\n xAxisIndex: 1,\r\n yAxisIndex: 1,\r\n barWidth: \"50%\",\r\n data: this.useNumList,\r\n itemStyle: {\r\n //柱形图圆角，鼠标移上去效果，如果只是一个数字则说明四个参数全部设置为那么多\r\n normal: {\r\n //柱形图圆角，初始化效果\r\n barBorderRadius: [0, 20, 20, 0],\r\n color: \"#00E6F4\",\r\n label: {\r\n show: true, //开启显示\r\n position: 'inside',\r\n textStyle: {\r\n //数值样式\r\n color: '#000',\r\n fontSize: 12,\r\n fontWeight: 400,\r\n }\r\n }\r\n }\r\n },\r\n barGap: '0%'\r\n }\r\n ],\r\n grid: [\r\n {\r\n \"show\": true,\r\n \"left\": \"15%\",\r\n \"top\": \"10%\",\r\n \"bottom\": \"15%\",\r\n \"width\": \"40%\",\r\n borderWidth: 0\r\n },\r\n {\r\n \"show\": true,\r\n \"left\": \"55%\",\r\n \"top\": \"10%\",\r\n \"bottom\": \"15%\",\r\n \"width\": \"40%\",\r\n borderWidth: 0\r\n },\r\n // 底轴 覆盖左右两个坐标轴\r\n {\r\n \"show\": true,\r\n \"left\": \"15%\",\r\n \"top\": \"10%\",\r\n \"bottom\": \"15%\",\r\n \"width\": \"80%\",\r\n borderWidth: 0\r\n }\r\n ],\r\n }\r\n let myCharts = echarts.init(document.querySelector('#accessRateEchartsBar'));\r\n myCharts.setOption(option)\r\n }\r\n }\r\n}\r\n</script>\r\n\r\n<style lang=\"scss\" scoped>\r\n.access-rate-page {\r\n margin-bottom: 31px;\r\n\r\n .access-rate-box {\r\n .access-rate-box-title-bg {\r\n width: 433px;\r\n height: 50px;\r\n background: url(../../assets/img/myImage/title_left.png) no-repeat center;\r\n background-size: 100% 100%;\r\n position: relative;\r\n\r\n .access-rate-box-title {\r\n position: absolute;\r\n left: 6%;\r\n top: 28%;\r\n font-size: 20px;\r\n font-family: Alibaba PuHuiTi, Alibaba PuHuiTi;\r\n font-weight: 500;\r\n color: #ffffff;\r\n line-height: 23px;\r\n letter-spacing: 2px;\r\n }\r\n }\r\n\r\n #accessRateEchartsBar {\r\n width: 433px;\r\n height: 270px;\r\n }\r\n }\r\n}\r\n</style>\r\n"],"mappings":";;;;;;;;;;;;;;AAYA,IAAAA,OAAA,GAAAC,uBAAA,CAAAC,OAAA;AACA,IAAAC,aAAA,GAAAC,sBAAA,CAAAF,OAAA;AACA,IAAAG,OAAA,GAAAH,OAAA;;;;;;;;;;;;iCACA;EACAI,IAAA;EACAC,UAAA;IACAC,YAAA,EAAAA;EACA;EACAC,IAAA,WAAAA,KAAA;IACA;MACAC,SAAA;MACAC,UAAA;MACAC,YAAA;MACAC,MAAA;IACA;EACA;EACAC,OAAA,WAAAA,QAAA;IAAA,IAAAC,KAAA;IACA,KAAAC,SAAA,CAAAC,GAAA,qBAAAJ,MAAA;MACAE,KAAA,CAAAF,MAAA,GAAAA,MAAA;MACAE,KAAA,CAAAG,uBAAA;IACA;IACAC,WAAA;MACAJ,KAAA,CAAAG,uBAAA;IACA;EAEA;EACAE,SAAA,WAAAA,UAAA;IACA,KAAAJ,SAAA,CAAAK,IAAA;EACA;EACAC,OAAA;IACAJ,uBAAA,WAAAA,wBAAA;MAAA,IAAAK,MAAA;MACA,KAAAb,SAAA;MACA,KAAAC,UAAA;MACA,KAAAC,YAAA;MACA,IAAAY,MAAA;QACAX,MAAA,OAAAA;MACA;MACA,IAAAY,2BAAA,EAAAD,MAAA,EAAAE,IAAA,WAAAC,GAAA;QACA,IAAAA,GAAA,CAAAC,IAAA;UACAD,GAAA,CAAAlB,IAAA,CAAAoB,GAAA,WAAAC,IAAA;YACAP,MAAA,CAAAb,SAAA,CAAAqB,IAAA,CAAAD,IAAA,CAAAE,KAAA;YACAT,MAAA,CAAAZ,UAAA,CAAAoB,IAAA,CAAAD,IAAA,CAAAG,MAAA;YACAV,MAAA,CAAAX,YAAA,CAAAmB,IAAA,CAAAD,IAAA,CAAAI,QAAA;UACA;UACAX,MAAA,CAAAY,WAAA;QACA;MACA;IACA;IACAA,WAAA,WAAAA,YAAA;MACA,IAAAC,MAAA;QACAC,KAAA;QACA;QACA;UACAC,IAAA;UACAC,IAAA;UACAC,SAAA;UACAC,OAAA;UACA;UACAC,QAAA;YACA;UACA;UACA;UACAC,SAAA;YACA;UACA;UACAC,SAAA;YACAL,IAAA;YACAM,KAAA;YACAC,QAAA;UACA;QACA;QACA;QACA;UACAR,IAAA;UACAC,IAAA;UACAC,SAAA;UACAE,QAAA;YACA;UACA;UACAC,SAAA;YACA;UACA;UACAC,SAAA;YACAL,IAAA;YACAM,KAAA;YACAC,QAAA;UACA;QACA;QACA;QACA;UACA;UACA;UACA;UACA;UACA;UACA;QACA,EACA;QACAC,MAAA;UACAR,IAAA;UACAS,SAAA;UACAC,UAAA;UACAC,OAAA;UACAC,IAAA;UACAC,CAAA;UACAC,CAAA;UACAC,SAAA;YACAR,QAAA;YACAS,UAAA;YACAV,KAAA;UACA;QACA;QACA;QACA;QACA;UACAP,IAAA;UACAE,SAAA;UACA/B,IAAA,OAAAC;QACA,GACA;UACA8B,SAAA;UACAF,IAAA;UACA7B,IAAA,OAAAC;QACA,OAAA8C,gBAAA,CAAAC,OAAA,MAAAD,gBAAA,CAAAC,OAAA;UAEA;UACA;UACA;UACA;UACAd,SAAA;YACAJ,IAAA;UACA;UACAmB,QAAA;YAAAnB,IAAA;UAAA;UACAK,SAAA;YAAAL,IAAA;UAAA;QAAA,gBACA;UACAA,IAAA;UACAM,KAAA;UACAC,QAAA;QACA,YACA,KAAApC,SAAA,EAEA;QACA,UACA;QACA;QACA;UACAJ,IAAA;UACAgC,IAAA;UACA;UACAqB,UAAA;UACAC,UAAA;UACA;UACAC,WAAA;UACApD,IAAA,OAAAG,YAAA;UACAkD,SAAA;YACA;YACAC,MAAA;cACA;cACAC,eAAA;cACAnB,KAAA;cACAoB,KAAA;gBACA1B,IAAA;gBAAA;gBACA2B,QAAA;gBACAZ,SAAA;kBACA;kBACAT,KAAA;kBACAC,QAAA;kBACAS,UAAA;gBACA;cACA;YACA;UACA;QACA;QACA;QACA;UACAjD,IAAA;UACAgC,IAAA;UACAqB,UAAA;UACAC,UAAA;UACAO,QAAA;UACA1D,IAAA,OAAAE,UAAA;UACAmD,SAAA;YACA;YACAC,MAAA;cACA;cACAC,eAAA;cACAnB,KAAA;cACAoB,KAAA;gBACA1B,IAAA;gBAAA;gBACA2B,QAAA;gBACAZ,SAAA;kBACA;kBACAT,KAAA;kBACAC,QAAA;kBACAS,UAAA;gBACA;cACA;YACA;UACA;UACAa,MAAA;QACA,EACA;QACAC,IAAA,GACA;UACA;UACA;UACA;UACA;UACA;UACAC,WAAA;QACA,GACA;UACA;UACA;UACA;UACA;UACA;UACAA,WAAA;QACA;QACA;QACA;UACA;UACA;UACA;UACA;UACA;UACAA,WAAA;QACA;MAEA;MACA,IAAAC,QAAA,GAAAvE,OAAA,CAAAwE,IAAA,CAAAC,QAAA,CAAAC,aAAA;MACAH,QAAA,CAAAI,SAAA,CAAAvC,MAAA;IACA;EACA;AACA","ignoreList":[]}]} |