[{"data":1,"prerenderedAt":880},["ShallowReactive",2],{"navigation_docs":3,"-charts-line-chart":279,"-charts-line-chart-surround":875},[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":134,"body":281,"description":868,"extension":869,"links":870,"meta":871,"navigation":872,"path":135,"seo":873,"stem":136,"__hash__":874},"docs\u002F3.charts\u002F03.line-chart.md",{"type":282,"value":283,"toc":856},"minimark",[284,288,293,296,301,305,313,317,321,328,332,336,342,346,350,357,361,365,376,380,752,776,780],[285,286,287],"p",{},"Line charts display data as a series of points connected by line segments.",[289,290,292],"h2",{"id":291},"simple-line-chart","Simple Line Chart",[285,294,295],{},"A basic line chart with a single series.",[297,298],"chart-demo",{"description":299,"name":292,"src":300},"A line chart with monotone interpolation.","line-charts\u002Fsimple-line-chart",[289,302,304],{"id":303},"multi-line-chart","Multi-Line Chart",[285,306,307,308,312],{},"Add multiple ",[309,310,311],"code",{},"\u003CLine>"," components for multi-series charts.",[297,314],{"description":315,"name":304,"src":316},"Two line series with different colors.","line-charts\u002Fmulti-line-chart",[289,318,320],{"id":319},"dashed-line-chart","Dashed Line Chart",[285,322,323,324,327],{},"Use ",[309,325,326],{},"stroke-dasharray"," for dashed lines.",[297,329],{"description":330,"name":320,"src":331},"Two lines with different dash patterns.","line-charts\u002Fdashed-line-chart",[289,333,335],{"id":334},"step-line-chart","Step Line Chart",[285,337,323,338,341],{},[309,339,340],{},"type=\"step\""," for step-wise transitions.",[297,343],{"description":344,"name":335,"src":345},"A line chart with step interpolation.","line-charts\u002Fstep-line-chart",[289,347,349],{"id":348},"line-chart-with-dots","Line Chart with Dots",[285,351,352,353,356],{},"Lines show a dot on every data point by default. Set ",[309,354,355],{},":dot=\"false\""," to hide the dots, or pass an object to style them.",[297,358],{"description":359,"name":349,"src":360},"A line chart with visible dots on each point.","line-charts\u002Fdots-line-chart",[289,362,364],{"id":363},"linechart-props","LineChart props",[285,366,367,370,371,375],{},[309,368,369],{},"\u003CLineChart>"," takes the ",[372,373,374],"a",{"href":120},"chart container props",", including bar sizing.",[289,377,379],{"id":378},"line-props","Line props",[381,382,383,402],"table",{},[384,385,386],"thead",{},[387,388,389,393,396,399],"tr",{},[390,391,392],"th",{},"Prop",[390,394,395],{},"Type",[390,397,398],{},"Default",[390,400,401],{},"Description",[403,404,405,425,456,474,494,514,532,549,569,589,612,628,644,664,684,702,718,735],"tbody",{},[387,406,407,413,416,422],{},[408,409,410],"td",{},[309,411,412],{},"data-key",[408,414,415],{},"row path or accessor",[408,417,418],{},[419,420,421],"strong",{},"required",[408,423,424],{},"Field with the value",[387,426,427,432,437,442],{},[408,428,429],{},[309,430,431],{},"type",[408,433,434],{},[309,435,436],{},"CurveType",[408,438,439],{},[309,440,441],{},"'linear'",[408,443,444,445,448,449,448,452,455],{},"Curve interpolation (",[309,446,447],{},"monotone",", ",[309,450,451],{},"step",[309,453,454],{},"natural",", …)",[387,457,458,463,468,471],{},[408,459,460],{},[309,461,462],{},"stroke",[408,464,465],{},[309,466,467],{},"string",[408,469,470],{},"series palette",[408,472,473],{},"Line color",[387,475,476,481,486,491],{},[408,477,478],{},[309,479,480],{},"stroke-width",[408,482,483],{},[309,484,485],{},"number",[408,487,488],{},[309,489,490],{},"1",[408,492,493],{},"Line width",[387,495,496,501,506,511],{},[408,497,498],{},[309,499,500],{},"dot",[408,502,503],{},[309,504,505],{},"boolean | object",[408,507,508],{},[309,509,510],{},"true",[408,512,513],{},"Show a dot on every point; an object sets dot attributes",[387,515,516,521,525,529],{},[408,517,518],{},[309,519,520],{},"active-dot",[408,522,523],{},[309,524,505],{},[408,526,527],{},[309,528,510],{},[408,530,531],{},"Show a dot on the active point",[387,533,534,539,543,546],{},[408,535,536],{},[309,537,538],{},"label",[408,540,541],{},[309,542,505],{},[408,544,545],{},"—",[408,547,548],{},"Show a value label on every point",[387,550,551,556,561,566],{},[408,552,553],{},[309,554,555],{},"connect-nulls",[408,557,558],{},[309,559,560],{},"boolean",[408,562,563],{},[309,564,565],{},"false",[408,567,568],{},"Draw across missing values",[387,570,571,576,581,586],{},[408,572,573],{},[309,574,575],{},"data",[408,577,578],{},[309,579,580],{},"Array",[408,582,583,584],{},"the chart's ",[309,585,575],{},[408,587,588],{},"Rows for this series only",[387,590,591,599,604,609],{},[408,592,593,448,596],{},[309,594,595],{},"x-axis-id",[309,597,598],{},"y-axis-id",[408,600,601],{},[309,602,603],{},"string | number",[408,605,606],{},[309,607,608],{},"0",[408,610,611],{},"Axes this series uses",[387,613,614,619,623,625],{},[408,615,616],{},[309,617,618],{},"name",[408,620,621],{},[309,622,603],{},[408,624,545],{},[408,626,627],{},"Name in the legend and tooltip",[387,629,630,635,639,641],{},[408,631,632],{},[309,633,634],{},"unit",[408,636,637],{},[309,638,603],{},[408,640,545],{},[408,642,643],{},"Unit after tooltip values",[387,645,646,651,656,661],{},[408,647,648],{},[309,649,650],{},"legend-type",[408,652,653],{},[309,654,655],{},"LegendType",[408,657,658],{},[309,659,660],{},"'line'",[408,662,663],{},"Legend icon",[387,665,666,671,676,678],{},[408,667,668],{},[309,669,670],{},"tooltip-type",[408,672,673],{},[309,674,675],{},"'none'",[408,677,545],{},[408,679,680,681,683],{},"Set ",[309,682,675],{}," to leave the series out of the tooltip",[387,685,686,691,695,699],{},[408,687,688],{},[309,689,690],{},"hide",[408,692,693],{},[309,694,560],{},[408,696,697],{},[309,698,565],{},[408,700,701],{},"Hide the series",[387,703,704,709,713,715],{},[408,705,706],{},[309,707,708],{},"class",[408,710,711],{},[309,712,467],{},[408,714,545],{},[408,716,717],{},"Class on the series layer",[387,719,720,725,729,732],{},[408,721,722],{},[309,723,724],{},"is-animation-active",[408,726,727],{},[309,728,560],{},[408,730,731],{},"the chart's value",[408,733,734],{},"Animate this series",[387,736,737,742,747,749],{},[408,738,739],{},[309,740,741],{},"transition",[408,743,744],{},[309,745,746],{},"ChartTransition",[408,748,731],{},[408,750,751],{},"Timing and easing of data changes",[285,753,754,755,448,758,448,761,764,765,768,769,448,772,775],{},"Events: ",[309,756,757],{},"@click",[309,759,760],{},"@mouseenter",[309,762,763],{},"@mouseleave"," with ",[309,766,767],{},"(point, index, event)",", and ",[309,770,771],{},"@animation-start",[309,773,774],{},"@animation-end",".",[289,777,779],{"id":778},"line-slots","Line slots",[381,781,782,794],{},[384,783,784],{},[387,785,786,789,792],{},[390,787,788],{},"Slot",[390,790,791],{},"Props",[390,793,401],{},[403,795,796,811,826,841],{},[387,797,798,803,808],{},[408,799,800],{},[309,801,802],{},"#shape",[408,804,805],{},[309,806,807],{},"CurveProps",[408,809,810],{},"Replace the line path",[387,812,813,818,823],{},[408,814,815],{},[309,816,817],{},"#dot",[408,819,820],{},[309,821,822],{},"{ cx, cy, index, value, payload }",[408,824,825],{},"Replace a point dot",[387,827,828,833,838],{},[408,829,830],{},[309,831,832],{},"#activeDot",[408,834,835],{},[309,836,837],{},"{ cx, cy, r, fill, stroke, index, dataKey, payload, value }",[408,839,840],{},"Replace the active dot",[387,842,843,848,853],{},[408,844,845],{},[309,846,847],{},"#label",[408,849,850],{},[309,851,852],{},"LabelListSlotProps",[408,854,855],{},"Replace a point label",{"title":857,"searchDepth":858,"depth":858,"links":859},"",2,[860,861,862,863,864,865,866,867],{"id":291,"depth":858,"text":292},{"id":303,"depth":858,"text":304},{"id":319,"depth":858,"text":320},{"id":334,"depth":858,"text":335},{"id":348,"depth":858,"text":349},{"id":363,"depth":858,"text":364},{"id":378,"depth":858,"text":379},{"id":778,"depth":858,"text":779},"Build line charts with custom dots, labels, and multiple series","md",null,{},{"icon":137},{"title":134,"description":868},"Rd2bQxzMBYzX3OmHH4nSxcJMAOjR8xcoK0i71E_UJkA",[876,878],{"title":129,"path":130,"stem":131,"description":877,"icon":132,"children":-1},"Build bar charts with stacking, labels, and custom shapes",{"title":139,"path":140,"stem":141,"description":879,"icon":142,"children":-1},"Build pie and donut charts for part-to-whole comparisons",1791811112536]