[{"data":1,"prerenderedAt":964},["ShallowReactive",2],{"navigation_docs":3,"-charts-pie-chart":279,"-charts-pie-chart-surround":959},[4,26,112,211],{"title":5,"icon":6,"path":7,"stem":8,"children":9,"page":25},"Getting Started","i-lucide-rocket","\u002Fgetting-started","1.getting-started",[10,15,20],{"title":11,"path":12,"stem":13,"icon":14},"Introduction","\u002Fgetting-started\u002Fintroduction","1.getting-started\u002F1.introduction","i-lucide-house",{"title":16,"path":17,"stem":18,"icon":19},"Installation","\u002Fgetting-started\u002Finstallation","1.getting-started\u002F2.installation","i-lucide-download",{"title":21,"path":22,"stem":23,"icon":24},"Migrate from 0.6","\u002Fgetting-started\u002Fmigration","1.getting-started\u002F3.migration","i-lucide-arrow-up-circle",false,{"title":27,"icon":28,"path":29,"stem":30,"children":31,"page":25},"Guides","i-lucide-book-open","\u002Fguides","2.guides",[32,37,42,47,52,57,62,67,72,77,82,87,92,97,102,107],{"title":33,"path":34,"stem":35,"icon":36},"Customize","\u002Fguides\u002Fcustomize","2.guides\u002F01.customize","i-lucide-paintbrush",{"title":38,"path":39,"stem":40,"icon":41},"Axis Domain and Ticks","\u002Fguides\u002Faxis-domain-and-ticks","2.guides\u002F03.axis-domain-and-ticks","i-lucide-ruler",{"title":43,"path":44,"stem":45,"icon":46},"Chart Size","\u002Fguides\u002Fchart-size","2.guides\u002F05.chart-size","i-lucide-maximize",{"title":48,"path":49,"stem":50,"icon":51},"Z-Order and Layers","\u002Fguides\u002Fz-order-and-layers","2.guides\u002F06.z-order-and-layers","i-lucide-layers",{"title":53,"path":54,"stem":55,"icon":56},"Coordinate Systems","\u002Fguides\u002Fcoordinate-systems","2.guides\u002F07.coordinate-systems","i-lucide-crosshair",{"title":58,"path":59,"stem":60,"icon":61},"Performance","\u002Fguides\u002Fperformance","2.guides\u002F08.performance","i-lucide-zap",{"title":63,"path":64,"stem":65,"icon":66},"Rounded Bar Corners","\u002Fguides\u002Frounded-bar-corners","2.guides\u002F09.rounded-bar-corners","i-lucide-square",{"title":68,"path":69,"stem":70,"icon":71},"Bar Alignment","\u002Fguides\u002Fbar-alignment","2.guides\u002F10.bar-alignment","i-lucide-align-center",{"title":73,"path":74,"stem":75,"icon":76},"Nuxt and SSR","\u002Fguides\u002Fnuxt-and-ssr","2.guides\u002F11.nuxt-and-ssr","i-lucide-server",{"title":78,"path":79,"stem":80,"icon":81},"Animation","\u002Fguides\u002Fanimation","2.guides\u002F12.animation","i-lucide-sparkles",{"title":83,"path":84,"stem":85,"icon":86},"Events and v-model","\u002Fguides\u002Fevents-and-models","2.guides\u002F13.events-and-models","i-lucide-mouse-pointer-click",{"title":88,"path":89,"stem":90,"icon":91},"TypeScript","\u002Fguides\u002Ftypescript","2.guides\u002F14.typescript","i-lucide-file-code",{"title":93,"path":94,"stem":95,"icon":96},"Theming and dark mode","\u002Fguides\u002Ftheming","2.guides\u002F15.theming","i-lucide-palette",{"title":98,"path":99,"stem":100,"icon":101},"shadcn-vue","\u002Fguides\u002Fshadcn-vue","2.guides\u002F16.shadcn-vue","i-lucide-component",{"title":103,"path":104,"stem":105,"icon":106},"Dashboard recipes","\u002Fguides\u002Fdashboard-recipes","2.guides\u002F17.dashboard-recipes","i-lucide-layout-dashboard",{"title":108,"path":109,"stem":110,"icon":111},"Accessibility","\u002Fguides\u002Faccessibility","2.guides\u002F18.accessibility","i-lucide-accessibility",{"title":113,"icon":114,"path":115,"stem":116,"children":117,"page":25},"Charts","i-lucide-bar-chart-3","\u002Fcharts","3.charts",[118,123,128,133,138,143,148,153,158,163,167,172,177,182,187,192,197,201,206],{"title":119,"path":120,"stem":121,"icon":122},"Chart Containers","\u002Fcharts\u002Fchart-containers","3.charts\u002F0.chart-containers","i-lucide-box",{"title":124,"path":125,"stem":126,"icon":127},"Area Chart","\u002Fcharts\u002Farea-chart","3.charts\u002F01.area-chart","i-lucide-area-chart",{"title":129,"path":130,"stem":131,"icon":132},"Bar Chart","\u002Fcharts\u002Fbar-chart","3.charts\u002F02.bar-chart","i-lucide-bar-chart",{"title":134,"path":135,"stem":136,"icon":137},"Line Chart","\u002Fcharts\u002Fline-chart","3.charts\u002F03.line-chart","i-lucide-trending-up",{"title":139,"path":140,"stem":141,"icon":142},"Pie Chart","\u002Fcharts\u002Fpie-chart","3.charts\u002F04.pie-chart","i-lucide-pie-chart",{"title":144,"path":145,"stem":146,"icon":147},"Radar Chart","\u002Fcharts\u002Fradar-chart","3.charts\u002F05.radar-chart","i-lucide-radar",{"title":149,"path":150,"stem":151,"icon":152},"Radial Bar Chart","\u002Fcharts\u002Fradial-bar-chart","3.charts\u002F06.radial-bar-chart","i-lucide-circle-dot",{"title":154,"path":155,"stem":156,"icon":157},"Scatter Chart","\u002Fcharts\u002Fscatter-chart","3.charts\u002F07.scatter-chart","i-lucide-scatter-chart",{"title":159,"path":160,"stem":161,"icon":162},"Funnel Chart","\u002Fcharts\u002Ffunnel-chart","3.charts\u002F08.funnel-chart","i-lucide-filter",{"title":164,"path":165,"stem":166,"icon":51},"Composed Chart","\u002Fcharts\u002Fcomposed-chart","3.charts\u002F09.composed-chart",{"title":168,"path":169,"stem":170,"icon":171},"Treemap","\u002Fcharts\u002Ftreemap","3.charts\u002F10.treemap","i-lucide-layout-grid",{"title":173,"path":174,"stem":175,"icon":176},"Sunburst Chart","\u002Fcharts\u002Fsunburst-chart","3.charts\u002F11.sunburst-chart","i-lucide-sun",{"title":178,"path":179,"stem":180,"icon":181},"Sankey","\u002Fcharts\u002Fsankey","3.charts\u002F12.sankey","i-lucide-git-fork",{"title":183,"path":184,"stem":185,"icon":186},"Tracker","\u002Fcharts\u002Ftracker","3.charts\u002F13.tracker","i-lucide-activity",{"title":188,"path":189,"stem":190,"icon":191},"Calendar Heatmap","\u002Fcharts\u002Fcalendar-heatmap","3.charts\u002F14.calendar-heatmap","i-lucide-calendar-days",{"title":193,"path":194,"stem":195,"icon":196},"Heatmap and CohortChart","\u002Fcharts\u002Fheatmap","3.charts\u002F15.heatmap","i-lucide-grid-3x3",{"title":198,"path":199,"stem":200,"icon":137},"Sparkline","\u002Fcharts\u002Fsparkline","3.charts\u002F16.sparkline",{"title":202,"path":203,"stem":204,"icon":205},"Bar List","\u002Fcharts\u002Fbar-list","3.charts\u002F17.bar-list","i-lucide-list-ordered",{"title":207,"path":208,"stem":209,"icon":210},"Journey Sankey","\u002Fcharts\u002Fjourney-sankey","3.charts\u002F18.journey-sankey","i-lucide-split",{"title":212,"icon":213,"path":214,"stem":215,"children":216,"page":25},"Components","i-lucide-code","\u002Fcomponents","4.components",[217,222,227,231,236,240,245,249,254,259,264,269,274],{"title":218,"path":219,"stem":220,"icon":221},"Tooltip","\u002Fcomponents\u002Ftooltip","4.components\u002F01.tooltip","i-lucide-message-square",{"title":223,"path":224,"stem":225,"icon":226},"Legend","\u002Fcomponents\u002Flegend","4.components\u002F02.legend","i-lucide-list",{"title":228,"path":229,"stem":230,"icon":196},"CartesianGrid","\u002Fcomponents\u002Fcartesian-grid","4.components\u002F03.cartesian-grid",{"title":232,"path":233,"stem":234,"icon":235},"Axes","\u002Fcomponents\u002Faxis","4.components\u002F04.axis","i-lucide-move",{"title":237,"path":238,"stem":239,"icon":147},"Polar Axes and Grid","\u002Fcomponents\u002Fpolar-axes","4.components\u002F05.polar-axes",{"title":241,"path":242,"stem":243,"icon":244},"Brush","\u002Fcomponents\u002Fbrush","4.components\u002F06.brush","i-lucide-sliders-horizontal",{"title":246,"path":247,"stem":248,"icon":56},"Reference Elements","\u002Fcomponents\u002Freference-elements","4.components\u002F07.reference-elements",{"title":250,"path":251,"stem":252,"icon":253},"ErrorBar","\u002Fcomponents\u002Ferror-bar","4.components\u002F08.error-bar","i-lucide-chevrons-up-down",{"title":255,"path":256,"stem":257,"icon":258},"Labels and Cell","\u002Fcomponents\u002Flabels","4.components\u002F09.labels","i-lucide-tag",{"title":260,"path":261,"stem":262,"icon":263},"Text","\u002Fcomponents\u002Ftext","4.components\u002F10.text","i-lucide-type",{"title":265,"path":266,"stem":267,"icon":268},"Shapes","\u002Fcomponents\u002Fshapes","4.components\u002F11.shapes","i-lucide-shapes",{"title":270,"path":271,"stem":272,"icon":273},"Composables","\u002Fcomponents\u002Fcomposables","4.components\u002F12.composables","i-lucide-function-square",{"title":275,"path":276,"stem":277,"icon":278},"Custom overlays","\u002Fcomponents\u002Fcustom-overlays","4.components\u002F13.custom-overlays","i-lucide-pencil-ruler",{"id":280,"title":139,"body":281,"description":952,"extension":953,"links":954,"meta":955,"navigation":956,"path":140,"seo":957,"stem":141,"__hash__":958},"docs\u002F3.charts\u002F04.pie-chart.md",{"type":282,"value":283,"toc":941},"minimark",[284,288,293,298,302,310,314,318,324,328,332,343,347,351,362,366,835,862,866],[285,286,287],"p",{},"Pie charts display data as proportional slices of a circle.",[289,290,292],"h2",{"id":291},"simple-pie-chart","Simple Pie Chart",[294,295],"chart-demo",{"description":296,"name":292,"src":297},"A basic pie chart with colored slices.","pie-charts\u002Fsimple-pie-chart",[289,299,301],{"id":300},"donut-chart","Donut Chart",[285,303,304,305,309],{},"Set ",[306,307,308],"code",{},"innerRadius"," to create a donut.",[294,311],{"description":312,"name":301,"src":313},"A pie chart with inner radius creating a donut shape.","pie-charts\u002Fdonut-pie-chart",[289,315,317],{"id":316},"pie-chart-with-labels","Pie Chart with Labels",[285,319,304,320,323],{},[306,321,322],{},":label=\"true\""," to show labels outside each slice.",[294,325],{"description":326,"name":317,"src":327},"A pie chart with value labels on each slice.","pie-charts\u002Flabel-pie-chart",[289,329,331],{"id":330},"half-pie-chart","Half Pie Chart",[285,333,334,335,338,339,342],{},"Use ",[306,336,337],{},"startAngle"," and ",[306,340,341],{},"endAngle"," to create a semicircle.",[294,344],{"description":345,"name":331,"src":346},"A semicircle pie chart using start and end angles.","pie-charts\u002Fhalf-pie-chart",[289,348,350],{"id":349},"piechart-props","PieChart props",[285,352,353,356,357,361],{},[306,354,355],{},"\u003CPieChart>"," takes the ",[358,359,360],"a",{"href":120},"chart container props",", including the polar\nprops. Its tooltip shows one sector at a time.",[289,363,365],{"id":364},"pie-props","Pie props",[367,368,369,388],"table",{},[370,371,372],"thead",{},[373,374,375,379,382,385],"tr",{},[376,377,378],"th",{},"Prop",[376,380,381],{},"Type",[376,383,384],{},"Default",[376,386,387],{},"Description",[389,390,391,411,435,455,479,501,521,540,559,577,594,612,634,653,673,692,712,728,748,767,785,801,818],"tbody",{},[373,392,393,399,402,408],{},[394,395,396],"td",{},[306,397,398],{},"data-key",[394,400,401],{},"row path or accessor",[394,403,404],{},[405,406,407],"strong",{},"required",[394,409,410],{},"Field with the value",[373,412,413,418,420,425],{},[394,414,415],{},[306,416,417],{},"name-key",[394,419,401],{},[394,421,422],{},[306,423,424],{},"'name'",[394,426,427,428,431,432,434],{},"Field with the sector name; a sector without one takes ",[306,429,430],{},"name",", else a string ",[306,433,398],{},", else its row index",[373,436,437,442,447,452],{},[394,438,439],{},[306,440,441],{},"data",[394,443,444],{},[306,445,446],{},"Array",[394,448,449,450],{},"the chart's ",[306,451,441],{},[394,453,454],{},"Rows for this pie",[373,456,457,466,471,476],{},[394,458,459,462,463],{},[306,460,461],{},"cx",", ",[306,464,465],{},"cy",[394,467,468],{},[306,469,470],{},"number | string",[394,472,473],{},[306,474,475],{},"'50%'",[394,477,478],{},"Center",[373,480,481,486,490,495],{},[394,482,483],{},[306,484,485],{},"inner-radius",[394,487,488],{},[306,489,470],{},[394,491,492],{},[306,493,494],{},"0",[394,496,497,498,500],{},"Inner radius; above ",[306,499,494],{}," draws a donut",[373,502,503,508,513,518],{},[394,504,505],{},[306,506,507],{},"outer-radius",[394,509,510],{},[306,511,512],{},"number | string | function",[394,514,515],{},[306,516,517],{},"'80%'",[394,519,520],{},"Outer radius",[373,522,523,528,533,537],{},[394,524,525],{},[306,526,527],{},"start-angle",[394,529,530],{},[306,531,532],{},"number",[394,534,535],{},[306,536,494],{},[394,538,539],{},"Start angle in degrees",[373,541,542,547,551,556],{},[394,543,544],{},[306,545,546],{},"end-angle",[394,548,549],{},[306,550,532],{},[394,552,553],{},[306,554,555],{},"360",[394,557,558],{},"End angle in degrees",[373,560,561,566,570,574],{},[394,562,563],{},[306,564,565],{},"padding-angle",[394,567,568],{},[306,569,532],{},[394,571,572],{},[306,573,494],{},[394,575,576],{},"Gap between sectors in degrees",[373,578,579,584,588,591],{},[394,580,581],{},[306,582,583],{},"corner-radius",[394,585,586],{},[306,587,470],{},[394,589,590],{},"—",[394,592,593],{},"Rounds the corners of every sector, in px",[373,595,596,601,605,609],{},[394,597,598],{},[306,599,600],{},"min-angle",[394,602,603],{},[306,604,532],{},[394,606,607],{},[306,608,494],{},[394,610,611],{},"Minimum sector angle, so small values stay visible",[373,613,614,619,624,627],{},[394,615,616],{},[306,617,618],{},"fill",[394,620,621],{},[306,622,623],{},"string",[394,625,626],{},"series palette per sector",[394,628,629,630,633],{},"Sector fill; ",[306,631,632],{},"\u003CCell>"," sets one sector",[373,635,636,641,645,650],{},[394,637,638],{},[306,639,640],{},"stroke",[394,642,643],{},[306,644,623],{},[394,646,647],{},[306,648,649],{},"'var(--v-charts-background, #fff)'",[394,651,652],{},"Sector outline",[373,654,655,660,665,670],{},[394,656,657],{},[306,658,659],{},"label",[394,661,662],{},[306,663,664],{},"boolean",[394,666,667],{},[306,668,669],{},"false",[394,671,672],{},"Show a label outside every sector",[373,674,675,680,684,689],{},[394,676,677],{},[306,678,679],{},"label-line",[394,681,682],{},[306,683,664],{},[394,685,686],{},[306,687,688],{},"true",[394,690,691],{},"Draw a line from the sector to its label",[373,693,694,699,704,706],{},[394,695,696],{},[306,697,698],{},"active-index",[394,700,701],{},[306,702,703],{},"number | null",[394,705,590],{},[394,707,708,709],{},"Active sector, for ",[306,710,711],{},"v-model:active-index",[373,713,714,718,723,725],{},[394,715,716],{},[306,717,430],{},[394,719,720],{},[306,721,722],{},"string | number",[394,724,590],{},[394,726,727],{},"Series name in the tooltip; legend name of sectors without their own",[373,729,730,735,740,745],{},[394,731,732],{},[306,733,734],{},"legend-type",[394,736,737],{},[306,738,739],{},"LegendType",[394,741,742],{},[306,743,744],{},"'rect'",[394,746,747],{},"Legend icon",[373,749,750,755,760,762],{},[394,751,752],{},[306,753,754],{},"tooltip-type",[394,756,757],{},[306,758,759],{},"'none'",[394,761,590],{},[394,763,304,764,766],{},[306,765,759],{}," to leave the series out of the tooltip",[373,768,769,774,778,782],{},[394,770,771],{},[306,772,773],{},"hide",[394,775,776],{},[306,777,664],{},[394,779,780],{},[306,781,669],{},[394,783,784],{},"Hide the series",[373,786,787,792,796,798],{},[394,788,789],{},[306,790,791],{},"class",[394,793,794],{},[306,795,623],{},[394,797,590],{},[394,799,800],{},"Class on the series layer",[373,802,803,808,812,815],{},[394,804,805],{},[306,806,807],{},"is-animation-active",[394,809,810],{},[306,811,664],{},[394,813,814],{},"the chart's value",[394,816,817],{},"Animate this series",[373,819,820,825,830,832],{},[394,821,822],{},[306,823,824],{},"transition",[394,826,827],{},[306,828,829],{},"ChartTransition",[394,831,814],{},[394,833,834],{},"Timing and easing of data changes",[285,836,837,838,462,841,462,844,847,848,462,851,854,855,462,858,861],{},"Events: ",[306,839,840],{},"@click",[306,842,843],{},"@mouseenter",[306,845,846],{},"@mouseleave"," with ",[306,849,850],{},"(sector, index, event)",[306,852,853],{},"update:activeIndex",", and ",[306,856,857],{},"@animation-start",[306,859,860],{},"@animation-end",".",[289,863,865],{"id":864},"pie-slots","Pie slots",[367,867,868,880],{},[370,869,870],{},[373,871,872,875,878],{},[376,873,874],{},"Slot",[376,876,877],{},"Props",[376,879,387],{},[389,881,882,897,911,926],{},[373,883,884,889,894],{},[394,885,886],{},[306,887,888],{},"#shape",[394,890,891],{},[306,892,893],{},"PieSectorDataItem & { isActive }",[394,895,896],{},"Replace a sector",[373,898,899,904,908],{},[394,900,901],{},[306,902,903],{},"#activeShape",[394,905,906],{},[306,907,893],{},[394,909,910],{},"Replace the active sector",[373,912,913,918,923],{},[394,914,915],{},[306,916,917],{},"#label",[394,919,920],{},[306,921,922],{},"PieSectorDataItem & { index }",[394,924,925],{},"Replace a sector label",[373,927,928,931,933],{},[394,929,930],{},"default",[394,932,590],{},[394,934,935,937,938],{},[306,936,632],{}," for per-sector colors, ",[306,939,940],{},"\u003CLabelList>",{"title":942,"searchDepth":943,"depth":943,"links":944},"",2,[945,946,947,948,949,950,951],{"id":291,"depth":943,"text":292},{"id":300,"depth":943,"text":301},{"id":316,"depth":943,"text":317},{"id":330,"depth":943,"text":331},{"id":349,"depth":943,"text":350},{"id":364,"depth":943,"text":365},{"id":864,"depth":943,"text":865},"Build pie and donut charts for part-to-whole comparisons","md",null,{},{"icon":142},{"title":139,"description":952},"f8SaPfItFsZBKF8cKNL-H1ucaVi0ybMYEytUETPeNFE",[960,962],{"title":134,"path":135,"stem":136,"description":961,"icon":137,"children":-1},"Build line charts with custom dots, labels, and multiple series",{"title":144,"path":145,"stem":146,"description":963,"icon":147,"children":-1},"Build radar charts for multi-dimensional data comparison",1791811112646]