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