[{"data":1,"prerenderedAt":417},["ShallowReactive",2],{"navigation_docs":3,"-components-customized":177,"-components-customized-surround":414},[4,21,77,137],{"title":5,"icon":6,"path":7,"stem":8,"children":9,"page":20},"Getting Started","i-lucide-rocket","/getting-started","1.getting-started",[10,15],{"title":11,"path":12,"stem":13,"icon":14},"Introduction","/getting-started/introduction","1.getting-started/1.introduction","i-lucide-house",{"title":16,"path":17,"stem":18,"icon":19},"Installation","/getting-started/installation","1.getting-started/2.installation","i-lucide-download",false,{"title":22,"icon":23,"path":24,"stem":25,"children":26,"page":20},"Guides","i-lucide-book-open","/guides","2.guides",[27,32,37,42,47,52,57,62,67,72],{"title":28,"path":29,"stem":30,"icon":31},"Customize","/guides/customize","2.guides/01.customize","i-lucide-paintbrush",{"title":33,"path":34,"stem":35,"icon":36},"Active Index","/guides/active-state","2.guides/02.active-state","i-lucide-mouse-pointer",{"title":38,"path":39,"stem":40,"icon":41},"Domain and Ticks","/guides/domain-and-ticks","2.guides/03.domain-and-ticks","i-lucide-ruler",{"title":43,"path":44,"stem":45,"icon":46},"Axis Ticks","/guides/axis-ticks","2.guides/04.axis-ticks","i-lucide-hash",{"title":48,"path":49,"stem":50,"icon":51},"Chart Size","/guides/chart-size","2.guides/05.chart-size","i-lucide-maximize",{"title":53,"path":54,"stem":55,"icon":56},"Z-Index and Layers","/guides/z-order-and-layers","2.guides/06.z-order-and-layers","i-lucide-layers",{"title":58,"path":59,"stem":60,"icon":61},"Coordinate Systems","/guides/coordinate-systems","2.guides/07.coordinate-systems","i-lucide-crosshair",{"title":63,"path":64,"stem":65,"icon":66},"Performance","/guides/performance","2.guides/08.performance","i-lucide-zap",{"title":68,"path":69,"stem":70,"icon":71},"Rounded Bar Corners","/guides/rounded-bar-corners","2.guides/09.rounded-bar-corners","i-lucide-square",{"title":73,"path":74,"stem":75,"icon":76},"Bar Alignment","/guides/bar-alignment","2.guides/10.bar-alignment","i-lucide-align-center",{"title":78,"icon":79,"path":80,"stem":81,"children":82,"page":20},"Charts","i-lucide-bar-chart-3","/charts","3.charts",[83,88,93,98,103,108,113,118,123,128,133],{"title":84,"path":85,"stem":86,"icon":87},"Area Chart","/charts/area-chart","3.charts/1.area-chart","i-lucide-area-chart",{"title":89,"path":90,"stem":91,"icon":92},"Treemap","/charts/treemap","3.charts/10.treemap","i-lucide-layout-grid",{"title":94,"path":95,"stem":96,"icon":97},"Sankey","/charts/sankey","3.charts/11.sankey","i-lucide-git-fork",{"title":99,"path":100,"stem":101,"icon":102},"Bar Chart","/charts/bar-chart","3.charts/2.bar-chart","i-lucide-bar-chart",{"title":104,"path":105,"stem":106,"icon":107},"Line Chart","/charts/line-chart","3.charts/3.line-chart","i-lucide-trending-up",{"title":109,"path":110,"stem":111,"icon":112},"Pie Chart","/charts/pie-chart","3.charts/4.pie-chart","i-lucide-pie-chart",{"title":114,"path":115,"stem":116,"icon":117},"Radar Chart","/charts/radar-chart","3.charts/5.radar-chart","i-lucide-radar",{"title":119,"path":120,"stem":121,"icon":122},"Radial Bar Chart","/charts/radial-bar-chart","3.charts/6.radial-bar-chart","i-lucide-circle-dot",{"title":124,"path":125,"stem":126,"icon":127},"Scatter Chart","/charts/scatter-chart","3.charts/7.scatter-chart","i-lucide-scatter-chart",{"title":129,"path":130,"stem":131,"icon":132},"Funnel Chart","/charts/funnel-chart","3.charts/8.funnel-chart","i-lucide-filter",{"title":134,"path":135,"stem":136,"icon":56},"Composed Chart","/charts/composed-chart","3.charts/9.composed-chart",{"title":138,"icon":139,"path":140,"stem":141,"children":142,"page":20},"Components","i-lucide-code","/components","4.components",[143,148,153,158,163,167,172],{"title":144,"path":145,"stem":146,"icon":147},"Tooltip","/components/tooltip","4.components/1.tooltip","i-lucide-message-square",{"title":149,"path":150,"stem":151,"icon":152},"Legend","/components/legend","4.components/2.legend","i-lucide-list",{"title":154,"path":155,"stem":156,"icon":157},"CartesianGrid","/components/cartesian-grid","4.components/3.cartesian-grid","i-lucide-grid-3x3",{"title":159,"path":160,"stem":161,"icon":162},"Axes","/components/axis","4.components/4.axis","i-lucide-move",{"title":164,"path":165,"stem":166,"icon":61},"Reference Elements","/components/reference-elements","4.components/5.reference-elements",{"title":168,"path":169,"stem":170,"icon":171},"Text","/components/text","4.components/6.text","i-lucide-type",{"title":173,"path":174,"stem":175,"icon":176},"Customized","/components/customized","4.components/7.customized","i-lucide-pencil-ruler",{"id":178,"title":173,"body":179,"description":407,"extension":408,"links":409,"meta":410,"navigation":411,"path":174,"seo":412,"stem":175,"__hash__":413},"docs/4.components/7.customized.md",{"type":180,"value":181,"toc":399},"minimark",[182,194,199,202,208,212,219,224,228,309,313],[183,184,185,189,190,193],"p",{},[186,187,188],"code",{},"\u003CCustomized>"," is a renderless component that exposes chart internal state via its ",[186,191,192],{},"#default"," scoped slot, letting you render arbitrary SVG elements with full access to computed chart data.",[195,196,198],"h2",{"id":197},"basic-usage","Basic usage",[183,200,201],{},"Render a custom annotation using chart dimensions and offset:",[203,204],"chart-demo",{"description":205,"name":206,"src":207},"Draw custom SVG elements using chart internal state.","Custom Annotation","customized-charts/customized-annotation-chart",[195,209,211],{"id":210},"access-graphical-items","Access graphical items",[183,213,214,215,218],{},"Use ",[186,216,217],{},"formattedGraphicalItems"," to read registered graphical items and their data:",[203,220],{"description":221,"name":222,"src":223},"Read graphical item metadata to render custom overlays.","Graphical Items","customized-charts/customized-items-chart",[195,225,227],{"id":226},"slot-props","Slot props",[229,230,231,247],"table",{},[232,233,234],"thead",{},[235,236,237,241,244],"tr",{},[238,239,240],"th",{},"Prop",[238,242,243],{},"Type",[238,245,246],{},"Description",[248,249,250,265,280,294],"tbody",{},[235,251,252,257,262],{},[253,254,255],"td",{},[186,256,217],{},[253,258,259],{},[186,260,261],{},"FormattedGraphicalItem[]",[253,263,264],{},"All registered graphical items with type, dataKey, and settings",[235,266,267,272,277],{},[253,268,269],{},[186,270,271],{},"chartWidth",[253,273,274],{},[186,275,276],{},"number",[253,278,279],{},"Total chart width",[235,281,282,287,291],{},[253,283,284],{},[186,285,286],{},"chartHeight",[253,288,289],{},[186,290,276],{},[253,292,293],{},"Total chart height",[235,295,296,301,306],{},[253,297,298],{},[186,299,300],{},"offset",[253,302,303],{},[186,304,305],{},"{ top, right, bottom, left }",[253,307,308],{},"Plot area offset (after margins and axes)",[195,310,312],{"id":311},"formattedgraphicalitem","FormattedGraphicalItem",[229,314,315,326],{},[232,316,317],{},[235,318,319,322,324],{},[238,320,321],{},"Field",[238,323,243],{},[238,325,246],{},[248,327,328,369,384],{},[235,329,330,335,340],{},[253,331,332],{},[186,333,334],{},"type",[253,336,337],{},[186,338,339],{},"string",[253,341,342,343,346,347,346,350,346,353,346,356,346,359,346,362,346,365,368],{},"Item type (",[186,344,345],{},"'line'",", ",[186,348,349],{},"'bar'",[186,351,352],{},"'area'",[186,354,355],{},"'scatter'",[186,357,358],{},"'pie'",[186,360,361],{},"'radar'",[186,363,364],{},"'radialBar'",[186,366,367],{},"'funnel'",")",[235,370,371,376,381],{},[253,372,373],{},[186,374,375],{},"dataKey",[253,377,378],{},[186,379,380],{},"DataKey",[253,382,383],{},"Data key used by the item",[235,385,386,391,396],{},[253,387,388],{},[186,389,390],{},"props",[253,392,393],{},[186,394,395],{},"object",[253,397,398],{},"Full item settings (axis IDs, stack config, etc.)",{"title":400,"searchDepth":401,"depth":401,"links":402},"",2,[403,404,405,406],{"id":197,"depth":401,"text":198},{"id":210,"depth":401,"text":211},{"id":226,"depth":401,"text":227},{"id":311,"depth":401,"text":312},"Access chart internal state to render custom SVG elements","md",null,{},{"icon":176},{"title":173,"description":407},"YP8h75w1z7wk8KHHL3QcuvRDpQcIqRvgfFGtVdnPgmc",[415,409],{"title":168,"path":169,"stem":170,"description":416,"icon":171,"children":-1},"Render SVG text with auto-wrapping, rotation, and scaling",1775929456783]