[{"data":1,"prerenderedAt":1317},["ShallowReactive",2],{"navigation_docs":3,"-components-legend":284,"-components-legend-surround":1312},[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":228,"body":286,"description":1305,"extension":1306,"links":1307,"meta":1308,"navigation":1309,"path":229,"seo":1310,"stem":230,"__hash__":1311},"docs\u002F4.components\u002F02.legend.md",{"type":287,"value":288,"toc":1297},"minimark",[289,298,303,403,406,410,425,443,449,476,498,503,539,564,568,574,640,644,1016,1020,1089,1093,1131,1293],[290,291,292,293,297],"p",{},"The ",[294,295,296],"code",{},"\u003CLegend>"," component displays a legend identifying chart series by color and label.",[299,300,302],"h2",{"id":301},"add-a-legend","Add a legend",[304,305,310],"pre",{"className":306,"code":307,"language":308,"meta":309,"style":309},"language-vue shiki shiki-themes material-theme-lighter material-theme material-theme-palenight","\u003CBarChart :width=\"500\" :height=\"300\" :data=\"data\">\n  \u003CBar data-key=\"desktop\" fill=\"#8884d8\" \u002F>\n  \u003CBar data-key=\"mobile\" fill=\"#82ca9d\" \u002F>\n  \u003CLegend \u002F>\n\u003C\u002FBarChart>\n","vue","",[294,311,312,375,381,387,393],{"__ignoreMap":309},[313,314,317,321,325,328,332,335,338,342,344,346,349,351,353,356,358,360,363,365,367,370,372],"span",{"class":315,"line":316},"line",1,[313,318,320],{"class":319},"sMK4o","\u003C",[313,322,324],{"class":323},"swJcz","BarChart",[313,326,327],{"class":319}," :",[313,329,331],{"class":330},"spNyl","width",[313,333,334],{"class":319},"=",[313,336,337],{"class":319},"\"",[313,339,341],{"class":340},"sbssI","500",[313,343,337],{"class":319},[313,345,327],{"class":319},[313,347,348],{"class":330},"height",[313,350,334],{"class":319},[313,352,337],{"class":319},[313,354,355],{"class":340},"300",[313,357,337],{"class":319},[313,359,327],{"class":319},[313,361,362],{"class":330},"data",[313,364,334],{"class":319},[313,366,337],{"class":319},[313,368,362],{"class":369},"sTEyZ",[313,371,337],{"class":319},[313,373,374],{"class":319},">\n",[313,376,378],{"class":315,"line":377},2,[313,379,380],{"class":369},"  \u003CBar data-key=\"desktop\" fill=\"#8884d8\" \u002F>\n",[313,382,384],{"class":315,"line":383},3,[313,385,386],{"class":369},"  \u003CBar data-key=\"mobile\" fill=\"#82ca9d\" \u002F>\n",[313,388,390],{"class":315,"line":389},4,[313,391,392],{"class":369},"  \u003CLegend \u002F>\n",[313,394,396,399,401],{"class":315,"line":395},5,[313,397,398],{"class":319},"\u003C\u002F",[313,400,324],{"class":323},[313,402,374],{"class":319},[290,404,405],{},"Legend entries follow series registration order. Moving keyed series in the template keeps\neach existing series and its color in that order; newly mounted series are appended.",[299,407,409],{"id":408},"position-the-legend","Position the legend",[290,411,412,413,416,417,420,421,424],{},"Use the ",[294,414,415],{},"position"," prop to place the legend relative to the chart. When set, it overrides ",[294,418,419],{},"align"," and ",[294,422,423],{},"verticalAlign",".",[290,426,427,431,432,435,436,435,439,442],{},[428,429,430],"strong",{},"Inside positions"," (",[294,433,434],{},"insideTop",", ",[294,437,438],{},"insideBottomRight",[294,440,441],{},"center",", …) float over the plot area — the chart keeps its full size:",[444,445],"chart-demo",{"description":446,"name":447,"src":448},"The legend floats inside the plot area at the top right without shrinking it.","Inside Position","legend-charts\u002Flegend-inside-position-chart",[304,450,452],{"className":306,"code":451,"language":308,"meta":309,"style":309},"\u003CLegend position=\"insideTopRight\" \u002F>\n",[294,453,454],{"__ignoreMap":309},[313,455,456,458,460,463,465,467,471,473],{"class":315,"line":316},[313,457,320],{"class":319},[313,459,228],{"class":323},[313,461,462],{"class":330}," position",[313,464,334],{"class":319},[313,466,337],{"class":319},[313,468,470],{"class":469},"sfazB","insideTopRight",[313,472,337],{"class":319},[313,474,475],{"class":319}," \u002F>\n",[290,477,478,431,481,435,484,435,487,435,490,493,494,497],{},[428,479,480],{},"Outside positions",[294,482,483],{},"top",[294,485,486],{},"bottom",[294,488,489],{},"left",[294,491,492],{},"right",") sit beyond the axes, and the plot area shrinks to make room. Use ",[294,495,496],{},"offset"," to control the gap:",[444,499],{"description":500,"name":501,"src":502},"The legend sits above the chart with a 10px offset, and the plot area makes space for it.","Outside Position","legend-charts\u002Flegend-outside-position-chart",[304,504,506],{"className":306,"code":505,"language":308,"meta":309,"style":309},"\u003CLegend position=\"top\" :offset=\"10\" \u002F>\n",[294,507,508],{"__ignoreMap":309},[313,509,510,512,514,516,518,520,522,524,526,528,530,532,535,537],{"class":315,"line":316},[313,511,320],{"class":319},[313,513,228],{"class":323},[313,515,462],{"class":330},[313,517,334],{"class":319},[313,519,337],{"class":319},[313,521,483],{"class":469},[313,523,337],{"class":319},[313,525,327],{"class":319},[313,527,496],{"class":330},[313,529,334],{"class":319},[313,531,337],{"class":319},[313,533,534],{"class":340},"10",[313,536,337],{"class":319},[313,538,475],{"class":319},[290,540,541,542,545,546,549,550,553,554,556,557,559,560,563],{},"When ",[294,543,544],{},"layout"," is left at its default (",[294,547,548],{},"'auto'","), it resolves to ",[294,551,552],{},"vertical"," for ",[294,555,489],{},"\u002F",[294,558,492],{}," positions and ",[294,561,562],{},"horizontal"," otherwise.",[299,565,567],{"id":566},"customize-legend-content","Customize legend content",[290,569,412,570,573],{},[294,571,572],{},"#content"," slot:",[304,575,577],{"className":306,"code":576,"language":308,"meta":309,"style":309},"\u003CLegend>\n  \u003Ctemplate #content=\"legendProps\">\n    \u003Cdiv class=\"flex gap-4 justify-center\">\n      \u003Cspan v-for=\"entry in legendProps.payload\" :key=\"entry.value\" class=\"flex items-center gap-1\">\n        \u003Cspan class=\"w-3 h-3 rounded-full\" :style=\"{ backgroundColor: entry.color }\" \u002F>\n        {{ entry.value }}\n      \u003C\u002Fspan>\n    \u003C\u002Fdiv>\n  \u003C\u002Ftemplate>\n\u003C\u002FLegend>\n",[294,578,579,587,592,597,602,607,613,619,625,631],{"__ignoreMap":309},[313,580,581,583,585],{"class":315,"line":316},[313,582,320],{"class":319},[313,584,228],{"class":323},[313,586,374],{"class":319},[313,588,589],{"class":315,"line":377},[313,590,591],{"class":369},"  \u003Ctemplate #content=\"legendProps\">\n",[313,593,594],{"class":315,"line":383},[313,595,596],{"class":369},"    \u003Cdiv class=\"flex gap-4 justify-center\">\n",[313,598,599],{"class":315,"line":389},[313,600,601],{"class":369},"      \u003Cspan v-for=\"entry in legendProps.payload\" :key=\"entry.value\" class=\"flex items-center gap-1\">\n",[313,603,604],{"class":315,"line":395},[313,605,606],{"class":369},"        \u003Cspan class=\"w-3 h-3 rounded-full\" :style=\"{ backgroundColor: entry.color }\" \u002F>\n",[313,608,610],{"class":315,"line":609},6,[313,611,612],{"class":369},"        {{ entry.value }}\n",[313,614,616],{"class":315,"line":615},7,[313,617,618],{"class":369},"      \u003C\u002Fspan>\n",[313,620,622],{"class":315,"line":621},8,[313,623,624],{"class":369},"    \u003C\u002Fdiv>\n",[313,626,628],{"class":315,"line":627},9,[313,629,630],{"class":369},"  \u003C\u002Ftemplate>\n",[313,632,634,636,638],{"class":315,"line":633},10,[313,635,398],{"class":319},[313,637,228],{"class":323},[313,639,374],{"class":319},[299,641,643],{"id":642},"legend-props","Legend props",[645,646,647,666],"table",{},[648,649,650],"thead",{},[651,652,653,657,660,663],"tr",{},[654,655,656],"th",{},"Prop",[654,658,659],{},"Type",[654,661,662],{},"Default",[654,664,665],{},"Description",[667,668,669,691,713,736,758,780,795,810,829,877,894,911,927,943,960,982,999],"tbody",{},[651,670,671,676,681,684],{},[672,673,674],"td",{},[294,675,415],{},[672,677,678],{},[294,679,680],{},"'top' | 'bottom' | 'left' | 'right' | 'center' | 'inside*' | { x, y }",[672,682,683],{},"—",[672,685,686,687,420,689],{},"Legend position; overrides ",[294,688,419],{},[294,690,423],{},[651,692,693,697,702,707],{},[672,694,695],{},[294,696,496],{},[672,698,699],{},[294,700,701],{},"number",[672,703,704],{},[294,705,706],{},"0",[672,708,709,710,712],{},"Gap along the ",[294,711,415],{}," direction",[651,714,715,719,724,728],{},[672,716,717],{},[294,718,544],{},[672,720,721],{},[294,722,723],{},"'horizontal' | 'vertical' | 'auto'",[672,725,726],{},[294,727,548],{},[672,729,730,731,733,734],{},"Layout direction; ",[294,732,548],{}," resolves from ",[294,735,415],{},[651,737,738,742,747,752],{},[672,739,740],{},[294,741,419],{},[672,743,744],{},[294,745,746],{},"'left' | 'center' | 'right'",[672,748,749],{},[294,750,751],{},"'center'",[672,753,754,755,757],{},"Horizontal alignment (legacy, use ",[294,756,415],{}," instead)",[651,759,760,765,770,775],{},[672,761,762],{},[294,763,764],{},"vertical-align",[672,766,767],{},[294,768,769],{},"'top' | 'middle' | 'bottom'",[672,771,772],{},[294,773,774],{},"'bottom'",[672,776,777,778,757],{},"Vertical alignment (legacy, use ",[294,779,415],{},[651,781,782,786,790,792],{},[672,783,784],{},[294,785,331],{},[672,787,788],{},[294,789,701],{},[672,791,683],{},[672,793,794],{},"Fixed width",[651,796,797,801,805,807],{},[672,798,799],{},[294,800,348],{},[672,802,803],{},[294,804,701],{},[672,806,683],{},[672,808,809],{},"Fixed height",[651,811,812,817,821,826],{},[672,813,814],{},[294,815,816],{},"icon-size",[672,818,819],{},[294,820,701],{},[672,822,823],{},[294,824,825],{},"14",[672,827,828],{},"Size of the legend icon",[651,830,831,836,841,843],{},[672,832,833],{},[294,834,835],{},"icon-type",[672,837,838],{},[294,839,840],{},"string",[672,842,683],{},[672,844,845,846,435,849,435,852,435,855,435,858,435,861,435,864,435,867,435,870,435,873,876],{},"Legend icon shape (",[294,847,848],{},"'line'",[294,850,851],{},"'plainline'",[294,853,854],{},"'square'",[294,856,857],{},"'rect'",[294,859,860],{},"'circle'",[294,862,863],{},"'cross'",[294,865,866],{},"'diamond'",[294,868,869],{},"'star'",[294,871,872],{},"'triangle'",[294,874,875],{},"'wye'",")",[651,878,879,884,889,891],{},[672,880,881],{},[294,882,883],{},"to",[672,885,886],{},[294,887,888],{},"string | HTMLElement",[672,890,683],{},[672,892,893],{},"Teleport legend to a CSS selector or DOM element",[651,895,896,901,906,908],{},[672,897,898],{},[294,899,900],{},"wrapper-style",[672,902,903],{},[294,904,905],{},"CSSProperties",[672,907,683],{},[672,909,910],{},"Inline styles for the legend wrapper",[651,912,913,918,922,924],{},[672,914,915],{},[294,916,917],{},"content-style",[672,919,920],{},[294,921,905],{},[672,923,683],{},[672,925,926],{},"Inline styles for the content",[651,928,929,934,938,940],{},[672,930,931],{},[294,932,933],{},"item-style",[672,935,936],{},[294,937,905],{},[672,939,683],{},[672,941,942],{},"Inline styles for each legend item",[651,944,945,950,955,957],{},[672,946,947],{},[294,948,949],{},"formatter",[672,951,952],{},[294,953,954],{},"(value: string | undefined, entry: LegendPayload) => string",[672,956,683],{},[672,958,959],{},"Format legend label text",[651,961,962,967,973,975],{},[672,963,964],{},[294,965,966],{},"hidden",[672,968,969,972],{},[294,970,971],{},"LegendHidden"," (data keys)",[672,974,683],{},[672,976,977,978,981],{},"Hidden series, for ",[294,979,980],{},"v-model:hidden",". Without it, clicks do not hide series",[651,983,984,989,994,996],{},[672,985,986],{},[294,987,988],{},"payload-uniq-by",[672,990,991],{},[294,992,993],{},"boolean | Function",[672,995,683],{},[672,997,998],{},"Deduplicate legend entries",[651,1000,1001,1006,1011,1013],{},[672,1002,1003],{},[294,1004,1005],{},"item-sorter",[672,1007,1008],{},[294,1009,1010],{},"'value' | 'dataKey' | Function",[672,1012,683],{},[672,1014,1015],{},"Sort legend entries. Without it, entries keep the data order (Pie) or the series order",[299,1017,1019],{"id":1018},"legend-events","Legend events",[645,1021,1022,1034],{},[648,1023,1024],{},[651,1025,1026,1029,1032],{},[654,1027,1028],{},"Event",[654,1030,1031],{},"Payload",[654,1033,665],{},[667,1035,1036,1057,1074],{},[651,1037,1038,1049,1054],{},[672,1039,1040,435,1043,435,1046],{},[294,1041,1042],{},"@click",[294,1044,1045],{},"@mouseenter",[294,1047,1048],{},"@mouseleave",[672,1050,1051],{},[294,1052,1053],{},"(entry: LegendPayload, index: number, event: MouseEvent | KeyboardEvent)",[672,1055,1056],{},"An entry is clicked (or activated with the keyboard), entered or left",[651,1058,1059,1064,1069],{},[672,1060,1061],{},[294,1062,1063],{},"@update:hidden",[672,1065,1066],{},[294,1067,1068],{},"(hidden: LegendHidden)",[672,1070,1071,1072],{},"A click toggled an entry; used by ",[294,1073,980],{},[651,1075,1076,1081,1086],{},[672,1077,1078],{},[294,1079,1080],{},"@bbox-update",[672,1082,1083],{},[294,1084,1085],{},"(box: { width, height } | null)",[672,1087,1088],{},"The legend size changed",[299,1090,1092],{"id":1091},"legend-slots","Legend slots",[645,1094,1095,1107],{},[648,1096,1097],{},[651,1098,1099,1102,1105],{},[654,1100,1101],{},"Slot",[654,1103,1104],{},"Props",[654,1106,665],{},[667,1108,1109],{},[651,1110,1111,1115,1120],{},[672,1112,1113],{},[294,1114,572],{},[672,1116,1117],{},[294,1118,1119],{},"{ payload, layout, align, verticalAlign, ...props }",[672,1121,1122,1123,1126,1127,1130],{},"Custom legend content. ",[294,1124,1125],{},"payload"," is an array of ",[294,1128,1129],{},"{ value, color, type, dataKey }"," entries.",[304,1132,1134],{"className":306,"code":1133,"language":308,"meta":309,"style":309},"\u003Cscript setup lang=\"ts\">\nimport { ref } from 'vue'\nimport { Legend } from 'vccs'\n\nconst hidden = ref\u003Cstring[]>([])\n\u003C\u002Fscript>\n\n\u003Ctemplate>\n  \u003CLegend v-model:hidden=\"hidden\" \u002F>\n\u003C\u002Ftemplate>\n",[294,1135,1136,1160,1186,1206,1212,1239,1247,1251,1260,1285],{"__ignoreMap":309},[313,1137,1138,1140,1143,1146,1149,1151,1153,1156,1158],{"class":315,"line":316},[313,1139,320],{"class":319},[313,1141,1142],{"class":323},"script",[313,1144,1145],{"class":330}," setup",[313,1147,1148],{"class":330}," lang",[313,1150,334],{"class":319},[313,1152,337],{"class":319},[313,1154,1155],{"class":469},"ts",[313,1157,337],{"class":319},[313,1159,374],{"class":319},[313,1161,1162,1166,1169,1172,1175,1178,1181,1183],{"class":315,"line":377},[313,1163,1165],{"class":1164},"s7zQu","import",[313,1167,1168],{"class":319}," {",[313,1170,1171],{"class":369}," ref",[313,1173,1174],{"class":319}," }",[313,1176,1177],{"class":1164}," from",[313,1179,1180],{"class":319}," '",[313,1182,308],{"class":469},[313,1184,1185],{"class":319},"'\n",[313,1187,1188,1190,1192,1195,1197,1199,1201,1204],{"class":315,"line":383},[313,1189,1165],{"class":1164},[313,1191,1168],{"class":319},[313,1193,1194],{"class":369}," Legend",[313,1196,1174],{"class":319},[313,1198,1177],{"class":1164},[313,1200,1180],{"class":319},[313,1202,1203],{"class":469},"vccs",[313,1205,1185],{"class":319},[313,1207,1208],{"class":315,"line":389},[313,1209,1211],{"emptyLinePlaceholder":1210},true,"\n",[313,1213,1214,1217,1220,1222,1225,1227,1230,1233,1236],{"class":315,"line":395},[313,1215,1216],{"class":330},"const",[313,1218,1219],{"class":369}," hidden ",[313,1221,334],{"class":319},[313,1223,1171],{"class":1224},"s2Zo4",[313,1226,320],{"class":319},[313,1228,840],{"class":1229},"sBMFI",[313,1231,1232],{"class":369},"[]",[313,1234,1235],{"class":319},">",[313,1237,1238],{"class":369},"([])\n",[313,1240,1241,1243,1245],{"class":315,"line":609},[313,1242,398],{"class":319},[313,1244,1142],{"class":323},[313,1246,374],{"class":319},[313,1248,1249],{"class":315,"line":615},[313,1250,1211],{"emptyLinePlaceholder":1210},[313,1252,1253,1255,1258],{"class":315,"line":621},[313,1254,320],{"class":319},[313,1256,1257],{"class":323},"template",[313,1259,374],{"class":319},[313,1261,1262,1265,1267,1270,1273,1275,1277,1279,1281,1283],{"class":315,"line":627},[313,1263,1264],{"class":319},"  \u003C",[313,1266,228],{"class":323},[313,1268,1269],{"class":330}," v-model",[313,1271,1272],{"class":319},":",[313,1274,966],{"class":330},[313,1276,334],{"class":319},[313,1278,337],{"class":319},[313,1280,966],{"class":369},[313,1282,337],{"class":319},[313,1284,475],{"class":319},[313,1286,1287,1289,1291],{"class":315,"line":633},[313,1288,398],{"class":319},[313,1290,1257],{"class":323},[313,1292,374],{"class":319},[1294,1295,1296],"style",{},"html pre.shiki code .sMK4o, html code.shiki .sMK4o{--shiki-light:#39ADB5;--shiki-default:#89DDFF;--shiki-dark:#89DDFF}html pre.shiki code .swJcz, html code.shiki .swJcz{--shiki-light:#E53935;--shiki-default:#F07178;--shiki-dark:#F07178}html pre.shiki code .spNyl, html code.shiki .spNyl{--shiki-light:#9C3EDA;--shiki-default:#C792EA;--shiki-dark:#C792EA}html pre.shiki code .sbssI, html code.shiki .sbssI{--shiki-light:#F76D47;--shiki-default:#F78C6C;--shiki-dark:#F78C6C}html pre.shiki code .sTEyZ, html code.shiki .sTEyZ{--shiki-light:#90A4AE;--shiki-default:#EEFFFF;--shiki-dark:#BABED8}html .light .shiki span {color: var(--shiki-light);background: var(--shiki-light-bg);font-style: var(--shiki-light-font-style);font-weight: var(--shiki-light-font-weight);text-decoration: var(--shiki-light-text-decoration);}html.light .shiki span {color: var(--shiki-light);background: var(--shiki-light-bg);font-style: var(--shiki-light-font-style);font-weight: var(--shiki-light-font-weight);text-decoration: var(--shiki-light-text-decoration);}html .default .shiki span {color: var(--shiki-default);background: var(--shiki-default-bg);font-style: var(--shiki-default-font-style);font-weight: var(--shiki-default-font-weight);text-decoration: var(--shiki-default-text-decoration);}html .shiki span {color: var(--shiki-default);background: var(--shiki-default-bg);font-style: var(--shiki-default-font-style);font-weight: var(--shiki-default-font-weight);text-decoration: var(--shiki-default-text-decoration);}html .dark .shiki span {color: var(--shiki-dark);background: var(--shiki-dark-bg);font-style: var(--shiki-dark-font-style);font-weight: var(--shiki-dark-font-weight);text-decoration: var(--shiki-dark-text-decoration);}html.dark .shiki span {color: var(--shiki-dark);background: var(--shiki-dark-bg);font-style: var(--shiki-dark-font-style);font-weight: var(--shiki-dark-font-weight);text-decoration: var(--shiki-dark-text-decoration);}html pre.shiki code .sfazB, html code.shiki .sfazB{--shiki-light:#91B859;--shiki-default:#C3E88D;--shiki-dark:#C3E88D}html pre.shiki code .s7zQu, html code.shiki .s7zQu{--shiki-light:#39ADB5;--shiki-light-font-style:italic;--shiki-default:#89DDFF;--shiki-default-font-style:italic;--shiki-dark:#89DDFF;--shiki-dark-font-style:italic}html pre.shiki code .s2Zo4, html code.shiki .s2Zo4{--shiki-light:#6182B8;--shiki-default:#82AAFF;--shiki-dark:#82AAFF}html pre.shiki code .sBMFI, html code.shiki .sBMFI{--shiki-light:#E2931D;--shiki-default:#FFCB6B;--shiki-dark:#FFCB6B}",{"title":309,"searchDepth":377,"depth":377,"links":1298},[1299,1300,1301,1302,1303,1304],{"id":301,"depth":377,"text":302},{"id":408,"depth":377,"text":409},{"id":566,"depth":377,"text":567},{"id":642,"depth":377,"text":643},{"id":1018,"depth":377,"text":1019},{"id":1091,"depth":377,"text":1092},"Add legends to identify chart series","md",null,{},{"icon":231},{"title":228,"description":1305},"NQRHIzYsLaQBUp_rc93GWTakbW3WErwCFwAddge7cwY",[1313,1315],{"title":223,"path":224,"stem":225,"description":1314,"icon":226,"children":-1},"Configure tooltips for displaying data on hover",{"title":233,"path":234,"stem":235,"description":1316,"icon":201,"children":-1},"Add grid lines to cartesian charts",1793527170097]