2 lines
2.5 KiB
JavaScript
2 lines
2.5 KiB
JavaScript
import{i as A,L as E}from"./index-06v0hgpB.js";import{d as w,r as n,o as b,e as L,a as S,c as _}from"./index-wyO9_XA2.js";const k=w({__name:"KoiLeftChart",setup(g){const c=n(),a=n(),u=n([{name:"河南",value:366},{name:"郑州",value:356},{name:"广东",value:335},{name:"福建",value:320},{name:"浙江",value:302},{name:"上海",value:280},{name:"北京",value:256},{name:"江苏",value:236},{name:"四川",value:290},{name:"重庆",value:195},{name:"陕西",value:160},{name:"湖南",value:140},{name:"河北",value:170},{name:"辽宁",value:152},{name:"湖北",value:120},{name:"江西",value:99},{name:"天津",value:107},{name:"吉林",value:90},{name:"青海",value:69},{name:"山东",value:266},{name:"山西",value:65},{name:"云南",value:87},{name:"安徽",value:79}]),s=n(),p=n(-1),i=n(9);b(()=>{x(),f(),d(),h(),window.addEventListener("resize",d)}),L(()=>{a.value.dispose(),a.value=null,clearInterval(s.value),s.value=null,window.removeEventListener("resize",d)});const x=()=>{var t;a.value=A(c.value);const e={grid:{top:"12%",left:"0",right:"0",bottom:"0",containLabel:!0},tooltip:{show:!0},xAxis:{type:"category"},yAxis:{type:"value",splitLine:{show:!1}},series:[{type:"bar",label:{color:"#077EF8",show:!0,position:"top"}}]};(t=a.value)==null||t.setOption(e),a.value.on("mouseover",()=>{clearInterval(s.value)}),a.value.on("mouseout",()=>{h()})},f=()=>{u.value=u.value.sort((e,t)=>t.value-e.value),p.value++,i.value++,i.value>u.value.length-1&&(p.value=0,i.value=9),y()},y=()=>{var r;const e=[["#0BA82C","#4FF778"],["#2E72BF","#23E5E5"],["#5052EE","#AB6EE5"],["hotpink","lightsalmon"]],t=u.value.map(l=>l.name),v=u.value.map(l=>l.value),m={xAxis:{data:t},series:[{data:v,itemStyle:{label:{show:!0,position:"top"},color:l=>{let o="lightpink";return l.value>300?o=e[0]:l.value>200?o=e[1]:l.value>100?o=e[2]:o=e[3],new E(0,0,0,1,[{offset:0,color:o[0]},{offset:1,color:o[1]}])}}}],dataZoom:{show:!1,startValue:p.value,endValue:i.value}};(r=a.value)==null||r.setOption(m)},d=()=>{var v,m,r;const e=n(Math.round(((v=c.value)==null?void 0:v.offsetWidth)/50)),t={title:{textStyle:{fontSize:e.value}},series:[{barWidth:Math.round(e.value*2),itemStyle:{label:{textStyle:{fontSize:Math.round(e.value*.8)}}}}],xAxis:{axisLabel:{fontSize:Math.round(e.value*.8)}},yAxis:{axisLabel:{fontSize:Math.round(e.value*.8)}}};(m=a.value)==null||m.setOption(t),(r=a.value)==null||r.resize()},h=()=>{s.value=setInterval(()=>{f()},2e3)};return(e,t)=>(S(),_("div",{ref_key:"refChart",ref:c,style:{height:"350px"}},null,512))}});export{k as default};
|