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