[{"data":1,"prerenderedAt":879},["ShallowReactive",2],{"navigation_docs":3,"-charts-tracker":279,"-charts-tracker-surround":874},[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":183,"body":281,"description":867,"extension":868,"links":869,"meta":870,"navigation":871,"path":184,"seo":872,"stem":185,"__hash__":873},"docs\u002F3.charts\u002F13.tracker.md",{"type":282,"value":283,"toc":858},"minimark",[284,293,298,304,311,315,326,331,335,623,626,716,720,807,811,835,848],[285,286,287,288,292],"p",{},"A tracker shows a status per period as a row of bars, like the uptime history on a status page. Each row of ",[289,290,291],"code",{},"data"," is one bar, oldest first; the bar's color comes from its status.",[294,295,297],"h2",{"id":296},"uptime","Uptime",[299,300],"chart-demo",{"description":301,"name":302,"src":303},"60 days of API status with a tooltip per day.","Uptime Tracker","tracker-charts\u002Fsimple-tracker-chart",[285,305,306,307,310],{},"When you append a new day and drop the oldest, the bars slide left together: the oldest leaves past the edge and the new one arrives from the right. Each bar keeps its DOM node, because bars match by ",[289,308,309],{},"name-key"," (the date), not by position.",[294,312,314],{"id":313},"your-own-statuses","Your own statuses",[285,316,317,318,321,322,325],{},"Any value can be a status. Give it a color with ",[289,319,320],{},"statusColors"," and readable text with ",[289,323,324],{},"statusLabels",".",[299,327],{"description":328,"name":329,"src":330},"CI results with custom statuses and round bars.","Build Results","tracker-charts\u002Fcustom-status-tracker-chart",[294,332,334],{"id":333},"props","Props",[336,337,338,357],"table",{},[339,340,341],"thead",{},[342,343,344,348,351,354],"tr",{},[345,346,347],"th",{},"Prop",[345,349,350],{},"Type",[345,352,353],{},"Default",[345,355,356],{},"Description",[358,359,360,381,399,419,437,453,473,491,511,543,562,583,603],"tbody",{},[342,361,362,367,372,378],{},[363,364,365],"td",{},[289,366,291],{},[363,368,369],{},[289,370,371],{},"Row[]",[363,373,374],{},[375,376,377],"strong",{},"required",[363,379,380],{},"One row per bar, oldest first",[342,382,383,388,391,396],{},[363,384,385],{},[289,386,387],{},"data-key",[363,389,390],{},"row path or accessor",[363,392,393],{},[289,394,395],{},"'status'",[363,397,398],{},"Field with the status",[342,400,401,405,407,412],{},[363,402,403],{},[289,404,309],{},[363,406,390],{},[363,408,409],{},[289,410,411],{},"'date'",[363,413,414,415,418],{},"Field naming the bar. It is the bar's identity across updates. ",[289,416,417],{},"YYYY-MM-DD"," values show as dates in tooltips",[342,420,421,426,431,434],{},[363,422,423],{},[289,424,425],{},"status-colors",[363,427,428],{},[289,429,430],{},"Record\u003Cstring, string>",[363,432,433],{},"see below",[363,435,436],{},"Fill per status, merged over the defaults",[342,438,439,444,448,450],{},[363,440,441],{},[289,442,443],{},"status-labels",[363,445,446],{},[289,447,430],{},[363,449,433],{},[363,451,452],{},"Tooltip and screen-reader text per status",[342,454,455,460,465,470],{},[363,456,457],{},[289,458,459],{},"gap",[363,461,462],{},[289,463,464],{},"number",[363,466,467],{},[289,468,469],{},"2",[363,471,472],{},"Space between bars in px. Bars narrower than 3 px touch",[342,474,475,480,484,488],{},[363,476,477],{},[289,478,479],{},"radius",[363,481,482],{},[289,483,464],{},[363,485,486],{},[289,487,469],{},[363,489,490],{},"Corner radius, capped at half the bar width",[342,492,493,498,503,508],{},[363,494,495],{},[289,496,497],{},"locale",[363,499,500],{},[289,501,502],{},"string",[363,504,505],{},[289,506,507],{},"'en-US'",[363,509,510],{},"Locale for dates in tooltips",[342,512,513,525,529,536],{},[363,514,515,518,519,518,522],{},[289,516,517],{},"width"," \u002F ",[289,520,521],{},"height",[289,523,524],{},"aspect",[363,526,527],{},[289,528,464],{},[363,530,531,532,535],{},"full width, ",[289,533,534],{},"32"," px tall",[363,537,538,539],{},"Size. See ",[540,541,542],"a",{"href":44},"chart size",[342,544,545,550,554,559],{},[363,546,547],{},[289,548,549],{},"title",[363,551,552],{},[289,553,502],{},[363,555,556],{},[289,557,558],{},"'Status history'",[363,560,561],{},"Accessible name of the bar list",[342,563,564,569,574,577],{},[363,565,566],{},[289,567,568],{},"active-index",[363,570,571],{},[289,572,573],{},"number | null",[363,575,576],{},"—",[363,578,579,580],{},"Rendered cell position, for ",[289,581,582],{},"v-model:active-index",[342,584,585,590,595,600],{},[363,586,587],{},[289,588,589],{},"is-animation-active",[363,591,592],{},[289,593,594],{},"boolean",[363,596,597],{},[289,598,599],{},"true",[363,601,602],{},"Animate data changes",[342,604,605,610,615,620],{},[363,606,607],{},[289,608,609],{},"transition",[363,611,612],{},[289,613,614],{},"ChartTransition",[363,616,617],{},[540,618,619],{"href":79},"motion tokens",[363,621,622],{},"Timing of data changes",[285,624,625],{},"Default statuses:",[336,627,628,641],{},[339,629,630],{},[342,631,632,635,638],{},[345,633,634],{},"Status",[345,636,637],{},"Label",[345,639,640],{},"Color",[358,642,643,658,673,688,703],{},[342,644,645,650,653],{},[363,646,647],{},[289,648,649],{},"up",[363,651,652],{},"Operational",[363,654,655],{},[289,656,657],{},"var(--v-charts-status-up, #22c55e)",[342,659,660,665,668],{},[363,661,662],{},[289,663,664],{},"degraded",[363,666,667],{},"Degraded",[363,669,670],{},[289,671,672],{},"var(--v-charts-status-degraded, #f59e0b)",[342,674,675,680,683],{},[363,676,677],{},[289,678,679],{},"down",[363,681,682],{},"Down",[363,684,685],{},[289,686,687],{},"var(--v-charts-status-down, #ef4444)",[342,689,690,695,698],{},[363,691,692],{},[289,693,694],{},"maintenance",[363,696,697],{},"Maintenance",[363,699,700],{},[289,701,702],{},"var(--v-charts-status-maintenance, #3b82f6)",[342,704,705,708,711],{},[363,706,707],{},"missing or unknown",[363,709,710],{},"No data",[363,712,713],{},[289,714,715],{},"var(--v-charts-muted, #e5e5e5)",[294,717,719],{"id":718},"events-and-slots","Events and slots",[336,721,722,733],{},[339,723,724],{},[342,725,726,728,731],{},[345,727],{},[345,729,730],{},"Payload",[345,732,356],{},[358,734,735,775,793],{},[342,736,737,749,754],{},[363,738,739,742,743,742,746],{},[289,740,741],{},"@cell-click",", ",[289,744,745],{},"@cell-mouseenter",[289,747,748],{},"@cell-mouseleave",[363,750,751],{},[289,752,753],{},"(row, index, event)",[363,755,756,757,759,760,763,764,767,768,771,772],{},"The row of ",[289,758,291],{}," behind the bar. ",[289,761,762],{},"cell-click"," gets a ",[289,765,766],{},"MouseEvent",", or a ",[289,769,770],{},"KeyboardEvent"," for ",[289,773,774],{},"Enter",[342,776,777,782,787],{},[363,778,779],{},[289,780,781],{},"#cell",[363,783,784],{},[289,785,786],{},"{ cell, index, active, x, y, width, height, fill, radius }",[363,788,789,790],{},"Replace the bar's ",[289,791,792],{},"\u003Crect>",[342,794,795,798,800],{},[363,796,797],{},"default slot",[363,799,576],{},[363,801,802,803,806],{},"Place ",[289,804,805],{},"\u003CTooltip>"," here",[294,808,810],{"id":809},"keyboard","Keyboard",[285,812,813,814,817,818,821,822,824,825,827,828,830,831,834],{},"The bars form one focusable list. Arrow keys move between bars, ",[289,815,816],{},"Home"," and ",[289,819,820],{},"End"," jump to the first and last, ",[289,823,774],{}," emits ",[289,826,762],{}," for the active bar (with a ",[289,829,770],{},"), ",[289,832,833],{},"Escape"," clears the selection. The active bar drives the tooltip.",[285,836,837,838,840,841,844,845,847],{},"Bind ",[289,839,582],{}," to control selection; ",[289,842,843],{},"null"," clears it. Pointer and keyboard changes request an update. See ",[540,846,83],{"href":84}," for control precedence.",[285,849,850,851,854,855,857],{},"The row type ",[289,852,853],{},"Row"," is inferred from ",[289,856,291],{},". Key props accept typed row paths or accessors.",{"title":859,"searchDepth":860,"depth":860,"links":861},"",2,[862,863,864,865,866],{"id":296,"depth":860,"text":297},{"id":313,"depth":860,"text":314},{"id":333,"depth":860,"text":334},{"id":718,"depth":860,"text":719},{"id":809,"depth":860,"text":810},"Uptime and status history, one bar per period","md",null,{},{"icon":186},{"title":183,"description":867},"IJT5E1Uv2psAvltG3L-Y6DHhUvRgotJnuwKxbn_6okU",[875,877],{"title":178,"path":179,"stem":180,"description":876,"icon":181,"children":-1},"Flow diagrams showing the magnitude of flow between nodes",{"title":188,"path":189,"stem":190,"description":878,"icon":191,"children":-1},"A contribution calendar, one square per day",1791811114277]