deploy: design: 顶栏数据平台降到 font-medium(汉字密度高,求视觉等重)

assets/FunnelChart-BVt_CD5X.js → assets/FunnelChart-BuFVuRDf.js

@@ -1 +1 @@
-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};
+import{f as a,j as n,a as s}from"./index-DbCm1Wjj.js";import{E as d}from"./index-CHy_40cC.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};

assets/TrendChart-DHF-KEm5.js → assets/TrendChart-ocTeBMXT.js

@@ -1 +1 @@
-import{j as o}from"./index-D2UYBtq0.js";import{E as p}from"./index-BMaal5U2.js";function m({categories:r,series:s,valueFormatter:a,testId:l}){const n={backgroundColor:"transparent",textStyle:{fontFamily:'ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, "PingFang SC", "Microsoft YaHei", sans-serif',color:"#334155"},grid:{left:8,right:16,top:36,bottom:8,containLabel:!0},legend:{type:"scroll",top:0,textStyle:{fontSize:12},itemWidth:18},tooltip:{trigger:"axis",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 i=e;if(!i.length)return"";const d=`<div style="font-weight:600;margin-bottom:4px">${i[0].axisValue}</div>`,f=i.map(t=>`<div>${t.marker}${t.seriesName} <b>${t.value==null?"—":a(t.value)}</b></div>`).join("");return d+f}},xAxis:{type:"category",data:r,boundaryGap:!1,axisLabel:{fontSize:11,hideOverlap:!0},axisTick:{alignWithLabel:!0}},yAxis:{type:"value",axisLabel:{fontSize:11,formatter:e=>a(e)},splitLine:{lineStyle:{color:"#eef2f6"}}},series:s.map(e=>({name:e.name,type:"line",data:e.data,connectNulls:!1,showSymbol:!1,lineStyle:{width:2},itemStyle:{color:e.color},emphasis:{focus:"series"}}))};return o.jsx("div",{className:"px-1 py-2",children:o.jsx(p,{option:n,style:{height:320,width:"100%"},notMerge:!0,"data-testid":l})})}export{m as TrendChart};
+import{j as o}from"./index-DbCm1Wjj.js";import{E as p}from"./index-CHy_40cC.js";function m({categories:r,series:s,valueFormatter:a,testId:l}){const n={backgroundColor:"transparent",textStyle:{fontFamily:'ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, "PingFang SC", "Microsoft YaHei", sans-serif',color:"#334155"},grid:{left:8,right:16,top:36,bottom:8,containLabel:!0},legend:{type:"scroll",top:0,textStyle:{fontSize:12},itemWidth:18},tooltip:{trigger:"axis",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 i=e;if(!i.length)return"";const d=`<div style="font-weight:600;margin-bottom:4px">${i[0].axisValue}</div>`,f=i.map(t=>`<div>${t.marker}${t.seriesName} <b>${t.value==null?"—":a(t.value)}</b></div>`).join("");return d+f}},xAxis:{type:"category",data:r,boundaryGap:!1,axisLabel:{fontSize:11,hideOverlap:!0},axisTick:{alignWithLabel:!0}},yAxis:{type:"value",axisLabel:{fontSize:11,formatter:e=>a(e)},splitLine:{lineStyle:{color:"#eef2f6"}}},series:s.map(e=>({name:e.name,type:"line",data:e.data,connectNulls:!1,showSymbol:!1,lineStyle:{width:2},itemStyle:{color:e.color},emphasis:{focus:"series"}}))};return o.jsx("div",{className:"px-1 py-2",children:o.jsx(p,{option:n,style:{height:320,width:"100%"},notMerge:!0,"data-testid":l})})}export{m as TrendChart};

index.html

@@ -6,7 +6,7 @@
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
     <meta name="theme-color" content="#04CB94" />
     <title>HS Data · 数据平台</title>
-    <script type="module" crossorigin src="/assets/index-D2UYBtq0.js"></script>
+    <script type="module" crossorigin src="/assets/index-DbCm1Wjj.js"></script>
     <link rel="stylesheet" crossorigin href="/assets/index-BXw6aorT.css">
   </head>
   <body>