UNPKG

quick-admin-vue3-core

Version:

以快(计算机执行效率、开发效率)为核心的后台管理系统开发模板

2 lines (1 loc) 5.77 kB
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("vue"),s=require("./Chart.vue_vue_type_script_setup_true_lang-Dad6RzlR.cjs"),a=require("./ChartLine.vue_vue_type_script_setup_true_lang-ITMQ-LY3.cjs"),l=require("./ChartBar.vue_vue_type_script_setup_true_lang-D0HJTKvf.cjs"),n=require("./ChartPie.vue_vue_type_script_setup_true_lang-DoC7VMft.cjs"),i=require("./MultiCharts.vue_vue_type_script_setup_true_lang-DPhwhSEE.cjs"),_=require("./_plugin-vue_export-helper-BHFhmbuH.cjs"),d={class:"row f-sb-s"},c={class:"row f-sb-s"},u=e.defineComponent({name:"DemoCenterChartEcharts",__name:"index",setup(x){const r={xAxis:{type:"category",data:["Mon","Tue","Wed","Thu","Fri","Sat","Sun"]},yAxis:{type:"value"},series:[{data:[150,230,224,218,135,147,260],type:"line"}]},o=[{type:"line",title:"折线图",dataset:[["type","销售额","订单量","客单价","动销率"],["2019-01-01",100,20,4,30],["2019-01-02",110,21,5,30],["2019-01-03",120,22,6,30],["2019-01-04",140,23,7,30],["2019-01-05",150,24,8,30],["2019-01-06",160,25,9,30]],xAxis:{name:"日期"},yAxis:{name:"金额($)"},series:{smooth:!0}},{type:"line",title:"折线图",dataset:[["type","销售额","订单量","客单价","动销率"],["2019-01-01",100,20,44,30],["2019-01-02",110,21,55,30],["2019-01-03",120,22,66,30],["2019-01-04",140,23,72,30],["2019-01-05",150,24,180,30],["2019-01-06",160,25,92,30]],xAxis:{name:"日期"},yAxis:{name:"%"},series:{smooth:!0}},{type:"line",title:"折线图",dataset:[["type","销售额","订单量","客单价","动销率"],["2019-01-01",100,20,4,30],["2019-01-02",110,21,5,30],["2019-01-03",120,22,6,30],["2019-01-04",140,23,7,30],["2019-01-05",150,24,8,30],["2019-01-06",160,25,9,30]],xAxis:{name:"日期"},yAxis:{name:"金额($)"},series:{smooth:!0}},{type:"bar",title:"柱状图",dataset:[["type","销售额","订单量","客单价","动销率"],["2019-01-01",100,20,44,30],["2019-01-02",110,21,55,30],["2019-01-03",120,22,66,30],["2019-01-04",140,23,72,30],["2019-01-05",150,24,180,30],["2019-01-06",160,25,92,30]],xAxis:{name:"日期"},yAxis:{name:"数量"},series:{barWidth:5,itemStyle:{borderRadius:[8,8,0,0]}}},{type:"bar",title:"柱状图",dataset:[["type","销售额","订单量","客单价","动销率"],["2019-01-01",100,20,44,30],["2019-01-02",110,21,55,30],["2019-01-03",120,22,66,30],["2019-01-04",140,23,72,30],["2019-01-05",150,24,180,30],["2019-01-06",160,25,92,30]],xAxis:{name:"日期"},yAxis:{name:"数量"},series:{barWidth:5,itemStyle:{borderRadius:[8,8,0,0]}}},{type:"bar",title:"柱状图",dataset:[["type","销售额","订单量","客单价","动销率"],["2019-01-01",100,20,44,30],["2019-01-02",110,21,55,30],["2019-01-03",120,22,66,30],["2019-01-04",140,23,72,30],["2019-01-05",150,24,180,30],["2019-01-06",160,25,92,30]],xAxis:{name:"日期"},yAxis:{name:"数量"},series:{barWidth:5,itemStyle:{borderRadius:[8,8,0,0]}}},{type:"pie",title:"饼状图",dataset:[["type","销售额"],["销售额",100],["订单量",110],["客单价",120],["动销率",150]],xAxis:{show:!1},yAxis:{show:!1},series:[{radius:70},{radius:[45,70]}]},{type:"pie",title:"饼状图",dataset:[["type","销售额"],["销售额",100],["订单量",110],["客单价",120],["动销率",150]],xAxis:{show:!1},yAxis:{show:!1},series:[{radius:70},{radius:[45,70]}]},{type:"pie",title:"饼状图",dataset:[["type","销售额"],["销售额",100],["订单量",110],["客单价",120],["动销率",150]],xAxis:{show:!1},yAxis:{show:!1},series:[{radius:70},{radius:[45,70]}]},{type:"line",title:"折线图",dataset:[["type","销售额","订单量","客单价","动销率"],["2019-01-01",100,20,44,30],["2019-01-02",110,21,55,30],["2019-01-03",120,22,66,30],["2019-01-04",140,23,72,30],["2019-01-05",150,24,180,30],["2019-01-06",160,25,92,30]],xAxis:{name:"日期"},yAxis:{name:"%"},series:{smooth:!0}},{type:"bar",title:"柱状图",dataset:[["type","销售额","订单量","客单价","动销率"],["2019-01-01",100,20,44,30],["2019-01-02",110,21,55,30],["2019-01-03",120,22,66,30],["2019-01-04",140,23,72,30],["2019-01-05",150,24,180,30],["2019-01-06",160,25,92,30]],xAxis:{name:"日期"},yAxis:{name:"数量"},series:{barWidth:10,itemStyle:{borderRadius:[8,8,0,0]}}},{type:"pie",title:"饼状图",dataset:[["type","销售额"],["销售额",100],["订单量",110],["客单价",120],["动销率",150]],xAxis:{show:!1},yAxis:{show:!1},series:[{radius:70},{radius:[45,70]}]}];return(y,f)=>{const t=e.resolveComponent("BaseSection");return e.openBlock(),e.createElementBlock("div",null,[e.createVNode(t,{gap:!1,class:"row f-1",title:"通图图表 - 折线图"},{default:e.withCtx(()=>[e.createVNode(a._sfc_main)]),_:1}),e.createElementVNode("div",d,[e.createVNode(t,{gap:!1,class:"f-1",title:"基础万能图 - Chart"},{default:e.withCtx(()=>[e.createVNode(s._sfc_main)]),_:1}),e.createVNode(t,{gap:!1,class:"f-1",title:"饼图 - ChartPie"},{default:e.withCtx(()=>[e.createVNode(n._sfc_main)]),_:1})]),e.createElementVNode("div",c,[e.createVNode(t,{gap:!1,class:"f-1",title:"自定义option - Chart"},{default:e.withCtx(()=>[e.createVNode(s._sfc_main,{option:r})]),_:1}),e.createVNode(t,{gap:!1,class:"f-1",title:"折线图 - ChartLine"},{default:e.withCtx(()=>[e.createVNode(a._sfc_main)]),_:1}),e.createVNode(t,{gap:!1,class:"f-1",title:"柱状图 - ChartBar(多维度)"},{default:e.withCtx(()=>[e.createVNode(l._sfc_main)]),_:1}),e.createVNode(t,{gap:!1,class:"f-1",title:"柱状图 - ChartBars(多个)"},{default:e.withCtx(()=>[e.createVNode(i._sfc_main)]),_:1})]),e.createVNode(t,{gap:!1,class:"row f-1",title:"单例多图 - MultiCharts(后续完善)"},{default:e.withCtx(()=>[e.createVNode(i._sfc_main$1,{data:o,layout:"4x3",log:"单例多图"})]),_:1})])}}}),p=_._export_sfc(u,[["__scopeId","data-v-e4bbf30c"]]);exports.default=p;