[{"data":1,"prerenderedAt":1050},["ShallowReactive",2],{"navigation_docs":3,"-components-reference-elements":177,"-components-reference-elements-surround":1045},[4,21,77,137],{"title":5,"icon":6,"path":7,"stem":8,"children":9,"page":20},"Getting Started","i-lucide-rocket","/getting-started","1.getting-started",[10,15],{"title":11,"path":12,"stem":13,"icon":14},"Introduction","/getting-started/introduction","1.getting-started/1.introduction","i-lucide-house",{"title":16,"path":17,"stem":18,"icon":19},"Installation","/getting-started/installation","1.getting-started/2.installation","i-lucide-download",false,{"title":22,"icon":23,"path":24,"stem":25,"children":26,"page":20},"Guides","i-lucide-book-open","/guides","2.guides",[27,32,37,42,47,52,57,62,67,72],{"title":28,"path":29,"stem":30,"icon":31},"Customize","/guides/customize","2.guides/01.customize","i-lucide-paintbrush",{"title":33,"path":34,"stem":35,"icon":36},"Active Index","/guides/active-state","2.guides/02.active-state","i-lucide-mouse-pointer",{"title":38,"path":39,"stem":40,"icon":41},"Domain and Ticks","/guides/domain-and-ticks","2.guides/03.domain-and-ticks","i-lucide-ruler",{"title":43,"path":44,"stem":45,"icon":46},"Axis Ticks","/guides/axis-ticks","2.guides/04.axis-ticks","i-lucide-hash",{"title":48,"path":49,"stem":50,"icon":51},"Chart Size","/guides/chart-size","2.guides/05.chart-size","i-lucide-maximize",{"title":53,"path":54,"stem":55,"icon":56},"Z-Index and Layers","/guides/z-order-and-layers","2.guides/06.z-order-and-layers","i-lucide-layers",{"title":58,"path":59,"stem":60,"icon":61},"Coordinate Systems","/guides/coordinate-systems","2.guides/07.coordinate-systems","i-lucide-crosshair",{"title":63,"path":64,"stem":65,"icon":66},"Performance","/guides/performance","2.guides/08.performance","i-lucide-zap",{"title":68,"path":69,"stem":70,"icon":71},"Rounded Bar Corners","/guides/rounded-bar-corners","2.guides/09.rounded-bar-corners","i-lucide-square",{"title":73,"path":74,"stem":75,"icon":76},"Bar Alignment","/guides/bar-alignment","2.guides/10.bar-alignment","i-lucide-align-center",{"title":78,"icon":79,"path":80,"stem":81,"children":82,"page":20},"Charts","i-lucide-bar-chart-3","/charts","3.charts",[83,88,93,98,103,108,113,118,123,128,133],{"title":84,"path":85,"stem":86,"icon":87},"Area Chart","/charts/area-chart","3.charts/1.area-chart","i-lucide-area-chart",{"title":89,"path":90,"stem":91,"icon":92},"Treemap","/charts/treemap","3.charts/10.treemap","i-lucide-layout-grid",{"title":94,"path":95,"stem":96,"icon":97},"Sankey","/charts/sankey","3.charts/11.sankey","i-lucide-git-fork",{"title":99,"path":100,"stem":101,"icon":102},"Bar Chart","/charts/bar-chart","3.charts/2.bar-chart","i-lucide-bar-chart",{"title":104,"path":105,"stem":106,"icon":107},"Line Chart","/charts/line-chart","3.charts/3.line-chart","i-lucide-trending-up",{"title":109,"path":110,"stem":111,"icon":112},"Pie Chart","/charts/pie-chart","3.charts/4.pie-chart","i-lucide-pie-chart",{"title":114,"path":115,"stem":116,"icon":117},"Radar Chart","/charts/radar-chart","3.charts/5.radar-chart","i-lucide-radar",{"title":119,"path":120,"stem":121,"icon":122},"Radial Bar Chart","/charts/radial-bar-chart","3.charts/6.radial-bar-chart","i-lucide-circle-dot",{"title":124,"path":125,"stem":126,"icon":127},"Scatter Chart","/charts/scatter-chart","3.charts/7.scatter-chart","i-lucide-scatter-chart",{"title":129,"path":130,"stem":131,"icon":132},"Funnel Chart","/charts/funnel-chart","3.charts/8.funnel-chart","i-lucide-filter",{"title":134,"path":135,"stem":136,"icon":56},"Composed Chart","/charts/composed-chart","3.charts/9.composed-chart",{"title":138,"icon":139,"path":140,"stem":141,"children":142,"page":20},"Components","i-lucide-code","/components","4.components",[143,148,153,158,163,167,172],{"title":144,"path":145,"stem":146,"icon":147},"Tooltip","/components/tooltip","4.components/1.tooltip","i-lucide-message-square",{"title":149,"path":150,"stem":151,"icon":152},"Legend","/components/legend","4.components/2.legend","i-lucide-list",{"title":154,"path":155,"stem":156,"icon":157},"CartesianGrid","/components/cartesian-grid","4.components/3.cartesian-grid","i-lucide-grid-3x3",{"title":159,"path":160,"stem":161,"icon":162},"Axes","/components/axis","4.components/4.axis","i-lucide-move",{"title":164,"path":165,"stem":166,"icon":61},"Reference Elements","/components/reference-elements","4.components/5.reference-elements",{"title":168,"path":169,"stem":170,"icon":171},"Text","/components/text","4.components/6.text","i-lucide-type",{"title":173,"path":174,"stem":175,"icon":176},"Customized","/components/customized","4.components/7.customized","i-lucide-pencil-ruler",{"id":178,"title":164,"body":179,"description":1038,"extension":1039,"links":1040,"meta":1041,"navigation":1042,"path":165,"seo":1043,"stem":166,"__hash__":1044},"docs/4.components/5.reference-elements.md",{"type":180,"value":181,"toc":1023},"minimark",[182,198,203,206,212,216,223,228,232,235,240,245,297,301,304,309,313,320,380,431,435,618,622,652,656,800,804,1019],[183,184,185,189,190,193,194,197],"p",{},[186,187,188],"code",{},"\u003CReferenceDot>",", ",[186,191,192],{},"\u003CReferenceLine>",", and ",[186,195,196],{},"\u003CReferenceArea>"," add visual annotations to cartesian charts — highlighting thresholds, targets, or regions of interest.",[199,200,202],"h2",{"id":201},"referencedot","ReferenceDot",[183,204,205],{},"Mark a specific data point:",[207,208],"chart-demo",{"description":209,"name":210,"src":211},"A labeled reference dot highlighting the peak value.","Reference Dot","reference-charts/reference-dot-chart",[199,213,215],{"id":214},"custom-shape-slot","Custom shape slot",[183,217,218,219,222],{},"Use the ",[186,220,221],{},"#shape"," slot to render a custom shape instead of the default dot:",[207,224],{"description":225,"name":226,"src":227},"A reference dot with a custom double-circle shape.","Custom Shape","reference-charts/custom-shape-reference-dot-chart",[199,229,231],{"id":230},"referenceline","ReferenceLine",[183,233,234],{},"Draw a horizontal or vertical reference line:",[207,236],{"description":237,"name":238,"src":239},"A dashed horizontal reference line showing the average.","Reference Line","reference-charts/reference-line-chart",[241,242,244],"h3",{"id":243},"vertical-line","Vertical line",[246,247,252],"pre",{"className":248,"code":249,"language":250,"meta":251,"style":251},"language-vue shiki shiki-themes material-theme-lighter material-theme material-theme-palenight","\u003CReferenceLine x=\"Mar\" stroke=\"#14b8a6\" />\n","vue","",[186,253,254],{"__ignoreMap":251},[255,256,259,263,266,270,273,276,280,282,285,287,289,292,294],"span",{"class":257,"line":258},"line",1,[255,260,262],{"class":261},"sMK4o","\u003C",[255,264,231],{"class":265},"swJcz",[255,267,269],{"class":268},"spNyl"," x",[255,271,272],{"class":261},"=",[255,274,275],{"class":261},"\"",[255,277,279],{"class":278},"sfazB","Mar",[255,281,275],{"class":261},[255,283,284],{"class":268}," stroke",[255,286,272],{"class":261},[255,288,275],{"class":261},[255,290,291],{"class":278},"#14b8a6",[255,293,275],{"class":261},[255,295,296],{"class":261}," />\n",[199,298,300],{"id":299},"referencearea","ReferenceArea",[183,302,303],{},"Highlight a region between two coordinates:",[207,305],{"description":306,"name":307,"src":308},"A shaded region marking a target zone.","Reference Area","reference-charts/reference-area-chart",[199,310,312],{"id":311},"overflow-behavior","Overflow behavior",[183,314,315,316,319],{},"Control what happens when a reference element falls outside the chart domain using ",[186,317,318],{},"if-overflow",":",[321,322,323,336],"table",{},[324,325,326],"thead",{},[327,328,329,333],"tr",{},[330,331,332],"th",{},"Value",[330,334,335],{},"Behavior",[337,338,339,350,360,370],"tbody",{},[327,340,341,347],{},[342,343,344],"td",{},[186,345,346],{},"'discard'",[342,348,349],{},"Hide when outside domain (default)",[327,351,352,357],{},[342,353,354],{},[186,355,356],{},"'hidden'",[342,358,359],{},"Render but clip to chart area",[327,361,362,367],{},[342,363,364],{},[186,365,366],{},"'visible'",[342,368,369],{},"Render even outside chart area",[327,371,372,377],{},[342,373,374],{},[186,375,376],{},"'extendDomain'",[342,378,379],{},"Extend axis domain to include the element",[246,381,383],{"className":248,"code":382,"language":250,"meta":251,"style":251},"\u003CReferenceDot x=\"Mar\" :y=\"9999\" if-overflow=\"extendDomain\" />\n",[186,384,385],{"__ignoreMap":251},[255,386,387,389,391,393,395,397,399,401,404,407,409,411,415,417,420,422,424,427,429],{"class":257,"line":258},[255,388,262],{"class":261},[255,390,202],{"class":265},[255,392,269],{"class":268},[255,394,272],{"class":261},[255,396,275],{"class":261},[255,398,279],{"class":278},[255,400,275],{"class":261},[255,402,403],{"class":261}," :",[255,405,406],{"class":268},"y",[255,408,272],{"class":261},[255,410,275],{"class":261},[255,412,414],{"class":413},"sbssI","9999",[255,416,275],{"class":261},[255,418,419],{"class":268}," if-overflow",[255,421,272],{"class":261},[255,423,275],{"class":261},[255,425,426],{"class":278},"extendDomain",[255,428,275],{"class":261},[255,430,296],{"class":261},[199,432,434],{"id":433},"referencedot-props","ReferenceDot props",[321,436,437,453],{},[324,438,439],{},[327,440,441,444,447,450],{},[330,442,443],{},"Prop",[330,445,446],{},"Type",[330,448,449],{},"Default",[330,451,452],{},"Description",[337,454,455,473,488,508,528,547,564,581,600],{},[327,456,457,462,467,470],{},[342,458,459],{},[186,460,461],{},"x",[342,463,464],{},[186,465,466],{},"number | string",[342,468,469],{},"—",[342,471,472],{},"X-axis coordinate",[327,474,475,479,483,485],{},[342,476,477],{},[186,478,406],{},[342,480,481],{},[186,482,466],{},[342,484,469],{},[342,486,487],{},"Y-axis coordinate",[327,489,490,495,500,505],{},[342,491,492],{},[186,493,494],{},"r",[342,496,497],{},[186,498,499],{},"number",[342,501,502],{},[186,503,504],{},"10",[342,506,507],{},"Dot radius",[327,509,510,515,520,525],{},[342,511,512],{},[186,513,514],{},"fill",[342,516,517],{},[186,518,519],{},"string",[342,521,522],{},[186,523,524],{},"'#fff'",[342,526,527],{},"Dot fill color",[327,529,530,535,539,544],{},[342,531,532],{},[186,533,534],{},"stroke",[342,536,537],{},[186,538,519],{},[342,540,541],{},[186,542,543],{},"'#ccc'",[342,545,546],{},"Dot stroke color",[327,548,549,554,559,561],{},[342,550,551],{},[186,552,553],{},"label",[342,555,556],{},[186,557,558],{},"string | number | object",[342,560,469],{},[342,562,563],{},"Label text or Label props",[327,565,566,571,575,579],{},[342,567,568],{},[186,569,570],{},"ifOverflow",[342,572,573],{},[186,574,519],{},[342,576,577],{},[186,578,346],{},[342,580,312],{},[327,582,583,588,592,597],{},[342,584,585],{},[186,586,587],{},"xAxisId",[342,589,590],{},[186,591,466],{},[342,593,594],{},[186,595,596],{},"0",[342,598,599],{},"Target X axis ID",[327,601,602,607,611,615],{},[342,603,604],{},[186,605,606],{},"yAxisId",[342,608,609],{},[186,610,466],{},[342,612,613],{},[186,614,596],{},[342,616,617],{},"Target Y axis ID",[199,619,621],{"id":620},"referencedot-slots","ReferenceDot slots",[321,623,624,636],{},[324,625,626],{},[327,627,628,631,634],{},[330,629,630],{},"Slot",[330,632,633],{},"Props",[330,635,452],{},[337,637,638],{},[327,639,640,644,649],{},[342,641,642],{},[186,643,221],{},[342,645,646],{},[186,647,648],{},"{ cx, cy, r, fill, stroke, clipPath }",[342,650,651],{},"Custom shape rendering",[199,653,655],{"id":654},"referenceline-props","ReferenceLine props",[321,657,658,670],{},[324,659,660],{},[327,661,662,664,666,668],{},[330,663,443],{},[330,665,446],{},[330,667,449],{},[330,669,452],{},[337,671,672,687,702,719,738,752,768,784],{},[327,673,674,678,682,684],{},[342,675,676],{},[186,677,461],{},[342,679,680],{},[186,681,466],{},[342,683,469],{},[342,685,686],{},"X value for vertical line",[327,688,689,693,697,699],{},[342,690,691],{},[186,692,406],{},[342,694,695],{},[186,696,466],{},[342,698,469],{},[342,700,701],{},"Y value for horizontal line",[327,703,704,708,712,716],{},[342,705,706],{},[186,707,534],{},[342,709,710],{},[186,711,519],{},[342,713,714],{},[186,715,543],{},[342,717,718],{},"Line stroke color",[327,720,721,726,730,735],{},[342,722,723],{},[186,724,725],{},"strokeWidth",[342,727,728],{},[186,729,466],{},[342,731,732],{},[186,733,734],{},"1",[342,736,737],{},"Line stroke width",[327,739,740,744,748,750],{},[342,741,742],{},[186,743,553],{},[342,745,746],{},[186,747,558],{},[342,749,469],{},[342,751,563],{},[327,753,754,758,762,766],{},[342,755,756],{},[186,757,570],{},[342,759,760],{},[186,761,519],{},[342,763,764],{},[186,765,346],{},[342,767,312],{},[327,769,770,774,778,782],{},[342,771,772],{},[186,773,587],{},[342,775,776],{},[186,777,466],{},[342,779,780],{},[186,781,596],{},[342,783,599],{},[327,785,786,790,794,798],{},[342,787,788],{},[186,789,606],{},[342,791,792],{},[186,793,466],{},[342,795,796],{},[186,797,596],{},[342,799,617],{},[199,801,803],{"id":802},"referencearea-props","ReferenceArea props",[321,805,806,818],{},[324,807,808],{},[327,809,810,812,814,816],{},[330,811,443],{},[330,813,446],{},[330,815,449],{},[330,817,452],{},[337,819,820,836,852,868,884,901,920,938,957,971,987,1003],{},[327,821,822,827,831,833],{},[342,823,824],{},[186,825,826],{},"x1",[342,828,829],{},[186,830,466],{},[342,832,469],{},[342,834,835],{},"Start X coordinate",[327,837,838,843,847,849],{},[342,839,840],{},[186,841,842],{},"x2",[342,844,845],{},[186,846,466],{},[342,848,469],{},[342,850,851],{},"End X coordinate",[327,853,854,859,863,865],{},[342,855,856],{},[186,857,858],{},"y1",[342,860,861],{},[186,862,466],{},[342,864,469],{},[342,866,867],{},"Start Y coordinate",[327,869,870,875,879,881],{},[342,871,872],{},[186,873,874],{},"y2",[342,876,877],{},[186,878,466],{},[342,880,469],{},[342,882,883],{},"End Y coordinate",[327,885,886,890,894,898],{},[342,887,888],{},[186,889,514],{},[342,891,892],{},[186,893,519],{},[342,895,896],{},[186,897,543],{},[342,899,900],{},"Area fill color",[327,902,903,908,912,917],{},[342,904,905],{},[186,906,907],{},"fillOpacity",[342,909,910],{},[186,911,499],{},[342,913,914],{},[186,915,916],{},"0.5",[342,918,919],{},"Fill opacity",[327,921,922,926,930,935],{},[342,923,924],{},[186,925,534],{},[342,927,928],{},[186,929,519],{},[342,931,932],{},[186,933,934],{},"'none'",[342,936,937],{},"Border stroke color",[327,939,940,945,950,954],{},[342,941,942],{},[186,943,944],{},"radius",[342,946,947],{},[186,948,949],{},"number | number[]",[342,951,952],{},[186,953,596],{},[342,955,956],{},"Corner radius",[327,958,959,963,967,969],{},[342,960,961],{},[186,962,553],{},[342,964,965],{},[186,966,558],{},[342,968,469],{},[342,970,563],{},[327,972,973,977,981,985],{},[342,974,975],{},[186,976,570],{},[342,978,979],{},[186,980,519],{},[342,982,983],{},[186,984,346],{},[342,986,312],{},[327,988,989,993,997,1001],{},[342,990,991],{},[186,992,587],{},[342,994,995],{},[186,996,466],{},[342,998,999],{},[186,1000,596],{},[342,1002,599],{},[327,1004,1005,1009,1013,1017],{},[342,1006,1007],{},[186,1008,606],{},[342,1010,1011],{},[186,1012,466],{},[342,1014,1015],{},[186,1016,596],{},[342,1018,617],{},[1020,1021,1022],"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 .sfazB, html code.shiki .sfazB{--shiki-light:#91B859;--shiki-default:#C3E88D;--shiki-dark:#C3E88D}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 .sbssI, html code.shiki .sbssI{--shiki-light:#F76D47;--shiki-default:#F78C6C;--shiki-dark:#F78C6C}",{"title":251,"searchDepth":1024,"depth":1024,"links":1025},2,[1026,1027,1028,1032,1033,1034,1035,1036,1037],{"id":201,"depth":1024,"text":202},{"id":214,"depth":1024,"text":215},{"id":230,"depth":1024,"text":231,"children":1029},[1030],{"id":243,"depth":1031,"text":244},3,{"id":299,"depth":1024,"text":300},{"id":311,"depth":1024,"text":312},{"id":433,"depth":1024,"text":434},{"id":620,"depth":1024,"text":621},{"id":654,"depth":1024,"text":655},{"id":802,"depth":1024,"text":803},"Annotate charts with reference dots, lines, and areas","md",null,{},{"icon":61},{"title":164,"description":1038},"G-cPj4Wv1BQTf0ex59LfmZ0yCIx8dOcLcyBxldB2OSM",[1046,1048],{"title":159,"path":160,"stem":161,"description":1047,"icon":162,"children":-1},"Configure X and Y axes for cartesian charts",{"title":168,"path":169,"stem":170,"description":1049,"icon":171,"children":-1},"Render SVG text with auto-wrapping, rotation, and scaling",1775929456756]