[{"data":1,"prerenderedAt":722},["ShallowReactive",2],{"navigation_docs":3,"-charts-sparkline":284,"-charts-sparkline-surround":717},[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":203,"body":286,"description":710,"extension":711,"links":712,"meta":713,"navigation":714,"path":204,"seo":715,"stem":205,"__hash__":716},"docs\u002F3.charts\u002F16.sparkline.md",{"type":287,"value":288,"toc":702},"minimark",[289,293,299,304,318,322,333,337,344,348,682,689],[290,291,292],"p",{},"A sparkline shows the shape of a trend without axes, next to the number it explains. It fills the width of its container and is 32 px tall unless you set a height.",[294,295],"chart-demo",{"description":296,"name":297,"src":298},"Hover the visitors line: the card shows the hovered day.","Stat Cards","sparkline-charts\u002Fstat-card-sparklines",[300,301,303],"h2",{"id":302},"the-hovered-point-is-a-model","The hovered point is a model",[290,305,306,310,311,314,315,317],{},[307,308,309],"code",{},"v-model:active-index"," holds the index of the hovered or focused point, or ",[307,312,313],{},"null",". Bind it to show the value in your own markup, as the visitors card above does. Arrow keys request a change when the sparkline has focus. A supplied value, including ",[307,316,313],{},", controls the display; rejected requests leave it unchanged. Without a model, selection follows item identity through data changes.",[300,319,321],{"id":320},"compare-several-sparklines","Compare several sparklines",[290,323,324,325,328,329,332],{},"Each sparkline scales to its own data by default, so two cards with different numbers can look alike. To compare them, give them the same ",[307,326,327],{},"min"," and ",[307,330,331],{},"max",".",[300,334,336],{"id":335},"moving-windows","Moving windows",[290,338,339,340,343],{},"With ",[307,341,342],{},"name-key"," (for example a date field), points keep their identity: when a new day is appended and the oldest dropped, the line slides instead of reshaping. Without it, points match by position.",[300,345,347],{"id":346},"props","Props",[349,350,351,370],"table",{},[352,353,354],"thead",{},[355,356,357,361,364,367],"tr",{},[358,359,360],"th",{},"Prop",[358,362,363],{},"Type",[358,365,366],{},"Default",[358,368,369],{},"Description",[371,372,373,402,419,433,453,473,493,513,532,552,574,593,613,637,660],"tbody",{},[355,374,375,381,386,392],{},[376,377,378],"td",{},[307,379,380],{},"data",[376,382,383],{},[307,384,385],{},"number[] | Row[]",[376,387,388],{},[389,390,391],"strong",{},"required",[376,393,394,395,398,399,401],{},"Values, or rows with ",[307,396,397],{},"data-key",". ",[307,400,313],{}," leaves a gap",[355,403,404,408,411,416],{},[376,405,406],{},[307,407,397],{},[376,409,410],{},"row path or accessor",[376,412,413],{},[307,414,415],{},"'value'",[376,417,418],{},"Field with the value for rows",[355,420,421,425,427,430],{},[376,422,423],{},[307,424,342],{},[376,426,410],{},[376,428,429],{},"—",[376,431,432],{},"Field that identifies a point across updates",[355,434,435,440,445,450],{},[376,436,437],{},[307,438,439],{},"type",[376,441,442],{},[307,443,444],{},"'line' | 'area' | 'bar'",[376,446,447],{},[307,448,449],{},"'line'",[376,451,452],{},"Shape",[355,454,455,460,465,470],{},[376,456,457],{},[307,458,459],{},"color",[376,461,462],{},[307,463,464],{},"string",[376,466,467],{},[307,468,469],{},"var(--v-charts-series-1, var(--v-charts-series, #2563eb))",[376,471,472],{},"Line, fill and dot color",[355,474,475,480,485,490],{},[376,476,477],{},[307,478,479],{},"curve",[376,481,482],{},[307,483,484],{},"'monotone' | 'linear'",[376,486,487],{},[307,488,489],{},"'monotone'",[376,491,492],{},"Line interpolation",[355,494,495,500,505,510],{},[376,496,497],{},[307,498,499],{},"stroke-width",[376,501,502],{},[307,503,504],{},"number",[376,506,507],{},[307,508,509],{},"1.5",[376,511,512],{},"Line width",[355,514,515,522,526,529],{},[376,516,517,519,520],{},[307,518,327],{}," \u002F ",[307,521,331],{},[376,523,524],{},[307,525,504],{},[376,527,528],{},"data range (bars include 0)",[376,530,531],{},"Scale bounds",[355,533,534,539,544,549],{},[376,535,536],{},[307,537,538],{},"end-dot",[376,540,541],{},[307,542,543],{},"boolean",[376,545,546],{},[307,547,548],{},"true",[376,550,551],{},"Dot on the latest value",[355,553,554,559,564,571],{},[376,555,556],{},[307,557,558],{},"value-formatter",[376,560,561],{},[307,562,563],{},"(value, row) => string",[376,565,566,567,570],{},"locale number format (",[307,568,569],{},"1,234",")",[376,572,573],{},"Value text in the tooltip, point names and the summary",[355,575,576,581,585,590],{},[376,577,578],{},[307,579,580],{},"locale",[376,582,583],{},[307,584,464],{},[376,586,587],{},[307,588,589],{},"'en-US'",[376,591,592],{},"Number format of the default value text",[355,594,595,600,605,607],{},[376,596,597],{},[307,598,599],{},"active-index",[376,601,602],{},[307,603,604],{},"number | null",[376,606,429],{},[376,608,609,610],{},"Hovered point, for ",[307,611,612],{},"v-model",[355,614,615,623,627,634],{},[376,616,617,519,620],{},[307,618,619],{},"gap",[307,621,622],{},"radius",[376,624,625],{},[307,626,504],{},[376,628,629,519,632],{},[307,630,631],{},"1",[307,633,631],{},[376,635,636],{},"Bars only",[355,638,639,650,654,657],{},[376,640,641,519,644,519,647],{},[307,642,643],{},"width",[307,645,646],{},"height",[307,648,649],{},"aspect",[376,651,652],{},[307,653,504],{},[376,655,656],{},"full width, 32 px",[376,658,659],{},"Size",[355,661,662,667,671,676],{},[376,663,664],{},[307,665,666],{},"title",[376,668,669],{},[307,670,464],{},[376,672,673],{},[307,674,675],{},"'Trend: N values from first to last'",[376,677,678,679,681],{},"Accessible name. A ",[307,680,666],{}," replaces the whole name, values included",[290,683,684,685,688],{},"Place ",[307,686,687],{},"\u003CTooltip>"," in the default slot for a tooltip on hover.",[290,690,691,692,695,696,698,699,701],{},"For row data, ",[307,693,694],{},"Row"," is inferred from ",[307,697,380],{},"; ",[307,700,397],{}," accepts a typed row path or accessor.",{"title":703,"searchDepth":704,"depth":704,"links":705},"",2,[706,707,708,709],{"id":302,"depth":704,"text":303},{"id":320,"depth":704,"text":321},{"id":335,"depth":704,"text":336},{"id":346,"depth":704,"text":347},"A word-sized trend for stat cards and tables","md",null,{},{"icon":142},{"title":203,"description":710},"BeDc0Nn2HzAeSD26zmuehwkJo7VeVt4YXb8O-h3eJ0g",[718,720],{"title":198,"path":199,"stem":200,"description":719,"icon":201,"children":-1},"A matrix of cells colored by value, and cohort retention grids",{"title":207,"path":208,"stem":209,"description":721,"icon":210,"children":-1},"A ranked list with a bar behind each label",1793527169751]