{"version":3,"sources":["webpack:///./src/views/dashboard/vcharts.vue?3143","webpack:///src/views/dashboard/vcharts.vue","webpack:///./src/views/dashboard/vcharts.vue?5de4","webpack:///./src/views/dashboard/vcharts.vue"],"names":["render","_vm","this","_h","$createElement","_c","_self","staticClass","attrs","chartData","lineExtend","scatterData","scatterSetting","tooltip","on","change","_v","staticRenderFns","getRandom","Math","floor","random","n","scatterCoords","push","data","xAxis","axisTick","show","length","lineStyle","type","splitArea","axisLabel","interval","margin","align","formatter","console","log","date","index","maxTemperature","minTemperature","weatherText","rich","color","max","fontSize","v","marker","seriesName","xAxisType","symbolSize","columns","rows","Point","methods","component"],"mappings":"mHAAA,IAAIA,EAAS,WAAa,IAAIC,EAAIC,KAASC,EAAGF,EAAIG,eAAmBC,EAAGJ,EAAIK,MAAMD,IAAIF,EAAG,OAAOE,EAAG,MAAM,CAACE,YAAY,WAAW,CAACF,EAAG,SAAS,CAACG,MAAM,CAAC,MAAQ,MAAM,UAAW,IAAQ,CAACH,EAAG,UAAU,CAACG,MAAM,CAAC,KAAOP,EAAIQ,UAAU,OAASR,EAAIS,WAAW,KAAM,MAAS,GAAGL,EAAG,SAAS,CAACE,YAAY,OAAOC,MAAM,CAAC,MAAQ,MAAM,UAAW,IAAQ,CAACH,EAAG,aAAa,CAACG,MAAM,CAAC,KAAOP,EAAIU,YAAY,SAAWV,EAAIW,eAAe,QAAUX,EAAIY,QAAQ,KAAM,KAAQR,EAAG,WAAW,CAACS,GAAG,CAAC,MAAQb,EAAIc,SAAS,CAACd,EAAIe,GAAG,wBAAwB,IAAI,IAC9gBC,EAAkB,GCatB,SAASC,EAAT,GACE,OAAOC,KAAKC,MAAMD,KAAKE,SAAWC,GAQpC,IALA,SAKA,aACEC,EAAcC,KAAK,CAArB,oBAIA,OACEC,KADF,WAyFI,OAvFAvB,KAAKQ,WAAa,CAChBgB,MAAO,CACLC,SAAU,CACRC,MAAM,EAENC,OAAQ,IACRC,UAAW,CACTC,KAAM,WAGVC,UAAW,CACTJ,MAAM,GAERK,UAAW,CACTC,SAAU,EACVC,OAAQ,GACRC,MAAO,SACPC,UAJV,SAIA,KACYC,QAAQC,IAAIC,EAAMC,GAClB,IAAZ,GACc,aAAc,CACZC,eAAgB,GAChBC,eAAgB,GAChBC,YAAa,QAEf,aAAc,CACZF,eAAgB,GAChBC,eAAgB,GAChBC,YAAa,QAEf,aAAc,CACZF,eAAgB,GAChBC,eAAgB,GAChBC,YAAa,QAEf,aAAc,CACZF,eAAgB,GAChBC,eAAgB,GAChBC,YAAa,QAEf,aAAc,CACZF,eAAgB,GAChBC,eAAgB,GAChBC,YAAa,QAEf,aAAc,CACZF,eAAgB,GAChBC,eAAgB,GAChBC,YAAa,QAEf,aAAc,CACZF,eAAgB,GAChBC,eAAgB,GAChBC,YAAa,SAGjB,MAAO,CAAC,SAApB,OACA,EADA,0BAEA,iBAFA,8BAGA,oBAHA,aAGA,oBAHA,wBAIA,EAJA,QAKA,YAEUC,KAAM,CACJL,KAAM,CACJM,MAAO,OAETC,IAAK,CACHC,SAAU,QAOpB9C,KAAKW,QAAU,CACbwB,UADN,SACA,GACQ,MAAO,CAACY,EAAEC,OAASD,EAAEE,WAAY,IAAzC,qDACA,UAKIjD,KAAKU,eAAiB,CACpBwC,UAAW,QACXC,WAAY,IAEP,CACL5C,UAAW,CACT6C,QAAS,CAAC,KAAM,OAAQ,QACxBC,KAAM,CACd,CAAU,KAAV,aAAU,OAAV,KAAU,OAAV,KAAU,MAAV,KACA,CAAU,KAAV,aAAU,OAAV,KAAU,OAAV,KAAU,MAAV,KACA,CAAU,KAAV,aAAU,OAAV,KAAU,OAAV,KAAU,MAAV,KACA,CAAU,KAAV,aAAU,OAAV,KAAU,OAAV,KAAU,MAAV,KACA,CAAU,KAAV,aAAU,OAAV,KAAU,OAAV,KAAU,MAAV,MACA,CAAU,KAAV,aAAU,OAAV,KAAU,OAAV,KAAU,MAAV,KACA,CAAU,KAAV,aAAU,OAAV,KAAU,OAAV,KAAU,MAAV,OAOM5C,YAAa,CACX2C,QAAS,CAAC,IAAK,KACfC,KAAM,CACJC,MAAOjC,MAKfkC,QAAS,CACP1C,OADJ,WAEMb,KAAKU,eAAeyC,WAC1B,yCACMf,QAAQC,IAAIrC,KAAKU,mBClJyU,I,YCO5V8C,EAAY,eACd,EACA1D,EACAiB,GACA,EACA,KACA,KACA,MAIa,aAAAyC,E","file":"js/v-charts.813406a4.js","sourcesContent":["var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;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)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n\t<div class=\"vcharts\">\r\n\t\t<a-card title=\"折线图\" :bordered=\"false\">\r\n\t\t\t<ve-line :data=\"chartData\" :extend=\"lineExtend\" :log=\"true\"></ve-line>\r\n\t\t</a-card>\r\n\r\n\t\t<a-card class=\"mt-3\" title=\"散点图\" :bordered=\"false\">\r\n\t\t\t<ve-scatter :data=\"scatterData\" :settings=\"scatterSetting\" :tooltip=\"tooltip\" :log=\"true\"></ve-scatter>\r\n\t\t\t<a-button @click=\"change\">Change symbolSize</a-button>\r\n\t\t</a-card>\r\n\t</div>\r\n</template>\r\n\r\n<script>\r\nfunction getRandom (n) {\r\n  return Math.floor(Math.random() * n)\r\n}\r\n\r\nconst scatterCoords = []\r\n// for (let i of 50) {\r\n// \tscatterCoords.push({ x: getRandom(1000), y: getRandom(1000) })\r\n// }\r\n\r\nfor (let i = 0; i < 50; i++) {\r\n  scatterCoords.push({ x: getRandom(1000), y: getRandom(1000) })\r\n  // scatterCoords.push([getRandom(1000), getRandom(1000)])\r\n}\r\n\r\nexport default {\r\n  data () {\r\n    this.lineExtend = {\r\n      xAxis: {\r\n        axisTick: {\r\n          show: true,\r\n          // alignWithLabel: true\r\n          length: 100,\r\n          lineStyle: {\r\n            type: 'dashed'\r\n          }\r\n        },\r\n        splitArea: {\r\n          show: true\r\n        },\r\n        axisLabel: {\r\n          interval: 0,\r\n          margin: 20,\r\n          align: 'center',\r\n          formatter (date, index) {\r\n            console.log(date, index)\r\n            let weather = {\r\n              '2019-10-01': {\r\n                maxTemperature: 32,\r\n                minTemperature: 23,\r\n                weatherText: '晴转多云'\r\n              },\r\n              '2019-10-02': {\r\n                maxTemperature: 32,\r\n                minTemperature: 23,\r\n                weatherText: '晴转多云'\r\n              },\r\n              '2019-10-03': {\r\n                maxTemperature: 32,\r\n                minTemperature: 23,\r\n                weatherText: '晴转多云'\r\n              },\r\n              '2019-10-04': {\r\n                maxTemperature: 32,\r\n                minTemperature: 23,\r\n                weatherText: '晴转多云'\r\n              },\r\n              '2019-10-05': {\r\n                maxTemperature: 32,\r\n                minTemperature: 23,\r\n                weatherText: '晴转多云'\r\n              },\r\n              '2019-10-06': {\r\n                maxTemperature: 32,\r\n                minTemperature: 23,\r\n                weatherText: '晴转多云'\r\n              },\r\n              '2019-10-07': {\r\n                maxTemperature: 32,\r\n                minTemperature: 23,\r\n                weatherText: '晴转多云'\r\n              }\r\n            }\r\n            return [\r\n              `{date|${date}}\\n`,\r\n              `{weather|${weather[date].weatherText}}\\n`,\r\n              `{temperature|${weather[date].maxTemperature}℃/${weather[date].minTemperature}℃}\\n`,\r\n              `{date|${date}}\\n`\r\n            ].join('\\n')\r\n          },\r\n          rich: {\r\n            date: {\r\n              color: 'red'\r\n            },\r\n            max: {\r\n              fontSize: 30\r\n            }\r\n          }\r\n        }\r\n      }\r\n    }\r\n\r\n    this.tooltip = {\r\n      formatter (v) {\r\n        return [v.marker + v.seriesName, `(${v.value[0]}, ${v.value[1]})`].join(\r\n          '<br>'\r\n        )\r\n      }\r\n    }\r\n\r\n    this.scatterSetting = {\r\n      xAxisType: 'value',\r\n      symbolSize: 15\r\n    }\r\n    return {\r\n      chartData: {\r\n        columns: ['日期', '访问用户', '下单用户'],\r\n        rows: [\r\n          { 日期: '2019-10-01', 访问用户: 1393, 下单用户: 1093, 下单率: 0.32 },\r\n          { 日期: '2019-10-02', 访问用户: 3530, 下单用户: 3230, 下单率: 0.26 },\r\n          { 日期: '2019-10-03', 访问用户: 2923, 下单用户: 2623, 下单率: 0.76 },\r\n          { 日期: '2019-10-04', 访问用户: 1723, 下单用户: 1423, 下单率: 0.49 },\r\n          { 日期: '2019-10-05', 访问用户: 3792, 下单用户: 3492, 下单率: 0.323 },\r\n          { 日期: '2019-10-06', 访问用户: 4593, 下单用户: 4293, 下单率: 0.78 },\r\n          { 日期: '2019-10-07', 访问用户: 2345, 下单用户: 2234, 下单率: 0.79 }\r\n        ]\r\n      },\r\n      // scatterSetting: {\r\n      // \txAxisType: 'value',\r\n      // \tsymbolSize: 15\r\n      // },\r\n      scatterData: {\r\n        columns: ['x', 'y'],\r\n        rows: {\r\n          Point: scatterCoords\r\n        }\r\n      }\r\n    }\r\n  },\r\n  methods: {\r\n    change () {\r\n      this.scatterSetting.symbolSize =\r\n\t\t\t\tthis.scatterSetting.symbolSize === 15 ? 5 : 15\r\n      console.log(this.scatterSetting)\r\n    }\r\n  }\r\n}\r\n</script>\r\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":""}