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