{"version":3,"sources":["webpack:///./src/views/dashboard/vcharts.vue","webpack:///src/views/dashboard/vcharts.vue","webpack:///./src/views/dashboard/vcharts.vue?8bec","webpack:///./src/views/dashboard/vcharts.vue?1247"],"names":["render","_vm","this","_c","_self","staticClass","attrs","chartData","lineExtend","scatterData","scatterSetting","tooltip","on","change","_v","staticRenderFns","getRandom","scatterCoords","x","y","data","xAxis","axisTick","show","length","lineStyle","type","splitArea","axisLabel","interval","margin","align","formatter","console","maxTemperature","minTemperature","weatherText","date","weather","rich","color","max","fontSize","xAxisType","symbolSize","columns","rows","日期","访问用户","下单用户","下单率","Point","methods","component"],"mappings":"mHAAA,IAAIA,EAAS,WAAkB,IAAIC,EAAIC,KAAKC,EAAGF,EAAIG,MAAMD,GAAG,OAAOA,EAAG,MAAM,CAACE,YAAY,WAAW,CAACF,EAAG,SAAS,CAACG,MAAM,CAAC,MAAQ,MAAM,UAAW,IAAQ,CAACH,EAAG,UAAU,CAACG,MAAM,CAAC,KAAOL,EAAIM,UAAU,OAASN,EAAIO,WAAW,KAAM,MAAS,GAAGL,EAAG,SAAS,CAACE,YAAY,OAAOC,MAAM,CAAC,MAAQ,MAAM,UAAW,IAAQ,CAACH,EAAG,aAAa,CAACG,MAAM,CAAC,KAAOL,EAAIQ,YAAY,SAAWR,EAAIS,eAAe,QAAUT,EAAIU,QAAQ,KAAM,KAAQR,EAAG,WAAW,CAACS,GAAG,CAAC,MAAQX,EAAIY,SAAS,CAACZ,EAAIa,GAAG,wBAAwB,IAAI,IAEjfC,EAAkB,GCYtB,SAASC,EAAT,GACA,mCAQA,IALA,SAKA,aACAC,QAAAC,SAAAC,WAIe,OACfC,gBAwFA,OAvFA,iBACAC,OACAC,UACAC,QAEAC,WACAC,WACAC,gBAGAC,WACAJ,SAEAK,WACAC,WACAC,UACAC,eACAC,wBACAC,iBACA,OACA,cACAC,kBACAC,kBACAC,oBAEA,cACAF,kBACAC,kBACAC,oBAEA,cACAF,kBACAC,kBACAC,oBAEA,cACAF,kBACAC,kBACAC,oBAEA,cACAF,kBACAC,kBACAC,oBAEA,cACAF,kBACAC,kBACAC,oBAEA,cACAF,kBACAC,kBACAC,qBAGA,uBACAC,4BACAC,+CACAA,6EACAD,UACA,YAEAE,MACAF,MACAG,aAEAC,KACAC,iBAOA,cACAV,sBACA,sFACA,UAKA,qBACAW,kBACAC,eAEA,CACArC,WACAsC,6BACAC,MACA,CAAAC,kBAAAC,YAAAC,YAAAC,WACA,CAAAH,kBAAAC,YAAAC,YAAAC,WACA,CAAAH,kBAAAC,YAAAC,YAAAC,WACA,CAAAH,kBAAAC,YAAAC,YAAAC,WACA,CAAAH,kBAAAC,YAAAC,YAAAC,YACA,CAAAH,kBAAAC,YAAAC,YAAAC,WACA,CAAAH,kBAAAC,YAAAC,YAAAC,aAOAzC,aACAoC,kBACAC,MACAK,YAKAC,SACAvC,kBACA,+BACA,yCACAoB,oCClJgW,I,YCO5VoB,EAAY,eACd,EACArD,EACAe,GACA,EACA,KACA,KACA,MAIa,aAAAsC,E","file":"js/v-charts.fbb02bb8.js","sourcesContent":["var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"vcharts\"},[_c('a-card',{attrs:{\"title\":\"折线图\",\"bordered\":false}},[_c('ve-line',{attrs:{\"data\":_vm.chartData,\"extend\":_vm.lineExtend,\"log\":true}})],1),_c('a-card',{staticClass:\"mt-3\",attrs:{\"title\":\"散点图\",\"bordered\":false}},[_c('ve-scatter',{attrs:{\"data\":_vm.scatterData,\"settings\":_vm.scatterSetting,\"tooltip\":_vm.tooltip,\"log\":true}}),_c('a-button',{on:{\"click\":_vm.change}},[_vm._v(\"Change symbolSize\")])],1)],1)\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n\t<div class=\"vcharts\">\n\t\t<a-card title=\"折线图\" :bordered=\"false\">\n\t\t\t<ve-line :data=\"chartData\" :extend=\"lineExtend\" :log=\"true\"></ve-line>\n\t\t</a-card>\n\n\t\t<a-card class=\"mt-3\" title=\"散点图\" :bordered=\"false\">\n\t\t\t<ve-scatter :data=\"scatterData\" :settings=\"scatterSetting\" :tooltip=\"tooltip\" :log=\"true\"></ve-scatter>\n\t\t\t<a-button @click=\"change\">Change symbolSize</a-button>\n\t\t</a-card>\n\t</div>\n</template>\n\n<script>\nfunction getRandom (n) {\n  return Math.floor(Math.random() * n)\n}\n\nconst scatterCoords = []\n// for (let i of 50) {\n// \tscatterCoords.push({ x: getRandom(1000), y: getRandom(1000) })\n// }\n\nfor (let i = 0; i < 50; i++) {\n  scatterCoords.push({ x: getRandom(1000), y: getRandom(1000) })\n  // scatterCoords.push([getRandom(1000), getRandom(1000)])\n}\n\nexport default {\n  data () {\n    this.lineExtend = {\n      xAxis: {\n        axisTick: {\n          show: true,\n          // alignWithLabel: true\n          length: 100,\n          lineStyle: {\n            type: 'dashed'\n          }\n        },\n        splitArea: {\n          show: true\n        },\n        axisLabel: {\n          interval: 0,\n          margin: 20,\n          align: 'center',\n          formatter (date, index) {\n            console.log(date, index)\n            let weather = {\n              '2019-10-01': {\n                maxTemperature: 32,\n                minTemperature: 23,\n                weatherText: '晴转多云'\n              },\n              '2019-10-02': {\n                maxTemperature: 32,\n                minTemperature: 23,\n                weatherText: '晴转多云'\n              },\n              '2019-10-03': {\n                maxTemperature: 32,\n                minTemperature: 23,\n                weatherText: '晴转多云'\n              },\n              '2019-10-04': {\n                maxTemperature: 32,\n                minTemperature: 23,\n                weatherText: '晴转多云'\n              },\n              '2019-10-05': {\n                maxTemperature: 32,\n                minTemperature: 23,\n                weatherText: '晴转多云'\n              },\n              '2019-10-06': {\n                maxTemperature: 32,\n                minTemperature: 23,\n                weatherText: '晴转多云'\n              },\n              '2019-10-07': {\n                maxTemperature: 32,\n                minTemperature: 23,\n                weatherText: '晴转多云'\n              }\n            }\n            return [\n              `{date|${date}}\\n`,\n              `{weather|${weather[date].weatherText}}\\n`,\n              `{temperature|${weather[date].maxTemperature}℃/${weather[date].minTemperature}℃}\\n`,\n              `{date|${date}}\\n`\n            ].join('\\n')\n          },\n          rich: {\n            date: {\n              color: 'red'\n            },\n            max: {\n              fontSize: 30\n            }\n          }\n        }\n      }\n    }\n\n    this.tooltip = {\n      formatter (v) {\n        return [v.marker + v.seriesName, `(${v.value[0]}, ${v.value[1]})`].join(\n          '<br>'\n        )\n      }\n    }\n\n    this.scatterSetting = {\n      xAxisType: 'value',\n      symbolSize: 15\n    }\n    return {\n      chartData: {\n        columns: ['日期', '访问用户', '下单用户'],\n        rows: [\n          { 日期: '2019-10-01', 访问用户: 1393, 下单用户: 1093, 下单率: 0.32 },\n          { 日期: '2019-10-02', 访问用户: 3530, 下单用户: 3230, 下单率: 0.26 },\n          { 日期: '2019-10-03', 访问用户: 2923, 下单用户: 2623, 下单率: 0.76 },\n          { 日期: '2019-10-04', 访问用户: 1723, 下单用户: 1423, 下单率: 0.49 },\n          { 日期: '2019-10-05', 访问用户: 3792, 下单用户: 3492, 下单率: 0.323 },\n          { 日期: '2019-10-06', 访问用户: 4593, 下单用户: 4293, 下单率: 0.78 },\n          { 日期: '2019-10-07', 访问用户: 2345, 下单用户: 2234, 下单率: 0.79 }\n        ]\n      },\n      // scatterSetting: {\n      // \txAxisType: 'value',\n      // \tsymbolSize: 15\n      // },\n      scatterData: {\n        columns: ['x', 'y'],\n        rows: {\n          Point: scatterCoords\n        }\n      }\n    }\n  },\n  methods: {\n    change () {\n      this.scatterSetting.symbolSize =\n\t\t\t\tthis.scatterSetting.symbolSize === 15 ? 5 : 15\n      console.log(this.scatterSetting)\n    }\n  }\n}\n</script>\n","import mod from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./vcharts.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./vcharts.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./vcharts.vue?vue&type=template&id=53d90c86&\"\nimport script from \"./vcharts.vue?vue&type=script&lang=js&\"\nexport * from \"./vcharts.vue?vue&type=script&lang=js&\"\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":""}