1 line
3.9 KiB
JavaScript
1 line
3.9 KiB
JavaScript
|
"use strict";(self["webpackChunkscui"]=self["webpackChunkscui"]||[]).push([[9373],{6604:function(t,e,a){a.r(e),a.d(e,{default:function(){return p}});var o=a(641);function i(t,e,a,i,n,r){const l=(0,o.g2)("el-alert"),s=(0,o.g2)("scEcharts"),p=(0,o.g2)("el-card"),u=(0,o.g2)("el-col"),d=(0,o.g2)("el-row"),x=(0,o.g2)("el-main");return(0,o.uX)(),(0,o.Wv)(x,null,{default:(0,o.k6)((()=>[(0,o.bF)(l,{title:"感谢百度Echarts组件, SCUI经过封装后在VUE里使用更方便而且暴露Echarts所有方法,具体请查看本文件",type:"success",style:{"margin-bottom":"20px"}}),(0,o.bF)(d,{gutter:15},{default:(0,o.k6)((()=>[(0,o.bF)(u,{lg:8},{default:(0,o.k6)((()=>[(0,o.bF)(p,{shadow:"never"},{default:(0,o.k6)((()=>[(0,o.bF)(s,{height:"300px",option:n.option},null,8,["option"])])),_:1})])),_:1}),(0,o.bF)(u,{lg:8},{default:(0,o.k6)((()=>[(0,o.bF)(p,{shadow:"never"},{default:(0,o.k6)((()=>[(0,o.bF)(s,{height:"300px",option:n.option2},null,8,["option"])])),_:1})])),_:1}),(0,o.bF)(u,{lg:8},{default:(0,o.k6)((()=>[(0,o.bF)(p,{shadow:"never"},{default:(0,o.k6)((()=>[(0,o.bF)(s,{height:"300px",option:n.option3},null,8,["option"])])),_:1})])),_:1}),(0,o.bF)(u,{lg:8},{default:(0,o.k6)((()=>[(0,o.bF)(p,{shadow:"never"},{default:(0,o.k6)((()=>[(0,o.bF)(s,{height:"300px",option:n.option4},null,8,["option"])])),_:1})])),_:1}),(0,o.bF)(u,{lg:8},{default:(0,o.k6)((()=>[(0,o.bF)(p,{shadow:"never"},{default:(0,o.k6)((()=>[(0,o.bF)(s,{height:"300px",option:n.option5},null,8,["option"])])),_:1})])),_:1}),(0,o.bF)(u,{lg:8},{default:(0,o.k6)((()=>[(0,o.bF)(p,{shadow:"never"},{default:(0,o.k6)((()=>[(0,o.bF)(s,{height:"300px",option:n.option6},null,8,["option"])])),_:1})])),_:1})])),_:1})])),_:1})}var n=a(859),r={name:"chart",components:{scEcharts:n.A},data(){return{option:{title:{text:"Bar Demo",subtext:"基础柱状图"},grid:{top:"80px"},tooltip:{trigger:"axis"},xAxis:{type:"category",data:["Mon","Tue","Wed","Thu","Fri","Sat","Sun"]},yAxis:{type:"value"},series:[{data:[120,200,150,80,70,110,130],type:"bar",barWidth:"15px"},{data:[110,180,120,120,60,90,110],type:"bar",barWidth:"15px"}]},option2:{title:{text:"Line Demo",subtext:"基础折线图"},grid:{top:"80px"},tooltip:{trigger:"axis"},xAxis:{type:"category",data:["Mon","Tue","Wed","Thu","Fri","Sat","Sun"]},yAxis:{type:"value"},series:[{data:[120,200,150,80,70,110,130],type:"line"},{data:[110,180,120,120,60,90,110],type:"line"}]},option3:{title:{text:"Pie Demo",subtext:"基础饼图"},tooltip:{trigger:"item"},series:[{name:"访问来源",type:"pie",radius:["40%","70%"],center:["50%","60%"],label:!1,data:[{value:1048,name:"搜索引擎"},{value:735,name:"直接访问"},{value:580,name:"邮件营销"},{value:484,name:"联盟广告"},{value:300,name:"视频广告"}]}]},option4:{title:{text:"Radar Demo",subtext:"基础雷达(属性)图"},tooltip:{trigger:"item"},radar:{radius:100,center:["50%","55%"],indicator:[{name:"销售",max:100},{name:"管理",max:100},{name:"信息技术",max:100},{name:"客服",max:100},{name:"研发",max:100},{name:"市场",max:100}]},series:[{name:"SCUI",type:"radar",areaStyle:{},data:[{value:[74,90,95,65,80,31]}]}]},option5:{title:{text:"Kline Demo",subtext:"基础K线图"},grid:{top:"80px"},tooltip:{trigger:"axis",axisPointer:{type:"cross"}},xAxis:{data:["2017-10-23","2017-10-24","2017-10-25","2017-10-26","2017-10-27","2017-10-28","2017-10-29","2017-10-30"]},yAxis:{scale:!0},series:[{type:"k",data:[[2213.19,2199.31,2191.85,2224.63],[2203.89,2177.91,2173.86,2210.58],[2170.78,2174.12,2161.14,2179.65],[2179.05,2205.5,2179.05,2222.81],[2212.5,2231.17,2212.5,2236.07],[2227.86,2235.57,2219.44,2240.26],[2242.39,2246.3,2235.42,2255.21],[2246.96,2232.97,2221.38,2247.86]]}]},option6:{title:{text:"Gauge Demo",subtext:"基础仪表盘"},series:[{center:["50%","60%"],type:"gauge",anchor:{show:!0,showAbove:!0,size:20,itemStyle:{borderWidth:5}},progress:{show:!0},data:[{value:70}]}]}}}},l=a(6262);const s=(0,l.A)(r,[["render",i]]);var p=s}}]);
|