[{"data":1,"prerenderedAt":542},["ShallowReactive",2],{"navigation_docs":3,"-charts-pie-chart":177,"-charts-pie-chart-surround":537},[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":109,"body":179,"description":530,"extension":531,"links":532,"meta":533,"navigation":534,"path":110,"seo":535,"stem":111,"__hash__":536},"docs/3.charts/4.pie-chart.md",{"type":180,"value":181,"toc":521},"minimark",[182,186,191,196,200,208,212,216,222,226,230,241,245,249],[183,184,185],"p",{},"Pie charts display data as proportional slices of a circle.",[187,188,190],"h2",{"id":189},"simple-pie-chart","Simple Pie Chart",[192,193],"chart-demo",{"description":194,"name":190,"src":195},"A basic pie chart with colored slices.","pie-charts/simple-pie-chart",[187,197,199],{"id":198},"donut-chart","Donut Chart",[183,201,202,203,207],{},"Set ",[204,205,206],"code",{},"innerRadius"," to create a donut.",[192,209],{"description":210,"name":199,"src":211},"A pie chart with inner radius creating a donut shape.","pie-charts/donut-pie-chart",[187,213,215],{"id":214},"pie-chart-with-labels","Pie Chart with Labels",[183,217,202,218,221],{},[204,219,220],{},":label=\"true\""," to show labels outside each slice.",[192,223],{"description":224,"name":215,"src":225},"A pie chart with value labels on each slice.","pie-charts/label-pie-chart",[187,227,229],{"id":228},"half-pie-chart","Half Pie Chart",[183,231,232,233,236,237,240],{},"Use ",[204,234,235],{},"startAngle"," and ",[204,238,239],{},"endAngle"," to create a semicircle.",[192,242],{"description":243,"name":229,"src":244},"A semicircle pie chart using start and end angles.","pie-charts/half-pie-chart",[187,246,248],{"id":247},"pie-props","Pie props",[250,251,252,271],"table",{},[253,254,255],"thead",{},[256,257,258,262,265,268],"tr",{},[259,260,261],"th",{},"Prop",[259,263,264],{},"Type",[259,266,267],{},"Default",[259,269,270],{},"Description",[272,273,274,296,314,334,354,372,391,410,427,445,463,482,502],"tbody",{},[256,275,276,282,287,293],{},[277,278,279],"td",{},[204,280,281],{},"dataKey",[277,283,284],{},[204,285,286],{},"string | number | Function",[277,288,289],{},[290,291,292],"strong",{},"required",[277,294,295],{},"Key from data",[256,297,298,303,308,311],{},[277,299,300],{},[204,301,302],{},"data",[277,304,305],{},[204,306,307],{},"Array",[277,309,310],{},"—",[277,312,313],{},"Pie data array",[256,315,316,321,326,331],{},[277,317,318],{},[204,319,320],{},"nameKey",[277,322,323],{},[204,324,325],{},"string",[277,327,328],{},[204,329,330],{},"'name'",[277,332,333],{},"Key for slice names",[256,335,336,341,346,351],{},[277,337,338],{},[204,339,340],{},"cx",[277,342,343],{},[204,344,345],{},"number | string",[277,347,348],{},[204,349,350],{},"'50%'",[277,352,353],{},"Center X",[256,355,356,361,365,369],{},[277,357,358],{},[204,359,360],{},"cy",[277,362,363],{},[204,364,345],{},[277,366,367],{},[204,368,350],{},[277,370,371],{},"Center Y",[256,373,374,378,383,388],{},[277,375,376],{},[204,377,206],{},[277,379,380],{},[204,381,382],{},"number",[277,384,385],{},[204,386,387],{},"0",[277,389,390],{},"Inner radius (0 = pie, >0 = donut)",[256,392,393,398,402,407],{},[277,394,395],{},[204,396,397],{},"outerRadius",[277,399,400],{},[204,401,345],{},[277,403,404],{},[204,405,406],{},"'80%'",[277,408,409],{},"Outer radius",[256,411,412,416,420,424],{},[277,413,414],{},[204,415,235],{},[277,417,418],{},[204,419,382],{},[277,421,422],{},[204,423,387],{},[277,425,426],{},"Start angle in degrees",[256,428,429,433,437,442],{},[277,430,431],{},[204,432,239],{},[277,434,435],{},[204,436,382],{},[277,438,439],{},[204,440,441],{},"360",[277,443,444],{},"End angle in degrees",[256,446,447,452,456,460],{},[277,448,449],{},[204,450,451],{},"paddingAngle",[277,453,454],{},[204,455,382],{},[277,457,458],{},[204,459,387],{},[277,461,462],{},"Gap between slices",[256,464,465,470,474,479],{},[277,466,467],{},[204,468,469],{},"activeIndex",[277,471,472],{},[204,473,382],{},[277,475,476],{},[204,477,478],{},"-1",[277,480,481],{},"Active slice index",[256,483,484,489,494,499],{},[277,485,486],{},[204,487,488],{},"label",[277,490,491],{},[204,492,493],{},"boolean",[277,495,496],{},[204,497,498],{},"false",[277,500,501],{},"Show labels",[256,503,504,509,513,518],{},[277,505,506],{},[204,507,508],{},"isAnimationActive",[277,510,511],{},[204,512,493],{},[277,514,515],{},[204,516,517],{},"true",[277,519,520],{},"Enable animation",{"title":522,"searchDepth":523,"depth":523,"links":524},"",2,[525,526,527,528,529],{"id":189,"depth":523,"text":190},{"id":198,"depth":523,"text":199},{"id":214,"depth":523,"text":215},{"id":228,"depth":523,"text":229},{"id":247,"depth":523,"text":248},"Build pie and donut charts for part-to-whole comparisons","md",null,{},{"icon":112},{"title":109,"description":530},"MFg1KLZB9XK1A3Bws6FwLRRvxcjMaO7txa0KC1IkoTA",[538,540],{"title":104,"path":105,"stem":106,"description":539,"icon":107,"children":-1},"Build line charts with custom dots, labels, and multiple series",{"title":114,"path":115,"stem":116,"description":541,"icon":117,"children":-1},"Build radar charts for multi-dimensional data comparison",1775929455578]