area-chart.js.map 12 KB

1
  1. {"version":3,"sources":["webpack:///E:/dwbs/store/pagesA/components/charts/area-chart.vue?d722","webpack:///E:/dwbs/store/pagesA/components/charts/area-chart.vue?871b","webpack:///E:/dwbs/store/pagesA/components/charts/area-chart.vue?b3d1","webpack:///E:/dwbs/store/pagesA/components/charts/area-chart.vue?c973","uni-app:///pagesA/components/charts/area-chart.vue","webpack:///E:/dwbs/store/pagesA/components/charts/area-chart.vue?b3c4"],"names":["renderjs","component","options","__file","components","render","_vm","this","_h","$createElement","_self","_c","recyclableRender","staticRenderFns","_withStripped","props","unit","color","chartData","background","watch","methods","draw","console","$this","type","canvasId","colors","width","height","fontSize","enableScroll","enableMarkLine","animation","legend","show","extra","area","opacity","dataLabel","dataPointShape","dataPointShapeType","categories","series","xAxis","gridColor","gridType","dashLength","itemCount","scrollShow","scrollAlign","fontColor","scrollColor","axisLineColor","scrollBackgroundColor","yAxis","splitNumber","min","format","max","touchLine","moveLine","touchEndLine"],"mappings":"oIAAA,oIACIA,EADJ,QASIC,EAAY,qBACd,aACA,YACA,sBACA,EACA,KACA,WACA,MACA,EACA,gBACAD,GAGFC,EAAUC,QAAQC,OAAS,0CACZ,aAAAF,E,0CCvBf,uQ,iCCAA,IAAIG,EAAJ,0LACA,IAAIC,EAAS,WACX,IAAIC,EAAMC,KACNC,EAAKF,EAAIG,eACJH,EAAII,MAAMC,IAEjBC,GAAmB,EACnBC,EAAkB,GACtBR,EAAOS,eAAgB,G,iCCRvB,yHAAonB,eAAG,G,2HCQvnB,gB,EACA,CACAC,OACAC,YACAC,aACAC,iBACAC,mBAEAC,OACAF,qBACA,4BAGAG,SACAC,iBACAC,sBACA,yBACAC,WACAC,YACAC,gBACAC,yCACAC,oBACAC,qBACAC,sBACAC,gBACAC,kBACAC,aACAC,QACAC,SAEAC,OACAC,MACAZ,aACAa,aAGAC,aACAC,kBACAC,2BACAtB,2BACAuB,wBACAC,gBACAC,OACAnB,YACAoB,oBACAC,gBACAC,aAEAC,YACAC,cAEAC,oBACAC,qBACAC,uBACAC,wBACAC,uCAOAC,OACAT,gBACAD,oBACAW,cACAC,MACAC,mBACA,UAGAC,kDAKAC,sBACA,0BAEAC,qBACA,qBAEAC,yBACA,0BAGA,c,6DC9FA,yHAAurC,eAAG,G","file":"pagesA/components/charts/area-chart.js","sourcesContent":["import { render, staticRenderFns, recyclableRender, components } from \"./area-chart.vue?vue&type=template&id=8f3eb1da&scoped=true&\"\nvar renderjs\nimport script from \"./area-chart.vue?vue&type=script&lang=js&\"\nexport * from \"./area-chart.vue?vue&type=script&lang=js&\"\nimport style0 from \"./area-chart.vue?vue&type=style&index=0&id=8f3eb1da&lang=scss&scoped=true&\"\n\n\n/* normalize component */\nimport normalizer from \"!F:\\\\HBuilderX\\\\plugins\\\\uniapp-cli\\\\node_modules\\\\@dcloudio\\\\vue-cli-plugin-uni\\\\packages\\\\vue-loader\\\\lib\\\\runtime\\\\componentNormalizer.js\"\nvar component = normalizer(\n script,\n render,\n staticRenderFns,\n false,\n null,\n \"8f3eb1da\",\n null,\n false,\n components,\n renderjs\n)\n\ncomponent.options.__file = \"pagesA/components/charts/area-chart.vue\"\nexport default component.exports","export * from \"-!F:\\\\HBuilderX\\\\plugins\\\\uniapp-cli\\\\node_modules\\\\@dcloudio\\\\vue-cli-plugin-uni\\\\packages\\\\vue-loader\\\\lib\\\\loaders\\\\templateLoader.js??vue-loader-options!F:\\\\HBuilderX\\\\plugins\\\\uniapp-cli\\\\node_modules\\\\@dcloudio\\\\vue-cli-plugin-uni\\\\packages\\\\webpack-preprocess-loader\\\\index.js??ref--17-0!F:\\\\HBuilderX\\\\plugins\\\\uniapp-cli\\\\node_modules\\\\@dcloudio\\\\webpack-uni-mp-loader\\\\lib\\\\template.js!F:\\\\HBuilderX\\\\plugins\\\\uniapp-cli\\\\node_modules\\\\@dcloudio\\\\vue-cli-plugin-uni\\\\packages\\\\webpack-uni-app-loader\\\\page-meta.js!F:\\\\HBuilderX\\\\plugins\\\\uniapp-cli\\\\node_modules\\\\@dcloudio\\\\vue-cli-plugin-uni\\\\packages\\\\vue-loader\\\\lib\\\\index.js??vue-loader-options!F:\\\\HBuilderX\\\\plugins\\\\uniapp-cli\\\\node_modules\\\\@dcloudio\\\\webpack-uni-mp-loader\\\\lib\\\\style.js!./area-chart.vue?vue&type=template&id=8f3eb1da&scoped=true&\"","var components\nvar render = function () {\n var _vm = this\n var _h = _vm.$createElement\n var _c = _vm._self._c || _h\n}\nvar recyclableRender = false\nvar staticRenderFns = []\nrender._withStripped = true\n\nexport { render, staticRenderFns, recyclableRender, components }","import mod from \"-!F:\\\\HBuilderX\\\\plugins\\\\uniapp-cli\\\\node_modules\\\\babel-loader\\\\lib\\\\index.js!F:\\\\HBuilderX\\\\plugins\\\\uniapp-cli\\\\node_modules\\\\@dcloudio\\\\vue-cli-plugin-uni\\\\packages\\\\webpack-preprocess-loader\\\\index.js??ref--13-1!F:\\\\HBuilderX\\\\plugins\\\\uniapp-cli\\\\node_modules\\\\@dcloudio\\\\webpack-uni-mp-loader\\\\lib\\\\script.js!F:\\\\HBuilderX\\\\plugins\\\\uniapp-cli\\\\node_modules\\\\@dcloudio\\\\vue-cli-plugin-uni\\\\packages\\\\vue-loader\\\\lib\\\\index.js??vue-loader-options!F:\\\\HBuilderX\\\\plugins\\\\uniapp-cli\\\\node_modules\\\\@dcloudio\\\\webpack-uni-mp-loader\\\\lib\\\\style.js!./area-chart.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!F:\\\\HBuilderX\\\\plugins\\\\uniapp-cli\\\\node_modules\\\\babel-loader\\\\lib\\\\index.js!F:\\\\HBuilderX\\\\plugins\\\\uniapp-cli\\\\node_modules\\\\@dcloudio\\\\vue-cli-plugin-uni\\\\packages\\\\webpack-preprocess-loader\\\\index.js??ref--13-1!F:\\\\HBuilderX\\\\plugins\\\\uniapp-cli\\\\node_modules\\\\@dcloudio\\\\webpack-uni-mp-loader\\\\lib\\\\script.js!F:\\\\HBuilderX\\\\plugins\\\\uniapp-cli\\\\node_modules\\\\@dcloudio\\\\vue-cli-plugin-uni\\\\packages\\\\vue-loader\\\\lib\\\\index.js??vue-loader-options!F:\\\\HBuilderX\\\\plugins\\\\uniapp-cli\\\\node_modules\\\\@dcloudio\\\\webpack-uni-mp-loader\\\\lib\\\\style.js!./area-chart.vue?vue&type=script&lang=js&\"","<template>\r\n\t<view class=\"chart-line\">\r\n\t\t<canvas canvas-id=\"area\" id=\"area\" class=\"chart\" disable-scroll=\"true\" @touchstart=\"touchLine\"\r\n\t\t\t@touchmove=\"moveLine\" @touchend=\"touchEndLine\"></canvas>\r\n\t</view>\r\n</template>\r\n\r\n<script>\r\n\timport uCharts from './js/u-charts.js';\r\n\texport default {\r\n\t\tprops: {\r\n\t\t\tunit: String,\r\n\t\t\tcolor: String,\r\n\t\t\tchartData: Object,\r\n\t\t\tbackground: String\r\n\t\t},\r\n\t\twatch: {\r\n\t\t\tchartData() {\r\n\t\t\t\tthis.draw(this.chartData);\r\n\t\t\t}\r\n\t\t},\r\n\t\tmethods: {\r\n\t\t\tdraw(data) {\r\n\t\t\t\tconsole.log(data, 'data')\r\n\t\t\t\tthis.area = new uCharts({\r\n\t\t\t\t\t$this: this, // this\r\n\t\t\t\t\ttype: 'area', // 类型\r\n\t\t\t\t\tcanvasId: 'area', // id\r\n\t\t\t\t\tcolors: [this.color ? this.color : '#FB231F'], // 颜色\r\n\t\t\t\t\twidth: uni.upx2px(688), // 宽\r\n\t\t\t\t\theight: uni.upx2px(567), // 高\r\n\t\t\t\t\tfontSize: uni.upx2px(28), // 字体大小\r\n\t\t\t\t\tenableScroll: true, // 是否可以拖拽\r\n\t\t\t\t\tenableMarkLine: true, // 是否显示辅助线\r\n\t\t\t\t\tanimation: true, //展示动画\r\n\t\t\t\t\tlegend: {\r\n\t\t\t\t\t\tshow: true\r\n\t\t\t\t\t},\r\n\t\t\t\t\textra: {\r\n\t\t\t\t\t\tarea: {\r\n\t\t\t\t\t\t\ttype: 'curve',\r\n\t\t\t\t\t\t\topacity: 0.3,\r\n\t\t\t\t\t\t}\r\n\t\t\t\t\t},\r\n\t\t\t\t\tdataLabel: true, //是否显示图表区域内数据点上方的数据文案\r\n\t\t\t\t\tdataPointShape: true, // 是否在图表中显示数据点图形标识\r\n\t\t\t\t\tdataPointShapeType: 'solid', // 数据点图形标识类型 可选值:实心solid、空心hollow\r\n\t\t\t\t\tbackground: this.background,\r\n\t\t\t\t\tcategories: data.categories,\r\n\t\t\t\t\tseries: data.series,\r\n\t\t\t\t\txAxis: {\r\n\t\t\t\t\t\ttype: 'grid',\r\n\t\t\t\t\t\tgridColor: '#CCCCCC',\r\n\t\t\t\t\t\tgridType: 'dash',\r\n\t\t\t\t\t\tdashLength: 8,\r\n\t\t\t\t\t\t// type: 'grid',\r\n\t\t\t\t\t\titemCount: 5, // X轴可见区域数据数量(即X轴数据密度),配合拖拽滚动使用(即仅在启用enableScroll时有效)\r\n\t\t\t\t\t\tscrollShow: true, // 是否显示滚动条\r\n\t\t\t\t\t\t// disableGrid: true, // 不绘制 X 轴网格线\r\n\t\t\t\t\t\tscrollAlign: 'right', // 滚动条起始位置\r\n\t\t\t\t\t\tfontColor: this.color, // X 轴文字颜色\r\n\t\t\t\t\t\tscrollColor: this.color, // X轴滚动条颜色\r\n\t\t\t\t\t\taxisLineColor: '#CCCCCC', // 坐标轴轴线颜色\r\n\t\t\t\t\t\tscrollBackgroundColor: this.background, // X轴滚动条背景颜色\r\n\t\t\t\t\t\t// disabled: false,\r\n\t\t\t\t\t\t// format: v => {\r\n\t\t\t\t\t\t// \tvar date = new Date(v);\r\n\t\t\t\t\t\t// \treturn `${('0' + date.getHours()).slice(-2)}:${('0' + date.getMinutes()).slice(-2)}`;\r\n\t\t\t\t\t\t// }\r\n\t\t\t\t\t},\r\n\t\t\t\t\tyAxis: {\r\n\t\t\t\t\t\tgridType: 'dash',\r\n\t\t\t\t\t\tgridColor: '#CCCCCC',\r\n\t\t\t\t\t\tsplitNumber: 5,\r\n\t\t\t\t\t\tmin: 0,\r\n\t\t\t\t\t\tformat: val => {\r\n\t\t\t\t\t\t\treturn val;\r\n\t\t\t\t\t\t},\r\n\t\t\t\t\t\t// gridColor: '#ccc',\r\n\t\t\t\t\t\tmax: Math.max.apply(Math, data.series[0].data) + 123,\r\n\t\t\t\t\t\t// gridType: 'dash'\r\n\t\t\t\t\t}\r\n\t\t\t\t});\r\n\t\t\t},\r\n\t\t\ttouchLine(e) {\r\n\t\t\t\tthis.area.scrollStart(e);\r\n\t\t\t},\r\n\t\t\tmoveLine(e) {\r\n\t\t\t\tthis.area.scroll(e);\r\n\t\t\t},\r\n\t\t\ttouchEndLine(e) {\r\n\t\t\t\tthis.area.scrollEnd(e);\r\n\t\t\t}\r\n\t\t}\r\n\t};\r\n</script>\r\n\r\n<style lang=\"scss\" scoped>\r\n\t.chart-line {\r\n\t\twidth: 100%;\r\n\t\theight: 100%;\r\n\t\tposition: relative;\r\n\t\tz-index: 99;\r\n\r\n\t\t.chart {\r\n\t\t\twidth: 100%;\r\n\t\t\theight: 100%;\r\n\t\t}\r\n\t}\r\n</style>\r\n","import mod from \"-!F:\\\\HBuilderX\\\\plugins\\\\uniapp-cli\\\\node_modules\\\\mini-css-extract-plugin\\\\dist\\\\loader.js??ref--8-oneOf-1-0!F:\\\\HBuilderX\\\\plugins\\\\uniapp-cli\\\\node_modules\\\\css-loader\\\\dist\\\\cjs.js??ref--8-oneOf-1-1!F:\\\\HBuilderX\\\\plugins\\\\uniapp-cli\\\\node_modules\\\\@dcloudio\\\\vue-cli-plugin-uni\\\\packages\\\\vue-loader\\\\lib\\\\loaders\\\\stylePostLoader.js!F:\\\\HBuilderX\\\\plugins\\\\uniapp-cli\\\\node_modules\\\\@dcloudio\\\\vue-cli-plugin-uni\\\\packages\\\\webpack-preprocess-loader\\\\index.js??ref--8-oneOf-1-2!F:\\\\HBuilderX\\\\plugins\\\\uniapp-cli\\\\node_modules\\\\postcss-loader\\\\src\\\\index.js??ref--8-oneOf-1-3!F:\\\\HBuilderX\\\\plugins\\\\uniapp-cli\\\\node_modules\\\\@dcloudio\\\\vue-cli-plugin-uni\\\\packages\\\\sass-loader\\\\dist\\\\cjs.js??ref--8-oneOf-1-4!F:\\\\HBuilderX\\\\plugins\\\\uniapp-cli\\\\node_modules\\\\@dcloudio\\\\vue-cli-plugin-uni\\\\packages\\\\webpack-preprocess-loader\\\\index.js??ref--8-oneOf-1-5!F:\\\\HBuilderX\\\\plugins\\\\uniapp-cli\\\\node_modules\\\\@dcloudio\\\\vue-cli-plugin-uni\\\\packages\\\\vue-loader\\\\lib\\\\index.js??vue-loader-options!F:\\\\HBuilderX\\\\plugins\\\\uniapp-cli\\\\node_modules\\\\@dcloudio\\\\webpack-uni-mp-loader\\\\lib\\\\style.js!./area-chart.vue?vue&type=style&index=0&id=8f3eb1da&lang=scss&scoped=true&\"; export default mod; export * from \"-!F:\\\\HBuilderX\\\\plugins\\\\uniapp-cli\\\\node_modules\\\\mini-css-extract-plugin\\\\dist\\\\loader.js??ref--8-oneOf-1-0!F:\\\\HBuilderX\\\\plugins\\\\uniapp-cli\\\\node_modules\\\\css-loader\\\\dist\\\\cjs.js??ref--8-oneOf-1-1!F:\\\\HBuilderX\\\\plugins\\\\uniapp-cli\\\\node_modules\\\\@dcloudio\\\\vue-cli-plugin-uni\\\\packages\\\\vue-loader\\\\lib\\\\loaders\\\\stylePostLoader.js!F:\\\\HBuilderX\\\\plugins\\\\uniapp-cli\\\\node_modules\\\\@dcloudio\\\\vue-cli-plugin-uni\\\\packages\\\\webpack-preprocess-loader\\\\index.js??ref--8-oneOf-1-2!F:\\\\HBuilderX\\\\plugins\\\\uniapp-cli\\\\node_modules\\\\postcss-loader\\\\src\\\\index.js??ref--8-oneOf-1-3!F:\\\\HBuilderX\\\\plugins\\\\uniapp-cli\\\\node_modules\\\\@dcloudio\\\\vue-cli-plugin-uni\\\\packages\\\\sass-loader\\\\dist\\\\cjs.js??ref--8-oneOf-1-4!F:\\\\HBuilderX\\\\plugins\\\\uniapp-cli\\\\node_modules\\\\@dcloudio\\\\vue-cli-plugin-uni\\\\packages\\\\webpack-preprocess-loader\\\\index.js??ref--8-oneOf-1-5!F:\\\\HBuilderX\\\\plugins\\\\uniapp-cli\\\\node_modules\\\\@dcloudio\\\\vue-cli-plugin-uni\\\\packages\\\\vue-loader\\\\lib\\\\index.js??vue-loader-options!F:\\\\HBuilderX\\\\plugins\\\\uniapp-cli\\\\node_modules\\\\@dcloudio\\\\webpack-uni-mp-loader\\\\lib\\\\style.js!./area-chart.vue?vue&type=style&index=0&id=8f3eb1da&lang=scss&scoped=true&\""],"sourceRoot":""}