[{"data":1,"prerenderedAt":516},["ShallowReactive",2],{"navigation_docs":3,"-charts-line-chart":177,"-charts-line-chart-surround":511},[4,21,77,137],{"title":5,"icon":6,"path":7,"stem":8,"children":9,"page":20},"Getting Started","i-lucide-rocket","/getting-started","1.getting-started",[10,15],{"title":11,"path":12,"stem":13,"icon":14},"Introduction","/getting-started/introduction","1.getting-started/1.introduction","i-lucide-house",{"title":16,"path":17,"stem":18,"icon":19},"Installation","/getting-started/installation","1.getting-started/2.installation","i-lucide-download",false,{"title":22,"icon":23,"path":24,"stem":25,"children":26,"page":20},"Guides","i-lucide-book-open","/guides","2.guides",[27,32,37,42,47,52,57,62,67,72],{"title":28,"path":29,"stem":30,"icon":31},"Customize","/guides/customize","2.guides/01.customize","i-lucide-paintbrush",{"title":33,"path":34,"stem":35,"icon":36},"Active Index","/guides/active-state","2.guides/02.active-state","i-lucide-mouse-pointer",{"title":38,"path":39,"stem":40,"icon":41},"Domain and Ticks","/guides/domain-and-ticks","2.guides/03.domain-and-ticks","i-lucide-ruler",{"title":43,"path":44,"stem":45,"icon":46},"Axis Ticks","/guides/axis-ticks","2.guides/04.axis-ticks","i-lucide-hash",{"title":48,"path":49,"stem":50,"icon":51},"Chart Size","/guides/chart-size","2.guides/05.chart-size","i-lucide-maximize",{"title":53,"path":54,"stem":55,"icon":56},"Z-Index and Layers","/guides/z-order-and-layers","2.guides/06.z-order-and-layers","i-lucide-layers",{"title":58,"path":59,"stem":60,"icon":61},"Coordinate Systems","/guides/coordinate-systems","2.guides/07.coordinate-systems","i-lucide-crosshair",{"title":63,"path":64,"stem":65,"icon":66},"Performance","/guides/performance","2.guides/08.performance","i-lucide-zap",{"title":68,"path":69,"stem":70,"icon":71},"Rounded Bar Corners","/guides/rounded-bar-corners","2.guides/09.rounded-bar-corners","i-lucide-square",{"title":73,"path":74,"stem":75,"icon":76},"Bar Alignment","/guides/bar-alignment","2.guides/10.bar-alignment","i-lucide-align-center",{"title":78,"icon":79,"path":80,"stem":81,"children":82,"page":20},"Charts","i-lucide-bar-chart-3","/charts","3.charts",[83,88,93,98,103,108,113,118,123,128,133],{"title":84,"path":85,"stem":86,"icon":87},"Area Chart","/charts/area-chart","3.charts/1.area-chart","i-lucide-area-chart",{"title":89,"path":90,"stem":91,"icon":92},"Treemap","/charts/treemap","3.charts/10.treemap","i-lucide-layout-grid",{"title":94,"path":95,"stem":96,"icon":97},"Sankey","/charts/sankey","3.charts/11.sankey","i-lucide-git-fork",{"title":99,"path":100,"stem":101,"icon":102},"Bar Chart","/charts/bar-chart","3.charts/2.bar-chart","i-lucide-bar-chart",{"title":104,"path":105,"stem":106,"icon":107},"Line Chart","/charts/line-chart","3.charts/3.line-chart","i-lucide-trending-up",{"title":109,"path":110,"stem":111,"icon":112},"Pie Chart","/charts/pie-chart","3.charts/4.pie-chart","i-lucide-pie-chart",{"title":114,"path":115,"stem":116,"icon":117},"Radar Chart","/charts/radar-chart","3.charts/5.radar-chart","i-lucide-radar",{"title":119,"path":120,"stem":121,"icon":122},"Radial Bar Chart","/charts/radial-bar-chart","3.charts/6.radial-bar-chart","i-lucide-circle-dot",{"title":124,"path":125,"stem":126,"icon":127},"Scatter Chart","/charts/scatter-chart","3.charts/7.scatter-chart","i-lucide-scatter-chart",{"title":129,"path":130,"stem":131,"icon":132},"Funnel Chart","/charts/funnel-chart","3.charts/8.funnel-chart","i-lucide-filter",{"title":134,"path":135,"stem":136,"icon":56},"Composed Chart","/charts/composed-chart","3.charts/9.composed-chart",{"title":138,"icon":139,"path":140,"stem":141,"children":142,"page":20},"Components","i-lucide-code","/components","4.components",[143,148,153,158,163,167,172],{"title":144,"path":145,"stem":146,"icon":147},"Tooltip","/components/tooltip","4.components/1.tooltip","i-lucide-message-square",{"title":149,"path":150,"stem":151,"icon":152},"Legend","/components/legend","4.components/2.legend","i-lucide-list",{"title":154,"path":155,"stem":156,"icon":157},"CartesianGrid","/components/cartesian-grid","4.components/3.cartesian-grid","i-lucide-grid-3x3",{"title":159,"path":160,"stem":161,"icon":162},"Axes","/components/axis","4.components/4.axis","i-lucide-move",{"title":164,"path":165,"stem":166,"icon":61},"Reference Elements","/components/reference-elements","4.components/5.reference-elements",{"title":168,"path":169,"stem":170,"icon":171},"Text","/components/text","4.components/6.text","i-lucide-type",{"title":173,"path":174,"stem":175,"icon":176},"Customized","/components/customized","4.components/7.customized","i-lucide-pencil-ruler",{"id":178,"title":104,"body":179,"description":504,"extension":505,"links":506,"meta":507,"navigation":508,"path":105,"seo":509,"stem":106,"__hash__":510},"docs/3.charts/3.line-chart.md",{"type":180,"value":181,"toc":494},"minimark",[182,186,191,194,199,203,211,215,219,226,230,234,240,244,248,255,259,263],[183,184,185],"p",{},"Line charts display data as a series of points connected by line segments.",[187,188,190],"h2",{"id":189},"simple-line-chart","Simple Line Chart",[183,192,193],{},"A basic line chart with a single series.",[195,196],"chart-demo",{"description":197,"name":190,"src":198},"A line chart with monotone interpolation.","line-charts/simple-line-chart",[187,200,202],{"id":201},"multi-line-chart","Multi-Line Chart",[183,204,205,206,210],{},"Add multiple ",[207,208,209],"code",{},"\u003CLine>"," components for multi-series charts.",[195,212],{"description":213,"name":202,"src":214},"Two line series with different colors.","line-charts/multi-line-chart",[187,216,218],{"id":217},"dashed-line-chart","Dashed Line Chart",[183,220,221,222,225],{},"Use ",[207,223,224],{},"stroke-dasharray"," for dashed lines.",[195,227],{"description":228,"name":218,"src":229},"Two lines with different dash patterns.","line-charts/dashed-line-chart",[187,231,233],{"id":232},"step-line-chart","Step Line Chart",[183,235,221,236,239],{},[207,237,238],{},"type=\"step\""," for step-wise transitions.",[195,241],{"description":242,"name":233,"src":243},"A line chart with step interpolation.","line-charts/step-line-chart",[187,245,247],{"id":246},"line-chart-with-dots","Line Chart with Dots",[183,249,250,251,254],{},"Use the ",[207,252,253],{},"dot"," prop to show dots on every data point.",[195,256],{"description":257,"name":247,"src":258},"A line chart with visible dots on each point.","line-charts/dots-line-chart",[187,260,262],{"id":261},"line-props","Line props",[264,265,266,285],"table",{},[267,268,269],"thead",{},[270,271,272,276,279,282],"tr",{},[273,274,275],"th",{},"Prop",[273,277,278],{},"Type",[273,280,281],{},"Default",[273,283,284],{},"Description",[286,287,288,310,341,361,381,400,419,438,456,474],"tbody",{},[270,289,290,296,301,307],{},[291,292,293],"td",{},[207,294,295],{},"dataKey",[291,297,298],{},[207,299,300],{},"string | number | Function",[291,302,303],{},[304,305,306],"strong",{},"required",[291,308,309],{},"Key from data",[270,311,312,317,322,327],{},[291,313,314],{},[207,315,316],{},"type",[291,318,319],{},[207,320,321],{},"CurveType",[291,323,324],{},[207,325,326],{},"'linear'",[291,328,329,330,333,334,333,337,340],{},"Curve type (",[207,331,332],{},"monotone",", ",[207,335,336],{},"step",[207,338,339],{},"natural",", etc.)",[270,342,343,348,353,358],{},[291,344,345],{},[207,346,347],{},"stroke",[291,349,350],{},[207,351,352],{},"string",[291,354,355],{},[207,356,357],{},"'#3182bd'",[291,359,360],{},"Line stroke color",[270,362,363,368,373,378],{},[291,364,365],{},[207,366,367],{},"strokeWidth",[291,369,370],{},[207,371,372],{},"number",[291,374,375],{},[207,376,377],{},"1",[291,379,380],{},"Line width",[270,382,383,387,392,397],{},[291,384,385],{},[207,386,253],{},[291,388,389],{},[207,390,391],{},"boolean | object",[291,393,394],{},[207,395,396],{},"false",[291,398,399],{},"Show dots on data points",[270,401,402,407,411,416],{},[291,403,404],{},[207,405,406],{},"activeDot",[291,408,409],{},[207,410,391],{},[291,412,413],{},[207,414,415],{},"true",[291,417,418],{},"Show active dot on hover",[270,420,421,426,431,435],{},[291,422,423],{},[207,424,425],{},"connectNulls",[291,427,428],{},[207,429,430],{},"boolean",[291,432,433],{},[207,434,396],{},[291,436,437],{},"Connect across null values",[270,439,440,445,449,453],{},[291,441,442],{},[207,443,444],{},"hide",[291,446,447],{},[207,448,430],{},[291,450,451],{},[207,452,396],{},[291,454,455],{},"Hide the line",[270,457,458,463,467,471],{},[291,459,460],{},[207,461,462],{},"isAnimationActive",[291,464,465],{},[207,466,430],{},[291,468,469],{},[207,470,415],{},[291,472,473],{},"Enable animation",[270,475,476,481,486,491],{},[291,477,478],{},[207,479,480],{},"transition",[291,482,483],{},[207,484,485],{},"AnimationOptions",[291,487,488],{},[207,489,490],{},"{ duration: 0.8, ease: 'easeOut' }",[291,492,493],{},"Animation timing (motion-v)",{"title":495,"searchDepth":496,"depth":496,"links":497},"",2,[498,499,500,501,502,503],{"id":189,"depth":496,"text":190},{"id":201,"depth":496,"text":202},{"id":217,"depth":496,"text":218},{"id":232,"depth":496,"text":233},{"id":246,"depth":496,"text":247},{"id":261,"depth":496,"text":262},"Build line charts with custom dots, labels, and multiple series","md",null,{},{"icon":107},{"title":104,"description":504},"QGyvm5sL2w6S4yRt_OojbfbbPpVMZtYMM6q_8726Mzg",[512,514],{"title":99,"path":100,"stem":101,"description":513,"icon":102,"children":-1},"Build bar charts with stacking, labels, and custom shapes",{"title":109,"path":110,"stem":111,"description":515,"icon":112,"children":-1},"Build pie and donut charts for part-to-whole comparisons",1775929453613]