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