[{"data":1,"prerenderedAt":626},["ShallowReactive",2],{"navigation_docs":3,"-charts-bar-chart":172,"-charts-bar-chart-surround":621},[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":94,"body":174,"description":614,"extension":615,"links":616,"meta":617,"navigation":618,"path":95,"seo":619,"stem":96,"__hash__":620},"docs/3.charts/2.bar-chart.md",{"type":175,"value":176,"toc":603},"minimark",[177,181,186,189,194,198,206,210,214,225,229,233,244,248,252,258,263,267,423,427],[178,179,180],"p",{},"Bar charts compare values across categories using rectangular bars.",[182,183,185],"h2",{"id":184},"simple-bar-chart","Simple Bar Chart",[178,187,188],{},"A basic bar chart with two data series.",[190,191],"chart-demo",{"description":192,"name":185,"src":193},"A bar chart with two grouped series.","bar-charts/simple-bar-chart",[182,195,197],{"id":196},"stacked-bar-chart","Stacked Bar Chart",[178,199,200,201,205],{},"Use ",[202,203,204],"code",{},"stack-id"," to stack bars within the same category.",[190,207],{"description":208,"name":197,"src":209},"Two bar series stacked with stack-id.","bar-charts/stacked-bar-chart",[182,211,213],{"id":212},"horizontal-bar-chart","Horizontal Bar Chart",[178,215,216,217,220,221,224],{},"Set ",[202,218,219],{},"layout=\"vertical\""," on ",[202,222,223],{},"\u003CBarChart>"," for horizontal bars.",[190,226],{"description":227,"name":213,"src":228},"A horizontal bar chart using vertical layout.","bar-charts/horizontal-bar-chart",[182,230,232],{"id":231},"bar-chart-with-labels","Bar Chart with Labels",[178,234,235,236,239,240,243],{},"Place ",[202,237,238],{},"\u003CLabelList>"," as a child inside ",[202,241,242],{},"\u003CBar>",":",[190,245],{"description":246,"name":232,"src":247},"A bar chart with value labels on top.","bar-charts/label-bar-chart",[182,249,251],{"id":250},"negative-values","Negative Values",[178,253,200,254,257],{},[202,255,256],{},"\u003CCell>"," to color positive and negative bars differently.",[190,259],{"description":260,"name":261,"src":262},"Bars colored by positive/negative values.","Negative Bar Chart","bar-charts/negative-bar-chart",[182,264,266],{"id":265},"barchart-props","BarChart props",[268,269,270,289],"table",{},[271,272,273],"thead",{},[274,275,276,280,283,286],"tr",{},[277,278,279],"th",{},"Prop",[277,281,282],{},"Type",[277,284,285],{},"Default",[277,287,288],{},"Description",[290,291,292,313,331,347,367,387,406],"tbody",{},[274,293,294,300,305,310],{},[295,296,297],"td",{},[202,298,299],{},"data",[295,301,302],{},[202,303,304],{},"Array",[295,306,307],{},[202,308,309],{},"[]",[295,311,312],{},"Data array",[274,314,315,320,325,328],{},[295,316,317],{},[202,318,319],{},"width",[295,321,322],{},[202,323,324],{},"number",[295,326,327],{},"—",[295,329,330],{},"Chart width",[274,332,333,338,342,344],{},[295,334,335],{},[202,336,337],{},"height",[295,339,340],{},[202,341,324],{},[295,343,327],{},[295,345,346],{},"Chart height",[274,348,349,354,359,364],{},[295,350,351],{},[202,352,353],{},"layout",[295,355,356],{},[202,357,358],{},"'horizontal' | 'vertical'",[295,360,361],{},[202,362,363],{},"'horizontal'",[295,365,366],{},"Layout direction",[274,368,369,374,379,384],{},[295,370,371],{},[202,372,373],{},"barGap",[295,375,376],{},[202,377,378],{},"number | string",[295,380,381],{},[202,382,383],{},"4",[295,385,386],{},"Gap between bars in same category",[274,388,389,394,398,403],{},[295,390,391],{},[202,392,393],{},"barCategoryGap",[295,395,396],{},[202,397,378],{},[295,399,400],{},[202,401,402],{},"'10%'",[295,404,405],{},"Gap between bar categories",[274,407,408,413,418,420],{},[295,409,410],{},[202,411,412],{},"syncId",[295,414,415],{},[202,416,417],{},"string",[295,419,327],{},[295,421,422],{},"Sync hover across charts",[182,424,426],{"id":425},"bar-props","Bar props",[268,428,429,441],{},[271,430,431],{},[274,432,433,435,437,439],{},[277,434,279],{},[277,436,282],{},[277,438,285],{},[277,440,288],{},[290,442,443,464,480,496,512,528,544,564,583],{},[274,444,445,450,455,461],{},[295,446,447],{},[202,448,449],{},"dataKey",[295,451,452],{},[202,453,454],{},"string | number | Function",[295,456,457],{},[458,459,460],"strong",{},"required",[295,462,463],{},"Key from data",[274,465,466,471,475,477],{},[295,467,468],{},[202,469,470],{},"fill",[295,472,473],{},[202,474,417],{},[295,476,327],{},[295,478,479],{},"Bar fill color",[274,481,482,487,491,493],{},[295,483,484],{},[202,485,486],{},"stackId",[295,488,489],{},[202,490,417],{},[295,492,327],{},[295,494,495],{},"Stack ID",[274,497,498,503,507,509],{},[295,499,500],{},[202,501,502],{},"barSize",[295,504,505],{},[202,506,324],{},[295,508,327],{},[295,510,511],{},"Bar width in pixels",[274,513,514,519,523,525],{},[295,515,516],{},[202,517,518],{},"maxBarSize",[295,520,521],{},[202,522,324],{},[295,524,327],{},[295,526,527],{},"Maximum bar width",[274,529,530,535,539,541],{},[295,531,532],{},[202,533,534],{},"activeIndex",[295,536,537],{},[202,538,324],{},[295,540,327],{},[295,542,543],{},"Pin a bar as always active",[274,545,546,551,556,561],{},[295,547,548],{},[202,549,550],{},"hide",[295,552,553],{},[202,554,555],{},"boolean",[295,557,558],{},[202,559,560],{},"false",[295,562,563],{},"Hide the bars",[274,565,566,571,575,580],{},[295,567,568],{},[202,569,570],{},"isAnimationActive",[295,572,573],{},[202,574,555],{},[295,576,577],{},[202,578,579],{},"true",[295,581,582],{},"Enable animation",[274,584,585,590,595,600],{},[295,586,587],{},[202,588,589],{},"transition",[295,591,592],{},[202,593,594],{},"AnimationOptions",[295,596,597],{},[202,598,599],{},"{ duration: 0.4, ease: 'easeOut' }",[295,601,602],{},"Animation timing (motion-v)",{"title":604,"searchDepth":605,"depth":605,"links":606},"",2,[607,608,609,610,611,612,613],{"id":184,"depth":605,"text":185},{"id":196,"depth":605,"text":197},{"id":212,"depth":605,"text":213},{"id":231,"depth":605,"text":232},{"id":250,"depth":605,"text":251},{"id":265,"depth":605,"text":266},{"id":425,"depth":605,"text":426},"Build bar charts with stacking, labels, and custom shapes","md",null,{},{"icon":97},{"title":94,"description":614},"S5gqTEkRifPnFo6YEPwuWA3zR_orpSQecX8Bsd4VURo",[622,624],{"title":89,"path":90,"stem":91,"description":623,"icon":92,"children":-1},"Visualize hierarchical data as nested rectangles",{"title":99,"path":100,"stem":101,"description":625,"icon":102,"children":-1},"Build line charts with custom dots, labels, and multiple series",1775472912789]