[{"data":1,"prerenderedAt":881},["ShallowReactive",2],{"navigation_docs":3,"-charts-radial-bar-chart":279,"-charts-radial-bar-chart-surround":876},[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":149,"body":281,"description":869,"extension":870,"links":871,"meta":872,"navigation":873,"path":150,"seo":874,"stem":151,"__hash__":875},"docs\u002F3.charts\u002F06.radial-bar-chart.md",{"type":282,"value":283,"toc":859},"minimark",[284,288,293,298,302,314,318,322,332,336,340,351,355,774,798,802,848],[285,286,287],"p",{},"Radial bar charts display data as concentric arcs, useful for progress indicators and circular comparisons.",[289,290,292],"h2",{"id":291},"simple-radial-bar-chart","Simple Radial Bar Chart",[294,295],"chart-demo",{"description":296,"name":292,"src":297},"A basic radial bar chart with background arcs.","radial-charts\u002Fsimple-radial-chart",[289,299,301],{"id":300},"radial-bar-with-labels","Radial Bar with Labels",[285,303,304,305,309,310,313],{},"Place ",[306,307,308],"code",{},"\u003CLabelList>"," as a child of ",[306,311,312],{},"\u003CRadialBar>"," to show labels inside arcs.",[294,315],{"description":316,"name":301,"src":317},"Radial bars with browser name labels inside.","radial-charts\u002Flabel-radial-chart",[289,319,321],{"id":320},"stacked-radial-bar","Stacked Radial Bar",[285,323,324,325,328,329,331],{},"Use ",[306,326,327],{},"stack-id"," on multiple ",[306,330,312],{}," components.",[294,333],{"description":334,"name":321,"src":335},"Two stacked radial bars for desktop and mobile.","radial-charts\u002Fstacked-radial-chart",[289,337,339],{"id":338},"radialbarchart-props","RadialBarChart props",[285,341,342,345,346,350],{},[306,343,344],{},"\u003CRadialBarChart>"," takes the ",[347,348,349],"a",{"href":120},"chart container props",", including bar sizing and the polar props.",[289,352,354],{"id":353},"radialbar-props","RadialBar props",[356,357,358,377],"table",{},[359,360,361],"thead",{},[362,363,364,368,371,374],"tr",{},[365,366,367],"th",{},"Prop",[365,369,370],{},"Type",[365,372,373],{},"Default",[365,375,376],{},"Description",[378,379,380,400,422,440,468,488,506,522,540,556,575,593,612,630,651,667,687,707,725,741,757],"tbody",{},[362,381,382,388,391,397],{},[383,384,385],"td",{},[306,386,387],{},"data-key",[383,389,390],{},"row path or accessor",[383,392,393],{},[394,395,396],"strong",{},"required",[383,398,399],{},"Field with the value",[362,401,402,407,412,415],{},[383,403,404],{},[306,405,406],{},"fill",[383,408,409],{},[306,410,411],{},"string",[383,413,414],{},"series palette per entry",[383,416,417,418,421],{},"Bar fill; ",[306,419,420],{},"\u003CCell>"," sets one bar",[362,423,424,429,434,437],{},[383,425,426],{},[306,427,428],{},"fill-opacity",[383,430,431],{},[306,432,433],{},"number",[383,435,436],{},"—",[383,438,439],{},"Fill opacity",[362,441,442,454,456,462],{},[383,443,444,447,448,447,451],{},[306,445,446],{},"stroke",", ",[306,449,450],{},"stroke-width",[306,452,453],{},"stroke-dasharray",[383,455],{},[383,457,458,459,461],{},"bar fill (",[306,460,446],{},")",[383,463,464,465,467],{},"Outline. Each bar sets its own stroke, so a CSS class on the series cannot override it; use the ",[306,466,446],{}," prop",[362,469,470,475,480,485],{},[383,471,472],{},[306,473,474],{},"background",[383,476,477],{},[306,478,479],{},"boolean | object",[383,481,482],{},[306,483,484],{},"false",[383,486,487],{},"Draw a background arc",[362,489,490,495,499,503],{},[383,491,492],{},[306,493,494],{},"label",[383,496,497],{},[306,498,479],{},[383,500,501],{},[306,502,484],{},[383,504,505],{},"Show a value label on every bar",[362,507,508,512,517,519],{},[383,509,510],{},[306,511,327],{},[383,513,514],{},[306,515,516],{},"string | number",[383,518,436],{},[383,520,521],{},"Bars with the same id stack",[362,523,524,529,534,537],{},[383,525,526],{},[306,527,528],{},"bar-size",[383,530,531],{},[306,532,533],{},"number | string",[383,535,536],{},"the chart's value",[383,538,539],{},"Bar thickness",[362,541,542,547,551,553],{},[383,543,544],{},[306,545,546],{},"max-bar-size",[383,548,549],{},[306,550,433],{},[383,552,536],{},[383,554,555],{},"Upper limit of the bar thickness",[362,557,558,563,567,572],{},[383,559,560],{},[306,561,562],{},"min-point-size",[383,564,565],{},[306,566,433],{},[383,568,569],{},[306,570,571],{},"0",[383,573,574],{},"Minimum arc length",[362,576,577,582,586,590],{},[383,578,579],{},[306,580,581],{},"corner-radius",[383,583,584],{},[306,585,533],{},[383,587,588],{},[306,589,571],{},[383,591,592],{},"Arc corner radius",[362,594,595,600,605,609],{},[383,596,597],{},[306,598,599],{},"force-corner-radius",[383,601,602],{},[306,603,604],{},"boolean",[383,606,607],{},[306,608,484],{},[383,610,611],{},"Round the corners of short arcs too",[362,613,614,619,623,627],{},[383,615,616],{},[306,617,618],{},"corner-is-external",[383,620,621],{},[306,622,604],{},[383,624,625],{},[306,626,484],{},[383,628,629],{},"Round the corners outward",[362,631,632,640,644,648],{},[383,633,634,447,637],{},[306,635,636],{},"angle-axis-id",[306,638,639],{},"radius-axis-id",[383,641,642],{},[306,643,516],{},[383,645,646],{},[306,647,571],{},[383,649,650],{},"Axes this series uses",[362,652,653,658,662,664],{},[383,654,655],{},[306,656,657],{},"name",[383,659,660],{},[306,661,516],{},[383,663,436],{},[383,665,666],{},"Name in the legend and tooltip",[362,668,669,674,679,684],{},[383,670,671],{},[306,672,673],{},"legend-type",[383,675,676],{},[306,677,678],{},"LegendType",[383,680,681],{},[306,682,683],{},"'rect'",[383,685,686],{},"Legend icon",[362,688,689,694,699,701],{},[383,690,691],{},[306,692,693],{},"tooltip-type",[383,695,696],{},[306,697,698],{},"'none'",[383,700,436],{},[383,702,703,704,706],{},"Set ",[306,705,698],{}," to leave the series out of the tooltip",[362,708,709,714,718,722],{},[383,710,711],{},[306,712,713],{},"hide",[383,715,716],{},[306,717,604],{},[383,719,720],{},[306,721,484],{},[383,723,724],{},"Hide the series",[362,726,727,732,736,738],{},[383,728,729],{},[306,730,731],{},"class",[383,733,734],{},[306,735,411],{},[383,737,436],{},[383,739,740],{},"Class on the series layer",[362,742,743,748,752,754],{},[383,744,745],{},[306,746,747],{},"is-animation-active",[383,749,750],{},[306,751,604],{},[383,753,536],{},[383,755,756],{},"Animate this series",[362,758,759,764,769,771],{},[383,760,761],{},[306,762,763],{},"transition",[383,765,766],{},[306,767,768],{},"ChartTransition",[383,770,536],{},[383,772,773],{},"Timing and easing of data changes",[285,775,776,777,447,780,447,783,786,787,790,791,447,794,797],{},"Events: ",[306,778,779],{},"@click",[306,781,782],{},"@mouseenter",[306,784,785],{},"@mouseleave"," with ",[306,788,789],{},"(bar, index, event)",", and ",[306,792,793],{},"@animation-start",[306,795,796],{},"@animation-end",".",[289,799,801],{"id":800},"radialbar-slots","RadialBar slots",[356,803,804,816],{},[359,805,806],{},[362,807,808,811,814],{},[365,809,810],{},"Slot",[365,812,813],{},"Props",[365,815,376],{},[378,817,818,833],{},[362,819,820,825,830],{},[383,821,822],{},[306,823,824],{},"#shape",[383,826,827],{},[306,828,829],{},"RadialBarShapeSlotProps",[383,831,832],{},"Replace a sector; includes sector geometry, payload and colors",[362,834,835,840,845],{},[383,836,837],{},[306,838,839],{},"#label",[383,841,842],{},[306,843,844],{},"LabelListSlotProps",[383,846,847],{},"Replace a sector label",[285,849,324,850,852,853,855,856,797],{},[306,851,494],{}," to enable default labels or supply ",[306,854,839],{}," for custom content.\nSlots return ",[306,857,858],{},"VNodeChild",{"title":860,"searchDepth":861,"depth":861,"links":862},"",2,[863,864,865,866,867,868],{"id":291,"depth":861,"text":292},{"id":300,"depth":861,"text":301},{"id":320,"depth":861,"text":321},{"id":338,"depth":861,"text":339},{"id":353,"depth":861,"text":354},{"id":800,"depth":861,"text":801},"Build radial bar charts for circular progress and comparison","md",null,{},{"icon":152},{"title":149,"description":869},"peM635mKxJRN6JjFXpy8IrpJ_br5DB_YdtM1ZZz3dRM",[877,879],{"title":144,"path":145,"stem":146,"description":878,"icon":147,"children":-1},"Build radar charts for multi-dimensional data comparison",{"title":154,"path":155,"stem":156,"description":880,"icon":157,"children":-1},"Plot data points on an X-Y plane to visualize relationships",1791811112843]