[{"data":1,"prerenderedAt":578},["ShallowReactive",2],{"navigation_docs":3,"-charts-bar-list":279,"-charts-bar-list-surround":573},[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":202,"body":281,"description":566,"extension":567,"links":568,"meta":569,"navigation":570,"path":203,"seo":571,"stem":204,"__hash__":572},"docs\u002F3.charts\u002F17.bar-list.md",{"type":282,"value":283,"toc":560},"minimark",[284,288,294,302,307,498,502,550],[285,286,287],"p",{},"A bar list ranks items, such as top pages or referrers, with a bar behind each label that shows its share of the largest value. It is plain HTML, so long labels truncate with an ellipsis, links work, and it inherits your font size.",[289,290],"chart-demo",{"description":291,"name":292,"src":293},"Top pages ranked by visitors, each label a link.","Top Pages","bar-list-charts\u002Ftop-pages-bar-list",[285,295,296,297,301],{},"Rows match by ",[298,299,300],"code",{},"name-key",". When the ranking changes, each row slides to its new place and its bar grows or shrinks; new rows fade in and removed rows fade out.",[303,304,306],"h2",{"id":305},"props","Props",[308,309,310,329],"table",{},[311,312,313],"thead",{},[314,315,316,320,323,326],"tr",{},[317,318,319],"th",{},"Prop",[317,321,322],{},"Type",[317,324,325],{},"Default",[317,327,328],{},"Description",[330,331,332,354,378,393,413,431,453,472],"tbody",{},[314,333,334,340,345,351],{},[335,336,337],"td",{},[298,338,339],{},"data",[335,341,342],{},[298,343,344],{},"Row[]",[335,346,347],{},[348,349,350],"strong",{},"required",[335,352,353],{},"One row per item",[314,355,356,364,367,375],{},[335,357,358,360,361],{},[298,359,300],{}," \u002F ",[298,362,363],{},"data-key",[335,365,366],{},"row path or accessor",[335,368,369,360,372],{},[298,370,371],{},"'name'",[298,373,374],{},"'value'",[335,376,377],{},"Fields for label and value",[314,379,380,385,387,390],{},[335,381,382],{},[298,383,384],{},"href-key",[335,386,366],{},[335,388,389],{},"—",[335,391,392],{},"Field with a link; the label becomes an anchor",[314,394,395,400,405,410],{},[335,396,397],{},[298,398,399],{},"sort",[335,401,402],{},[298,403,404],{},"'descending' | 'ascending' | 'none'",[335,406,407],{},[298,408,409],{},"'descending'",[335,411,412],{},"Order",[314,414,415,420,425,428],{},[335,416,417],{},[298,418,419],{},"color",[335,421,422],{},[298,423,424],{},"string",[335,426,427],{},"series color at 18 %",[335,429,430],{},"Bar color",[314,432,433,438,443,450],{},[335,434,435],{},[298,436,437],{},"value-formatter",[335,439,440],{},[298,441,442],{},"(value, row) => string",[335,444,445,446,449],{},"locale number format (",[298,447,448],{},"1,234",")",[335,451,452],{},"Text for the value",[314,454,455,460,464,469],{},[335,456,457],{},[298,458,459],{},"locale",[335,461,462],{},[298,463,424],{},[335,465,466],{},[298,467,468],{},"'en-US'",[335,470,471],{},"Default number format",[314,473,474,482,487,495],{},[335,475,476,360,479],{},[298,477,478],{},"row-height",[298,480,481],{},"gap",[335,483,484],{},[298,485,486],{},"number",[335,488,489,360,492],{},[298,490,491],{},"32",[298,493,494],{},"4",[335,496,497],{},"Row size in px",[303,499,501],{"id":500},"events-and-slots","Events and slots",[308,503,504,515],{},[311,505,506],{},[314,507,508,510,513],{},[317,509],{},[317,511,512],{},"Payload",[317,514,328],{},[330,516,517,532],{},[314,518,519,524,529],{},[335,520,521],{},[298,522,523],{},"@row-click",[335,525,526],{},[298,527,528],{},"(row, index, event)",[335,530,531],{},"A row was clicked",[314,533,534,542,547],{},[335,535,536,360,539],{},[298,537,538],{},"#name",[298,540,541],{},"#value",[335,543,544],{},[298,545,546],{},"{ row, index, name, value, ratio, formatted }",[335,548,549],{},"Replace the label or the value, for example to add an icon",[285,551,552,553,556,557,559],{},"The row type ",[298,554,555],{},"Row"," is inferred from ",[298,558,339],{},". Key props accept typed row paths or accessors.",{"title":561,"searchDepth":562,"depth":562,"links":563},"",2,[564,565],{"id":305,"depth":562,"text":306},{"id":500,"depth":562,"text":501},"A ranked list with a bar behind each label","md",null,{},{"icon":205},{"title":202,"description":566},"rYGN5BzuXM5z0GlnrYdNX1TLMtiu8PYYOmBxPfaRmVw",[574,576],{"title":198,"path":199,"stem":200,"description":575,"icon":137,"children":-1},"A word-sized trend for stat cards and tables",{"title":207,"path":208,"stem":209,"description":577,"icon":210,"children":-1},"User journeys as columns of steps, with path highlighting and drop-off",1791811114986]