|
|
-import{f as a,j as n,a as s}from"./index-CdXA65-q.js";import{E as d}from"./index-MBAMFHrS.js";const i=["#064E3B","#065F46","#047857","#10A37F","#04CB94"];function p({results:r}){const f={backgroundColor:"transparent",textStyle:{fontFamily:'ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, "PingFang SC", "Microsoft YaHei", sans-serif',color:"#334155"},tooltip:{trigger:"item",backgroundColor:"rgba(15, 23, 42, 0.95)",borderWidth:0,padding:[10,12],textStyle:{color:"#f8fafc",fontSize:12,lineHeight:18},extraCssText:"border-radius: 8px; box-shadow: 0 8px 24px rgba(0,0,0,0.18);",formatter:e=>{const o=e,t=r[o.dataIndex];return t?[`<div style="font-weight:600;margin-bottom:4px">${t.name}</div>`,`<div style="opacity:.75">事件 ${t.event_key}</div>`,`<div>UV <b>${a(t.uv)}</b></div>`,`<div>转化率 <b>${s(t.conversion_rate)}</b></div>`,`<div>流失率 <b>${s(t.dropoff_rate)}</b></div>`].join(""):o.name}},series:[{name:"漏斗",type:"funnel",sort:"none",funnelAlign:"center",gap:4,left:"12%",right:"12%",top:12,bottom:12,min:0,minSize:"12%",maxSize:"100%",label:{show:!0,position:"inside",color:"#ffffff",fontSize:13,fontWeight:600,formatter:e=>{const t=r[e.dataIndex];return t?`${t.name} ${a(t.uv)}`:""}},labelLine:{show:!1},itemStyle:{borderColor:"#ffffff",borderWidth:1,borderRadius:4},emphasis:{label:{fontSize:14},itemStyle:{shadowBlur:8,shadowColor:"rgba(15, 23, 42, 0.25)"}},data:r.map((e,o)=>({value:e.uv,name:e.name,itemStyle:{color:i[o]??i[i.length-1]}}))}]};return n.jsx("div",{className:"px-2 py-3",children:n.jsx(d,{option:f,style:{height:380,width:"100%"},notMerge:!0,"data-testid":"funnel-chart"})})}export{p as FunnelChart};
|
|
|
+import{f as a,j as n,a as s}from"./index-D2UYBtq0.js";import{E as d}from"./index-BMaal5U2.js";const i=["#064E3B","#065F46","#047857","#10A37F","#04CB94"];function p({results:r}){const f={backgroundColor:"transparent",textStyle:{fontFamily:'ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, "PingFang SC", "Microsoft YaHei", sans-serif',color:"#334155"},tooltip:{trigger:"item",backgroundColor:"rgba(15, 23, 42, 0.95)",borderWidth:0,padding:[10,12],textStyle:{color:"#f8fafc",fontSize:12,lineHeight:18},extraCssText:"border-radius: 8px; box-shadow: 0 8px 24px rgba(0,0,0,0.18);",formatter:e=>{const o=e,t=r[o.dataIndex];return t?[`<div style="font-weight:600;margin-bottom:4px">${t.name}</div>`,`<div style="opacity:.75">事件 ${t.event_key}</div>`,`<div>UV <b>${a(t.uv)}</b></div>`,`<div>转化率 <b>${s(t.conversion_rate)}</b></div>`,`<div>流失率 <b>${s(t.dropoff_rate)}</b></div>`].join(""):o.name}},series:[{name:"漏斗",type:"funnel",sort:"none",funnelAlign:"center",gap:4,left:"12%",right:"12%",top:12,bottom:12,min:0,minSize:"12%",maxSize:"100%",label:{show:!0,position:"inside",color:"#ffffff",fontSize:13,fontWeight:600,formatter:e=>{const t=r[e.dataIndex];return t?`${t.name} ${a(t.uv)}`:""}},labelLine:{show:!1},itemStyle:{borderColor:"#ffffff",borderWidth:1,borderRadius:4},emphasis:{label:{fontSize:14},itemStyle:{shadowBlur:8,shadowColor:"rgba(15, 23, 42, 0.25)"}},data:r.map((e,o)=>({value:e.uv,name:e.name,itemStyle:{color:i[o]??i[i.length-1]}}))}]};return n.jsx("div",{className:"px-2 py-3",children:n.jsx(d,{option:f,style:{height:380,width:"100%"},notMerge:!0,"data-testid":"funnel-chart"})})}export{p as FunnelChart};
|
