https://www.xinmedia.com/_next/static/chunks/5251.629123a30fd96bc2.js

1(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[5251],{45251:function(e,t,a){"use strict";a.r(t);var s=a(57437),r=a(76705),o=a(2265),n=a(14084),l=a(43450),i=a.n(l);n.kL.register(n.qi,n.u,n.De),t.default=()=>{let e=(0,o.useRef)(null),t=(0,o.useRef)(null),[a,n]=(0,o.useState)(!1),[l,u]=(0,o.useState)({datasets:[{data:[58.84,41.16],backgroundColor:[],borderWidth:0}]}),d=e=>{let t=e.createLinearGradient(0,0,0,200);t.addColorStop(0,"#F7FF57"),t.addColorStop(1,"#248DFF");let a=e.createLinearGradient(0,0,0,400);return a.addColorStop(0,"#FF6D40"),a.addColorStop(1,"#F7FF57"),[a,t]};return((0,o.useEffect)(()=>{if(e.current){let t=d(e.current.ctx);u(e=>({...e,datasets:[{...e.datasets[0],backgroundColor:t}]}))}},[a]),(0,o.useEffect)(()=>{let e=new IntersectionObserver(e=>{let[t]=e;t.isIntersecting&&n(!0)},{threshold:.5}),a=t.current;return a&&e.observe(a),()=>{a&&e.unobserve(a)}},[]),a)?(0,s.jsxs)("div",{ref:t,style:{transition:"opacity 1s ease-out, transform 1s ease-out"},className:"relative m-auto h-[15.56vw] w-full max-lg:h-[51.25vw]",children:[(0,s.jsx)("p",{className:"absolute left-[-18%] top-[10%] font-sans font-medium text-white max-lg:text-[clamp(16px,3.2vw,30px)] max-sm:left-[-22%]",children:"男性41.16%"}),(0,s.jsx)(r.$I,{ref:e,data:l,options:{maintainAspectRatio:!1,plugins:{legend:{position:"top"},tooltip:{enabled:!0}}}}),(0,s.jsx)("p",{className:"absolute bottom-[10%] right-[-22%] font-sans font-medium text-white max-lg:text-[clamp(16px,3.2vw,30px)] max-sm:right-[-25%]",children:"女性58.84%"})]}):(0,s.jsx)("div",{ref:t,className:i().chartContainer})}},43450:function(){}}]);