[{"data":1,"prerenderedAt":745},["ShallowReactive",2],{"navigation_docs":3,"-components-error-bar":279,"-components-error-bar-surround":740},[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":250,"body":281,"description":733,"extension":734,"links":735,"meta":736,"navigation":737,"path":251,"seo":738,"stem":252,"__hash__":739},"docs\u002F4.components\u002F08.error-bar.md",{"type":282,"value":283,"toc":725},"minimark",[284,300,305,311,389,393,400,449,452,456,533,540,544,673,685,689,700,704,721],[285,286,287,291,292,295,296,299],"p",{},[288,289,290],"code",{},"\u003CErrorBar>"," draws whiskers that show the uncertainty of each value, such as a confidence interval or a measurement error. Put it inside a ",[288,293,294],{},"\u003CBar>"," or ",[288,297,298],{},"\u003CScatter>","; it reads its error values from the same rows.",[301,302,304],"h2",{"id":303},"scatter-with-error-bars","Scatter with error bars",[306,307],"chart-demo",{"description":308,"name":309,"src":310},"Horizontal and vertical error bars on scatter points.","Error Bars","guide-charts\u002Ferror-bar-chart",[312,313,318],"pre",{"className":314,"code":315,"language":316,"meta":317,"style":317},"language-vue shiki shiki-themes material-theme-lighter material-theme material-theme-palenight","\u003CScatter :data=\"data\" fill=\"#f97316\">\n  \u003CErrorBar data-key=\"errorX\" direction=\"x\" \u002F>\n  \u003CErrorBar data-key=\"errorY\" direction=\"y\" \u002F>\n\u003C\u002FScatter>\n","vue","",[288,319,320,367,373,379],{"__ignoreMap":317},[321,322,325,329,333,336,340,343,346,349,351,354,356,358,362,364],"span",{"class":323,"line":324},"line",1,[321,326,328],{"class":327},"sMK4o","\u003C",[321,330,332],{"class":331},"swJcz","Scatter",[321,334,335],{"class":327}," :",[321,337,339],{"class":338},"spNyl","data",[321,341,342],{"class":327},"=",[321,344,345],{"class":327},"\"",[321,347,339],{"class":348},"sTEyZ",[321,350,345],{"class":327},[321,352,353],{"class":338}," fill",[321,355,342],{"class":327},[321,357,345],{"class":327},[321,359,361],{"class":360},"sfazB","#f97316",[321,363,345],{"class":327},[321,365,366],{"class":327},">\n",[321,368,370],{"class":323,"line":369},2,[321,371,372],{"class":348},"  \u003CErrorBar data-key=\"errorX\" direction=\"x\" \u002F>\n",[321,374,376],{"class":323,"line":375},3,[321,377,378],{"class":348},"  \u003CErrorBar data-key=\"errorY\" direction=\"y\" \u002F>\n",[321,380,382,385,387],{"class":323,"line":381},4,[321,383,384],{"class":327},"\u003C\u002F",[321,386,332],{"class":331},[321,388,366],{"class":327},[301,390,392],{"id":391},"error-values","Error values",[285,394,395,396,399],{},"The field named by ",[288,397,398],{},"data-key"," holds the error of each row:",[401,402,403,423,442],"ul",{},[404,405,406,410,411,414,415,418,419,422],"li",{},[407,408,409],"strong",{},"One number"," draws the same distance below and above the value: ",[288,412,413],{},"errorY: 30"," covers ",[288,416,417],{},"value - 30"," to ",[288,420,421],{},"value + 30",".",[404,424,425,428,429,432,433,414,436,418,439,422],{},[407,426,427],{},"A pair"," ",[288,430,431],{},"[below, above]"," draws different distances: ",[288,434,435],{},"errorY: [10, 45]",[288,437,438],{},"value - 10",[288,440,441],{},"value + 45",[404,443,444,445,448],{},"A missing or ",[288,446,447],{},"0"," error draws no whisker for that row.",[285,450,451],{},"The axis domain grows to include the whiskers, so they are not cut off.",[301,453,455],{"id":454},"bar-with-error-bars","Bar with error bars",[312,457,459],{"className":314,"code":458,"language":316,"meta":317,"style":317},"\u003CBarChart :data=\"data\" :height=\"300\">\n  \u003CXAxis data-key=\"month\" \u002F>\n  \u003CYAxis \u002F>\n  \u003CBar data-key=\"sales\" fill=\"#f97316\">\n    \u003CErrorBar data-key=\"salesError\" :width=\"6\" stroke=\"#14b8a6\" \u002F>\n  \u003C\u002FBar>\n\u003C\u002FBarChart>\n",[288,460,461,497,502,507,512,518,524],{"__ignoreMap":317},[321,462,463,465,468,470,472,474,476,478,480,482,485,487,489,493,495],{"class":323,"line":324},[321,464,328],{"class":327},[321,466,467],{"class":331},"BarChart",[321,469,335],{"class":327},[321,471,339],{"class":338},[321,473,342],{"class":327},[321,475,345],{"class":327},[321,477,339],{"class":348},[321,479,345],{"class":327},[321,481,335],{"class":327},[321,483,484],{"class":338},"height",[321,486,342],{"class":327},[321,488,345],{"class":327},[321,490,492],{"class":491},"sbssI","300",[321,494,345],{"class":327},[321,496,366],{"class":327},[321,498,499],{"class":323,"line":369},[321,500,501],{"class":348},"  \u003CXAxis data-key=\"month\" \u002F>\n",[321,503,504],{"class":323,"line":375},[321,505,506],{"class":348},"  \u003CYAxis \u002F>\n",[321,508,509],{"class":323,"line":381},[321,510,511],{"class":348},"  \u003CBar data-key=\"sales\" fill=\"#f97316\">\n",[321,513,515],{"class":323,"line":514},5,[321,516,517],{"class":348},"    \u003CErrorBar data-key=\"salesError\" :width=\"6\" stroke=\"#14b8a6\" \u002F>\n",[321,519,521],{"class":323,"line":520},6,[321,522,523],{"class":348},"  \u003C\u002FBar>\n",[321,525,527,529,531],{"class":323,"line":526},7,[321,528,384],{"class":327},[321,530,467],{"class":331},[321,532,366],{"class":327},[285,534,535,536,539],{},"In a bar chart, the default direction follows the chart layout: vertical whiskers in a normal chart, horizontal whiskers in a ",[288,537,538],{},"layout=\"vertical\""," chart.",[301,541,543],{"id":542},"props","Props",[545,546,547,566],"table",{},[548,549,550],"thead",{},[551,552,553,557,560,563],"tr",{},[554,555,556],"th",{},"Prop",[554,558,559],{},"Type",[554,561,562],{},"Default",[554,564,565],{},"Description",[567,568,569,591,613,633,653],"tbody",{},[551,570,571,576,581,586],{},[572,573,574],"td",{},[288,575,398],{},[572,577,578],{},[288,579,580],{},"string | number | (row) => unknown",[572,582,583],{},[407,584,585],{},"required",[572,587,588,589],{},"Field with the error: one number, or ",[288,590,431],{},[551,592,593,598,603,606],{},[572,594,595],{},[288,596,597],{},"direction",[572,599,600],{},[288,601,602],{},"'x' | 'y'",[572,604,605],{},"from the layout",[572,607,608,609,612],{},"Whisker direction. ",[288,610,611],{},"x"," works only on a number X axis, such as in a ScatterChart",[551,614,615,620,625,630],{},[572,616,617],{},[288,618,619],{},"width",[572,621,622],{},[288,623,624],{},"number",[572,626,627],{},[288,628,629],{},"5",[572,631,632],{},"Width of the whisker caps in px",[551,634,635,640,645,650],{},[572,636,637],{},[288,638,639],{},"stroke",[572,641,642],{},[288,643,644],{},"string",[572,646,647],{},[288,648,649],{},"var(--v-charts-axis, black)",[572,651,652],{},"Line color",[551,654,655,660,665,670],{},[572,656,657],{},[288,658,659],{},"stroke-width",[572,661,662],{},[288,663,664],{},"number | string",[572,666,667],{},[288,668,669],{},"1.5",[572,671,672],{},"Line width",[285,674,675,684],{},[407,676,677,678,681,682,422],{},"ErrorBar works only inside ",[288,679,680],{},"Bar"," and ",[288,683,332],{}," Other series do not support it.",[301,686,688],{"id":687},"styling","Styling",[285,690,691,692,695,696,699],{},"Each whisker group has the class ",[288,693,694],{},"v-charts-error-bar",", inside a ",[288,697,698],{},"v-charts-error-bars"," group.",[301,701,703],{"id":702},"related","Related",[401,705,706,711,715],{},[404,707,708],{},[709,710,154],"a",{"href":155},[404,712,713],{},[709,714,129],{"href":130},[404,716,717,720],{},[709,718,719],{"href":39},"Axis domain and ticks",": control the axis range",[722,723,724],"style",{},"html pre.shiki code .sMK4o, html code.shiki .sMK4o{--shiki-light:#39ADB5;--shiki-default:#89DDFF;--shiki-dark:#89DDFF}html pre.shiki code .swJcz, html code.shiki .swJcz{--shiki-light:#E53935;--shiki-default:#F07178;--shiki-dark:#F07178}html pre.shiki code .spNyl, html code.shiki .spNyl{--shiki-light:#9C3EDA;--shiki-default:#C792EA;--shiki-dark:#C792EA}html pre.shiki code .sTEyZ, html code.shiki .sTEyZ{--shiki-light:#90A4AE;--shiki-default:#EEFFFF;--shiki-dark:#BABED8}html pre.shiki code .sfazB, html code.shiki .sfazB{--shiki-light:#91B859;--shiki-default:#C3E88D;--shiki-dark:#C3E88D}html .light .shiki span {color: var(--shiki-light);background: var(--shiki-light-bg);font-style: var(--shiki-light-font-style);font-weight: var(--shiki-light-font-weight);text-decoration: var(--shiki-light-text-decoration);}html.light .shiki span {color: var(--shiki-light);background: var(--shiki-light-bg);font-style: var(--shiki-light-font-style);font-weight: var(--shiki-light-font-weight);text-decoration: var(--shiki-light-text-decoration);}html .default .shiki span {color: var(--shiki-default);background: var(--shiki-default-bg);font-style: var(--shiki-default-font-style);font-weight: var(--shiki-default-font-weight);text-decoration: var(--shiki-default-text-decoration);}html .shiki span {color: var(--shiki-default);background: var(--shiki-default-bg);font-style: var(--shiki-default-font-style);font-weight: var(--shiki-default-font-weight);text-decoration: var(--shiki-default-text-decoration);}html .dark .shiki span {color: var(--shiki-dark);background: var(--shiki-dark-bg);font-style: var(--shiki-dark-font-style);font-weight: var(--shiki-dark-font-weight);text-decoration: var(--shiki-dark-text-decoration);}html.dark .shiki span {color: var(--shiki-dark);background: var(--shiki-dark-bg);font-style: var(--shiki-dark-font-style);font-weight: var(--shiki-dark-font-weight);text-decoration: var(--shiki-dark-text-decoration);}html pre.shiki code .sbssI, html code.shiki .sbssI{--shiki-light:#F76D47;--shiki-default:#F78C6C;--shiki-dark:#F78C6C}",{"title":317,"searchDepth":369,"depth":369,"links":726},[727,728,729,730,731,732],{"id":303,"depth":369,"text":304},{"id":391,"depth":369,"text":392},{"id":454,"depth":369,"text":455},{"id":542,"depth":369,"text":543},{"id":687,"depth":369,"text":688},{"id":702,"depth":369,"text":703},"Show uncertainty ranges on bars and scatter points","md",null,{},{"icon":253},{"title":250,"description":733},"dZRwn1JDS5qFluEXT7NZSDwd4ypbKsMd8qNRxBg-RsE",[741,743],{"title":246,"path":247,"stem":248,"description":742,"icon":56,"children":-1},"Annotate charts with reference dots, lines, and areas",{"title":255,"path":256,"stem":257,"description":744,"icon":258,"children":-1},"Put text on charts and series, and style single items",1791811116150]