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