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