[{"data":1,"prerenderedAt":832},["ShallowReactive",2],{"navigation_docs":3,"-charts-radar-chart":279,"-charts-radar-chart-surround":827},[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":144,"body":281,"description":820,"extension":821,"links":822,"meta":823,"navigation":824,"path":145,"seo":825,"stem":146,"__hash__":826},"docs\u002F3.charts\u002F05.radar-chart.md",{"type":282,"value":283,"toc":809},"minimark",[284,288,293,298,302,310,315,319,330,335,339,346,351,355,374,378,704,728,732,795],[285,286,287],"p",{},"Radar charts display multivariate data on axes radiating from a center point.",[289,290,292],"h2",{"id":291},"simple-radar-chart","Simple Radar Chart",[294,295],"chart-demo",{"description":296,"name":292,"src":297},"A basic radar chart with polygon grid.","radar-charts\u002Fsimple-radar-chart",[289,299,301],{"id":300},"multiple-series","Multiple Series",[285,303,304,305,309],{},"Add multiple ",[306,307,308],"code",{},"\u003CRadar>"," components to compare data sets.",[294,311],{"description":312,"name":313,"src":314},"Two radar series overlaid for comparison.","Multiple Radar Chart","radar-charts\u002Fmultiple-radar-chart",[289,316,318],{"id":317},"circular-grid","Circular Grid",[285,320,321,322,325,326,329],{},"Set ",[306,323,324],{},"grid-type=\"circle\""," on ",[306,327,328],{},"\u003CPolarGrid>"," for circular rings.",[294,331],{"description":332,"name":333,"src":334},"A radar chart with circular grid lines.","Circular Grid Radar","radar-charts\u002Fcircle-grid-radar-chart",[289,336,338],{"id":337},"dots-on-vertices","Dots on Vertices",[285,340,341,342,345],{},"Use the ",[306,343,344],{},"dot"," prop to show dots at each data point.",[294,347],{"description":348,"name":349,"src":350},"A radar chart with dots on each vertex.","Radar with Dots","radar-charts\u002Fdots-radar-chart",[289,352,354],{"id":353},"radarchart-props","RadarChart props",[285,356,357,360,361,365,366,369,370,373],{},[306,358,359],{},"\u003CRadarChart>"," takes the ",[362,363,364],"a",{"href":120},"chart container props",", including the polar props. Radar charts start at ",[306,367,368],{},"90"," and end at ",[306,371,372],{},"-270"," degrees.",[289,375,377],{"id":376},"radar-props","Radar props",[379,380,381,400],"table",{},[382,383,384],"thead",{},[385,386,387,391,394,397],"tr",{},[388,389,390],"th",{},"Prop",[388,392,393],{},"Type",[388,395,396],{},"Default",[388,398,399],{},"Description",[401,402,403,423,441,461,483,502,521,539,558,581,597,617,636,654,670,687],"tbody",{},[385,404,405,411,414,420],{},[406,407,408],"td",{},[306,409,410],{},"data-key",[406,412,413],{},"row path or accessor",[406,415,416],{},[417,418,419],"strong",{},"required",[406,421,422],{},"Field with the value",[385,424,425,430,435,438],{},[406,426,427],{},[306,428,429],{},"fill",[406,431,432],{},[306,433,434],{},"string",[406,436,437],{},"series palette",[406,439,440],{},"Fill color",[385,442,443,448,453,458],{},[406,444,445],{},[306,446,447],{},"fill-opacity",[406,449,450],{},[306,451,452],{},"number",[406,454,455],{},[306,456,457],{},"0.6",[406,459,460],{},"Fill opacity",[385,462,463,475,477,480],{},[406,464,465,468,469,468,472],{},[306,466,467],{},"stroke",", ",[306,470,471],{},"stroke-width",[306,473,474],{},"stroke-dasharray",[406,476],{},[406,478,479],{},"—",[406,481,482],{},"Outline",[385,484,485,489,494,499],{},[406,486,487],{},[306,488,344],{},[406,490,491],{},[306,492,493],{},"boolean | object",[406,495,496],{},[306,497,498],{},"false",[406,500,501],{},"Show a dot on every vertex",[385,503,504,509,513,518],{},[406,505,506],{},[306,507,508],{},"active-dot",[406,510,511],{},[306,512,493],{},[406,514,515],{},[306,516,517],{},"true",[406,519,520],{},"Show a dot on the active vertex",[385,522,523,528,532,536],{},[406,524,525],{},[306,526,527],{},"label",[406,529,530],{},[306,531,493],{},[406,533,534],{},[306,535,498],{},[406,537,538],{},"Show a value label on every vertex",[385,540,541,546,551,555],{},[406,542,543],{},[306,544,545],{},"connect-nulls",[406,547,548],{},[306,549,550],{},"boolean",[406,552,553],{},[306,554,498],{},[406,556,557],{},"Draw across missing values",[385,559,560,568,573,578],{},[406,561,562,468,565],{},[306,563,564],{},"angle-axis-id",[306,566,567],{},"radius-axis-id",[406,569,570],{},[306,571,572],{},"string | number",[406,574,575],{},[306,576,577],{},"0",[406,579,580],{},"Axes this series uses",[385,582,583,588,592,594],{},[406,584,585],{},[306,586,587],{},"name",[406,589,590],{},[306,591,572],{},[406,593,479],{},[406,595,596],{},"Name in the legend and tooltip",[385,598,599,604,609,614],{},[406,600,601],{},[306,602,603],{},"legend-type",[406,605,606],{},[306,607,608],{},"LegendType",[406,610,611],{},[306,612,613],{},"'rect'",[406,615,616],{},"Legend icon",[385,618,619,624,629,631],{},[406,620,621],{},[306,622,623],{},"tooltip-type",[406,625,626],{},[306,627,628],{},"'none'",[406,630,479],{},[406,632,321,633,635],{},[306,634,628],{}," to leave the series out of the tooltip",[385,637,638,643,647,651],{},[406,639,640],{},[306,641,642],{},"hide",[406,644,645],{},[306,646,550],{},[406,648,649],{},[306,650,498],{},[406,652,653],{},"Hide the series",[385,655,656,661,665,667],{},[406,657,658],{},[306,659,660],{},"class",[406,662,663],{},[306,664,434],{},[406,666,479],{},[406,668,669],{},"Class on the series layer",[385,671,672,677,681,684],{},[406,673,674],{},[306,675,676],{},"is-animation-active",[406,678,679],{},[306,680,550],{},[406,682,683],{},"the chart's value",[406,685,686],{},"Animate this series",[385,688,689,694,699,701],{},[406,690,691],{},[306,692,693],{},"transition",[406,695,696],{},[306,697,698],{},"ChartTransition",[406,700,683],{},[406,702,703],{},"Timing and easing of data changes",[285,705,706,707,468,710,468,713,716,717,720,721,468,724,727],{},"Events: ",[306,708,709],{},"@click",[306,711,712],{},"@mouseenter",[306,714,715],{},"@mouseleave"," with ",[306,718,719],{},"(point, index, event)",", and ",[306,722,723],{},"@animation-start",[306,725,726],{},"@animation-end",".",[289,729,731],{"id":730},"radar-slots","Radar slots",[379,733,734,746],{},[382,735,736],{},[385,737,738,741,744],{},[388,739,740],{},"Slot",[388,742,743],{},"Props",[388,745,399],{},[401,747,748,763,780],{},[385,749,750,755,760],{},[406,751,752],{},[306,753,754],{},"#shape",[406,756,757],{},[306,758,759],{},"RadarShapeSlotProps",[406,761,762],{},"Replace the polygon; includes points and presentation props",[385,764,765,774,777],{},[406,766,767,770,771],{},[306,768,769],{},"#dot"," \u002F ",[306,772,773],{},"#activeDot",[406,775,776],{},"Point geometry, payload and index",[406,778,779],{},"Replace a vertex dot or the active dot",[385,781,782,787,792],{},[406,783,784],{},[306,785,786],{},"#label",[406,788,789],{},[306,790,791],{},"LabelListSlotProps",[406,793,794],{},"Replace a vertex label",[285,796,797,798,468,800,802,803,805,806,727],{},"The ",[306,799,344],{},[306,801,508],{}," and ",[306,804,527],{}," props remain boolean or presentation-object toggles.\nA supplied slot renders custom content. Slots return ",[306,807,808],{},"VNodeChild",{"title":810,"searchDepth":811,"depth":811,"links":812},"",2,[813,814,815,816,817,818,819],{"id":291,"depth":811,"text":292},{"id":300,"depth":811,"text":301},{"id":317,"depth":811,"text":318},{"id":337,"depth":811,"text":338},{"id":353,"depth":811,"text":354},{"id":376,"depth":811,"text":377},{"id":730,"depth":811,"text":731},"Build radar charts for multi-dimensional data comparison","md",null,{},{"icon":147},{"title":144,"description":820},"Hx3JAuWs2aPpo3V7eWDwlxI0jhUGxOsIrD1NVspp9JA",[828,830],{"title":139,"path":140,"stem":141,"description":829,"icon":142,"children":-1},"Build pie and donut charts for part-to-whole comparisons",{"title":149,"path":150,"stem":151,"description":831,"icon":152,"children":-1},"Build radial bar charts for circular progress and comparison",1791811112743]