[{"data":1,"prerenderedAt":511},["ShallowReactive",2],{"navigation_docs":3,"-charts-line-chart":172,"-charts-line-chart-surround":506},[4,21,77,132],{"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],{"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},"Bar Chart","/charts/bar-chart","3.charts/2.bar-chart","i-lucide-bar-chart",{"title":99,"path":100,"stem":101,"icon":102},"Line Chart","/charts/line-chart","3.charts/3.line-chart","i-lucide-trending-up",{"title":104,"path":105,"stem":106,"icon":107},"Pie Chart","/charts/pie-chart","3.charts/4.pie-chart","i-lucide-pie-chart",{"title":109,"path":110,"stem":111,"icon":112},"Radar Chart","/charts/radar-chart","3.charts/5.radar-chart","i-lucide-radar",{"title":114,"path":115,"stem":116,"icon":117},"Radial Bar Chart","/charts/radial-bar-chart","3.charts/6.radial-bar-chart","i-lucide-circle-dot",{"title":119,"path":120,"stem":121,"icon":122},"Scatter Chart","/charts/scatter-chart","3.charts/7.scatter-chart","i-lucide-scatter-chart",{"title":124,"path":125,"stem":126,"icon":127},"Funnel Chart","/charts/funnel-chart","3.charts/8.funnel-chart","i-lucide-filter",{"title":129,"path":130,"stem":131,"icon":56},"Composed Chart","/charts/composed-chart","3.charts/9.composed-chart",{"title":133,"icon":134,"path":135,"stem":136,"children":137,"page":20},"Components","i-lucide-code","/components","4.components",[138,143,148,153,158,162,167],{"title":139,"path":140,"stem":141,"icon":142},"Tooltip","/components/tooltip","4.components/1.tooltip","i-lucide-message-square",{"title":144,"path":145,"stem":146,"icon":147},"Legend","/components/legend","4.components/2.legend","i-lucide-list",{"title":149,"path":150,"stem":151,"icon":152},"CartesianGrid","/components/cartesian-grid","4.components/3.cartesian-grid","i-lucide-grid-3x3",{"title":154,"path":155,"stem":156,"icon":157},"Axes","/components/axis","4.components/4.axis","i-lucide-move",{"title":159,"path":160,"stem":161,"icon":61},"Reference Elements","/components/reference-elements","4.components/5.reference-elements",{"title":163,"path":164,"stem":165,"icon":166},"Text","/components/text","4.components/6.text","i-lucide-type",{"title":168,"path":169,"stem":170,"icon":171},"Customized","/components/customized","4.components/7.customized","i-lucide-pencil-ruler",{"id":173,"title":99,"body":174,"description":499,"extension":500,"links":501,"meta":502,"navigation":503,"path":100,"seo":504,"stem":101,"__hash__":505},"docs/3.charts/3.line-chart.md",{"type":175,"value":176,"toc":489},"minimark",[177,181,186,189,194,198,206,210,214,221,225,229,235,239,243,250,254,258],[178,179,180],"p",{},"Line charts display data as a series of points connected by line segments.",[182,183,185],"h2",{"id":184},"simple-line-chart","Simple Line Chart",[178,187,188],{},"A basic line chart with a single series.",[190,191],"chart-demo",{"description":192,"name":185,"src":193},"A line chart with monotone interpolation.","line-charts/simple-line-chart",[182,195,197],{"id":196},"multi-line-chart","Multi-Line Chart",[178,199,200,201,205],{},"Add multiple ",[202,203,204],"code",{},"\u003CLine>"," components for multi-series charts.",[190,207],{"description":208,"name":197,"src":209},"Two line series with different colors.","line-charts/multi-line-chart",[182,211,213],{"id":212},"dashed-line-chart","Dashed Line Chart",[178,215,216,217,220],{},"Use ",[202,218,219],{},"stroke-dasharray"," for dashed lines.",[190,222],{"description":223,"name":213,"src":224},"Two lines with different dash patterns.","line-charts/dashed-line-chart",[182,226,228],{"id":227},"step-line-chart","Step Line Chart",[178,230,216,231,234],{},[202,232,233],{},"type=\"step\""," for step-wise transitions.",[190,236],{"description":237,"name":228,"src":238},"A line chart with step interpolation.","line-charts/step-line-chart",[182,240,242],{"id":241},"line-chart-with-dots","Line Chart with Dots",[178,244,245,246,249],{},"Use the ",[202,247,248],{},"dot"," prop to show dots on every data point.",[190,251],{"description":252,"name":242,"src":253},"A line chart with visible dots on each point.","line-charts/dots-line-chart",[182,255,257],{"id":256},"line-props","Line props",[259,260,261,280],"table",{},[262,263,264],"thead",{},[265,266,267,271,274,277],"tr",{},[268,269,270],"th",{},"Prop",[268,272,273],{},"Type",[268,275,276],{},"Default",[268,278,279],{},"Description",[281,282,283,305,336,356,376,395,414,433,451,469],"tbody",{},[265,284,285,291,296,302],{},[286,287,288],"td",{},[202,289,290],{},"dataKey",[286,292,293],{},[202,294,295],{},"string | number | Function",[286,297,298],{},[299,300,301],"strong",{},"required",[286,303,304],{},"Key from data",[265,306,307,312,317,322],{},[286,308,309],{},[202,310,311],{},"type",[286,313,314],{},[202,315,316],{},"CurveType",[286,318,319],{},[202,320,321],{},"'linear'",[286,323,324,325,328,329,328,332,335],{},"Curve type (",[202,326,327],{},"monotone",", ",[202,330,331],{},"step",[202,333,334],{},"natural",", etc.)",[265,337,338,343,348,353],{},[286,339,340],{},[202,341,342],{},"stroke",[286,344,345],{},[202,346,347],{},"string",[286,349,350],{},[202,351,352],{},"'#3182bd'",[286,354,355],{},"Line stroke color",[265,357,358,363,368,373],{},[286,359,360],{},[202,361,362],{},"strokeWidth",[286,364,365],{},[202,366,367],{},"number",[286,369,370],{},[202,371,372],{},"1",[286,374,375],{},"Line width",[265,377,378,382,387,392],{},[286,379,380],{},[202,381,248],{},[286,383,384],{},[202,385,386],{},"boolean | object",[286,388,389],{},[202,390,391],{},"false",[286,393,394],{},"Show dots on data points",[265,396,397,402,406,411],{},[286,398,399],{},[202,400,401],{},"activeDot",[286,403,404],{},[202,405,386],{},[286,407,408],{},[202,409,410],{},"true",[286,412,413],{},"Show active dot on hover",[265,415,416,421,426,430],{},[286,417,418],{},[202,419,420],{},"connectNulls",[286,422,423],{},[202,424,425],{},"boolean",[286,427,428],{},[202,429,391],{},[286,431,432],{},"Connect across null values",[265,434,435,440,444,448],{},[286,436,437],{},[202,438,439],{},"hide",[286,441,442],{},[202,443,425],{},[286,445,446],{},[202,447,391],{},[286,449,450],{},"Hide the line",[265,452,453,458,462,466],{},[286,454,455],{},[202,456,457],{},"isAnimationActive",[286,459,460],{},[202,461,425],{},[286,463,464],{},[202,465,410],{},[286,467,468],{},"Enable animation",[265,470,471,476,481,486],{},[286,472,473],{},[202,474,475],{},"transition",[286,477,478],{},[202,479,480],{},"AnimationOptions",[286,482,483],{},[202,484,485],{},"{ duration: 0.8, ease: 'easeOut' }",[286,487,488],{},"Animation timing (motion-v)",{"title":490,"searchDepth":491,"depth":491,"links":492},"",2,[493,494,495,496,497,498],{"id":184,"depth":491,"text":185},{"id":196,"depth":491,"text":197},{"id":212,"depth":491,"text":213},{"id":227,"depth":491,"text":228},{"id":241,"depth":491,"text":242},{"id":256,"depth":491,"text":257},"Build line charts with custom dots, labels, and multiple series","md",null,{},{"icon":102},{"title":99,"description":499},"QGyvm5sL2w6S4yRt_OojbfbbPpVMZtYMM6q_8726Mzg",[507,509],{"title":94,"path":95,"stem":96,"description":508,"icon":97,"children":-1},"Build bar charts with stacking, labels, and custom shapes",{"title":104,"path":105,"stem":106,"description":510,"icon":107,"children":-1},"Build pie and donut charts for part-to-whole comparisons",1775472912789]