[{"data":1,"prerenderedAt":750},["ShallowReactive",2],{"navigation_docs":3,"-components-error-bar":284,"-components-error-bar-surround":745},[4,31,117,216],{"title":5,"icon":6,"path":7,"stem":8,"children":9,"page":30},"Getting Started","i-lucide-rocket","\u002Fgetting-started","1.getting-started",[10,15,20,25],{"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",{"title":26,"path":27,"stem":28,"icon":29},"Why vccs","\u002Fgetting-started\u002Fwhy-vccs","1.getting-started\u002F4.why-vccs","i-lucide-scale",false,{"title":32,"icon":33,"path":34,"stem":35,"children":36,"page":30},"Guides","i-lucide-book-open","\u002Fguides","2.guides",[37,42,47,52,57,62,67,72,77,82,87,92,97,102,107,112],{"title":38,"path":39,"stem":40,"icon":41},"Customize","\u002Fguides\u002Fcustomize","2.guides\u002F01.customize","i-lucide-paintbrush",{"title":43,"path":44,"stem":45,"icon":46},"Axis Domain and Ticks","\u002Fguides\u002Faxis-domain-and-ticks","2.guides\u002F03.axis-domain-and-ticks","i-lucide-ruler",{"title":48,"path":49,"stem":50,"icon":51},"Chart Size","\u002Fguides\u002Fchart-size","2.guides\u002F05.chart-size","i-lucide-maximize",{"title":53,"path":54,"stem":55,"icon":56},"Z-Order and Layers","\u002Fguides\u002Fz-order-and-layers","2.guides\u002F06.z-order-and-layers","i-lucide-layers",{"title":58,"path":59,"stem":60,"icon":61},"Coordinate Systems","\u002Fguides\u002Fcoordinate-systems","2.guides\u002F07.coordinate-systems","i-lucide-crosshair",{"title":63,"path":64,"stem":65,"icon":66},"Performance","\u002Fguides\u002Fperformance","2.guides\u002F08.performance","i-lucide-zap",{"title":68,"path":69,"stem":70,"icon":71},"Rounded Bar Corners","\u002Fguides\u002Frounded-bar-corners","2.guides\u002F09.rounded-bar-corners","i-lucide-square",{"title":73,"path":74,"stem":75,"icon":76},"Bar Alignment","\u002Fguides\u002Fbar-alignment","2.guides\u002F10.bar-alignment","i-lucide-align-center",{"title":78,"path":79,"stem":80,"icon":81},"Nuxt and SSR","\u002Fguides\u002Fnuxt-and-ssr","2.guides\u002F11.nuxt-and-ssr","i-lucide-server",{"title":83,"path":84,"stem":85,"icon":86},"Animation","\u002Fguides\u002Fanimation","2.guides\u002F12.animation","i-lucide-sparkles",{"title":88,"path":89,"stem":90,"icon":91},"Events and v-model","\u002Fguides\u002Fevents-and-models","2.guides\u002F13.events-and-models","i-lucide-mouse-pointer-click",{"title":93,"path":94,"stem":95,"icon":96},"TypeScript","\u002Fguides\u002Ftypescript","2.guides\u002F14.typescript","i-lucide-file-code",{"title":98,"path":99,"stem":100,"icon":101},"Theming and dark mode","\u002Fguides\u002Ftheming","2.guides\u002F15.theming","i-lucide-palette",{"title":103,"path":104,"stem":105,"icon":106},"shadcn-vue","\u002Fguides\u002Fshadcn-vue","2.guides\u002F16.shadcn-vue","i-lucide-component",{"title":108,"path":109,"stem":110,"icon":111},"Dashboard recipes","\u002Fguides\u002Fdashboard-recipes","2.guides\u002F17.dashboard-recipes","i-lucide-layout-dashboard",{"title":113,"path":114,"stem":115,"icon":116},"Accessibility","\u002Fguides\u002Faccessibility","2.guides\u002F18.accessibility","i-lucide-accessibility",{"title":118,"icon":119,"path":120,"stem":121,"children":122,"page":30},"Charts","i-lucide-bar-chart-3","\u002Fcharts","3.charts",[123,128,133,138,143,148,153,158,163,168,172,177,182,187,192,197,202,206,211],{"title":124,"path":125,"stem":126,"icon":127},"Chart Containers","\u002Fcharts\u002Fchart-containers","3.charts\u002F0.chart-containers","i-lucide-box",{"title":129,"path":130,"stem":131,"icon":132},"Area Chart","\u002Fcharts\u002Farea-chart","3.charts\u002F01.area-chart","i-lucide-area-chart",{"title":134,"path":135,"stem":136,"icon":137},"Bar Chart","\u002Fcharts\u002Fbar-chart","3.charts\u002F02.bar-chart","i-lucide-bar-chart",{"title":139,"path":140,"stem":141,"icon":142},"Line Chart","\u002Fcharts\u002Fline-chart","3.charts\u002F03.line-chart","i-lucide-trending-up",{"title":144,"path":145,"stem":146,"icon":147},"Pie Chart","\u002Fcharts\u002Fpie-chart","3.charts\u002F04.pie-chart","i-lucide-pie-chart",{"title":149,"path":150,"stem":151,"icon":152},"Radar Chart","\u002Fcharts\u002Fradar-chart","3.charts\u002F05.radar-chart","i-lucide-radar",{"title":154,"path":155,"stem":156,"icon":157},"Radial Bar Chart","\u002Fcharts\u002Fradial-bar-chart","3.charts\u002F06.radial-bar-chart","i-lucide-circle-dot",{"title":159,"path":160,"stem":161,"icon":162},"Scatter Chart","\u002Fcharts\u002Fscatter-chart","3.charts\u002F07.scatter-chart","i-lucide-scatter-chart",{"title":164,"path":165,"stem":166,"icon":167},"Funnel Chart","\u002Fcharts\u002Ffunnel-chart","3.charts\u002F08.funnel-chart","i-lucide-filter",{"title":169,"path":170,"stem":171,"icon":56},"Composed Chart","\u002Fcharts\u002Fcomposed-chart","3.charts\u002F09.composed-chart",{"title":173,"path":174,"stem":175,"icon":176},"Treemap","\u002Fcharts\u002Ftreemap","3.charts\u002F10.treemap","i-lucide-layout-grid",{"title":178,"path":179,"stem":180,"icon":181},"Sunburst Chart","\u002Fcharts\u002Fsunburst-chart","3.charts\u002F11.sunburst-chart","i-lucide-sun",{"title":183,"path":184,"stem":185,"icon":186},"Sankey","\u002Fcharts\u002Fsankey","3.charts\u002F12.sankey","i-lucide-git-fork",{"title":188,"path":189,"stem":190,"icon":191},"Tracker","\u002Fcharts\u002Ftracker","3.charts\u002F13.tracker","i-lucide-activity",{"title":193,"path":194,"stem":195,"icon":196},"Calendar Heatmap","\u002Fcharts\u002Fcalendar-heatmap","3.charts\u002F14.calendar-heatmap","i-lucide-calendar-days",{"title":198,"path":199,"stem":200,"icon":201},"Heatmap and CohortChart","\u002Fcharts\u002Fheatmap","3.charts\u002F15.heatmap","i-lucide-grid-3x3",{"title":203,"path":204,"stem":205,"icon":142},"Sparkline","\u002Fcharts\u002Fsparkline","3.charts\u002F16.sparkline",{"title":207,"path":208,"stem":209,"icon":210},"Bar List","\u002Fcharts\u002Fbar-list","3.charts\u002F17.bar-list","i-lucide-list-ordered",{"title":212,"path":213,"stem":214,"icon":215},"Journey Sankey","\u002Fcharts\u002Fjourney-sankey","3.charts\u002F18.journey-sankey","i-lucide-split",{"title":217,"icon":218,"path":219,"stem":220,"children":221,"page":30},"Components","i-lucide-code","\u002Fcomponents","4.components",[222,227,232,236,241,245,250,254,259,264,269,274,279],{"title":223,"path":224,"stem":225,"icon":226},"Tooltip","\u002Fcomponents\u002Ftooltip","4.components\u002F01.tooltip","i-lucide-message-square",{"title":228,"path":229,"stem":230,"icon":231},"Legend","\u002Fcomponents\u002Flegend","4.components\u002F02.legend","i-lucide-list",{"title":233,"path":234,"stem":235,"icon":201},"CartesianGrid","\u002Fcomponents\u002Fcartesian-grid","4.components\u002F03.cartesian-grid",{"title":237,"path":238,"stem":239,"icon":240},"Axes","\u002Fcomponents\u002Faxis","4.components\u002F04.axis","i-lucide-move",{"title":242,"path":243,"stem":244,"icon":152},"Polar Axes and Grid","\u002Fcomponents\u002Fpolar-axes","4.components\u002F05.polar-axes",{"title":246,"path":247,"stem":248,"icon":249},"Brush","\u002Fcomponents\u002Fbrush","4.components\u002F06.brush","i-lucide-sliders-horizontal",{"title":251,"path":252,"stem":253,"icon":61},"Reference Elements","\u002Fcomponents\u002Freference-elements","4.components\u002F07.reference-elements",{"title":255,"path":256,"stem":257,"icon":258},"ErrorBar","\u002Fcomponents\u002Ferror-bar","4.components\u002F08.error-bar","i-lucide-chevrons-up-down",{"title":260,"path":261,"stem":262,"icon":263},"Labels and Cell","\u002Fcomponents\u002Flabels","4.components\u002F09.labels","i-lucide-tag",{"title":265,"path":266,"stem":267,"icon":268},"Text","\u002Fcomponents\u002Ftext","4.components\u002F10.text","i-lucide-type",{"title":270,"path":271,"stem":272,"icon":273},"Shapes","\u002Fcomponents\u002Fshapes","4.components\u002F11.shapes","i-lucide-shapes",{"title":275,"path":276,"stem":277,"icon":278},"Composables","\u002Fcomponents\u002Fcomposables","4.components\u002F12.composables","i-lucide-function-square",{"title":280,"path":281,"stem":282,"icon":283},"Custom overlays","\u002Fcomponents\u002Fcustom-overlays","4.components\u002F13.custom-overlays","i-lucide-pencil-ruler",{"id":285,"title":255,"body":286,"description":738,"extension":739,"links":740,"meta":741,"navigation":742,"path":256,"seo":743,"stem":257,"__hash__":744},"docs\u002F4.components\u002F08.error-bar.md",{"type":287,"value":288,"toc":730},"minimark",[289,305,310,316,394,398,405,454,457,461,538,545,549,678,690,694,705,709,726],[290,291,292,296,297,300,301,304],"p",{},[293,294,295],"code",{},"\u003CErrorBar>"," draws whiskers that show the uncertainty of each value, such as a confidence interval or a measurement error. Put it inside a ",[293,298,299],{},"\u003CBar>"," or ",[293,302,303],{},"\u003CScatter>","; it reads its error values from the same rows.",[306,307,309],"h2",{"id":308},"scatter-with-error-bars","Scatter with error bars",[311,312],"chart-demo",{"description":313,"name":314,"src":315},"Horizontal and vertical error bars on scatter points.","Error Bars","guide-charts\u002Ferror-bar-chart",[317,318,323],"pre",{"className":319,"code":320,"language":321,"meta":322,"style":322},"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","",[293,324,325,372,378,384],{"__ignoreMap":322},[326,327,330,334,338,341,345,348,351,354,356,359,361,363,367,369],"span",{"class":328,"line":329},"line",1,[326,331,333],{"class":332},"sMK4o","\u003C",[326,335,337],{"class":336},"swJcz","Scatter",[326,339,340],{"class":332}," :",[326,342,344],{"class":343},"spNyl","data",[326,346,347],{"class":332},"=",[326,349,350],{"class":332},"\"",[326,352,344],{"class":353},"sTEyZ",[326,355,350],{"class":332},[326,357,358],{"class":343}," fill",[326,360,347],{"class":332},[326,362,350],{"class":332},[326,364,366],{"class":365},"sfazB","#f97316",[326,368,350],{"class":332},[326,370,371],{"class":332},">\n",[326,373,375],{"class":328,"line":374},2,[326,376,377],{"class":353},"  \u003CErrorBar data-key=\"errorX\" direction=\"x\" \u002F>\n",[326,379,381],{"class":328,"line":380},3,[326,382,383],{"class":353},"  \u003CErrorBar data-key=\"errorY\" direction=\"y\" \u002F>\n",[326,385,387,390,392],{"class":328,"line":386},4,[326,388,389],{"class":332},"\u003C\u002F",[326,391,337],{"class":336},[326,393,371],{"class":332},[306,395,397],{"id":396},"error-values","Error values",[290,399,400,401,404],{},"The field named by ",[293,402,403],{},"data-key"," holds the error of each row:",[406,407,408,428,447],"ul",{},[409,410,411,415,416,419,420,423,424,427],"li",{},[412,413,414],"strong",{},"One number"," draws the same distance below and above the value: ",[293,417,418],{},"errorY: 30"," covers ",[293,421,422],{},"value - 30"," to ",[293,425,426],{},"value + 30",".",[409,429,430,433,434,437,438,419,441,423,444,427],{},[412,431,432],{},"A pair"," ",[293,435,436],{},"[below, above]"," draws different distances: ",[293,439,440],{},"errorY: [10, 45]",[293,442,443],{},"value - 10",[293,445,446],{},"value + 45",[409,448,449,450,453],{},"A missing or ",[293,451,452],{},"0"," error draws no whisker for that row.",[290,455,456],{},"The axis domain grows to include the whiskers, so they are not cut off.",[306,458,460],{"id":459},"bar-with-error-bars","Bar with error bars",[317,462,464],{"className":319,"code":463,"language":321,"meta":322,"style":322},"\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",[293,465,466,502,507,512,517,523,529],{"__ignoreMap":322},[326,467,468,470,473,475,477,479,481,483,485,487,490,492,494,498,500],{"class":328,"line":329},[326,469,333],{"class":332},[326,471,472],{"class":336},"BarChart",[326,474,340],{"class":332},[326,476,344],{"class":343},[326,478,347],{"class":332},[326,480,350],{"class":332},[326,482,344],{"class":353},[326,484,350],{"class":332},[326,486,340],{"class":332},[326,488,489],{"class":343},"height",[326,491,347],{"class":332},[326,493,350],{"class":332},[326,495,497],{"class":496},"sbssI","300",[326,499,350],{"class":332},[326,501,371],{"class":332},[326,503,504],{"class":328,"line":374},[326,505,506],{"class":353},"  \u003CXAxis data-key=\"month\" \u002F>\n",[326,508,509],{"class":328,"line":380},[326,510,511],{"class":353},"  \u003CYAxis \u002F>\n",[326,513,514],{"class":328,"line":386},[326,515,516],{"class":353},"  \u003CBar data-key=\"sales\" fill=\"#f97316\">\n",[326,518,520],{"class":328,"line":519},5,[326,521,522],{"class":353},"    \u003CErrorBar data-key=\"salesError\" :width=\"6\" stroke=\"#14b8a6\" \u002F>\n",[326,524,526],{"class":328,"line":525},6,[326,527,528],{"class":353},"  \u003C\u002FBar>\n",[326,530,532,534,536],{"class":328,"line":531},7,[326,533,389],{"class":332},[326,535,472],{"class":336},[326,537,371],{"class":332},[290,539,540,541,544],{},"In a bar chart, the default direction follows the chart layout: vertical whiskers in a normal chart, horizontal whiskers in a ",[293,542,543],{},"layout=\"vertical\""," chart.",[306,546,548],{"id":547},"props","Props",[550,551,552,571],"table",{},[553,554,555],"thead",{},[556,557,558,562,565,568],"tr",{},[559,560,561],"th",{},"Prop",[559,563,564],{},"Type",[559,566,567],{},"Default",[559,569,570],{},"Description",[572,573,574,596,618,638,658],"tbody",{},[556,575,576,581,586,591],{},[577,578,579],"td",{},[293,580,403],{},[577,582,583],{},[293,584,585],{},"string | number | (row) => unknown",[577,587,588],{},[412,589,590],{},"required",[577,592,593,594],{},"Field with the error: one number, or ",[293,595,436],{},[556,597,598,603,608,611],{},[577,599,600],{},[293,601,602],{},"direction",[577,604,605],{},[293,606,607],{},"'x' | 'y'",[577,609,610],{},"from the layout",[577,612,613,614,617],{},"Whisker direction. ",[293,615,616],{},"x"," works only on a number X axis, such as in a ScatterChart",[556,619,620,625,630,635],{},[577,621,622],{},[293,623,624],{},"width",[577,626,627],{},[293,628,629],{},"number",[577,631,632],{},[293,633,634],{},"5",[577,636,637],{},"Width of the whisker caps in px",[556,639,640,645,650,655],{},[577,641,642],{},[293,643,644],{},"stroke",[577,646,647],{},[293,648,649],{},"string",[577,651,652],{},[293,653,654],{},"var(--v-charts-axis, black)",[577,656,657],{},"Line color",[556,659,660,665,670,675],{},[577,661,662],{},[293,663,664],{},"stroke-width",[577,666,667],{},[293,668,669],{},"number | string",[577,671,672],{},[293,673,674],{},"1.5",[577,676,677],{},"Line width",[290,679,680,689],{},[412,681,682,683,686,687,427],{},"ErrorBar works only inside ",[293,684,685],{},"Bar"," and ",[293,688,337],{}," Other series do not support it.",[306,691,693],{"id":692},"styling","Styling",[290,695,696,697,700,701,704],{},"Each whisker group has the class ",[293,698,699],{},"v-charts-error-bar",", inside a ",[293,702,703],{},"v-charts-error-bars"," group.",[306,706,708],{"id":707},"related","Related",[406,710,711,716,720],{},[409,712,713],{},[714,715,159],"a",{"href":160},[409,717,718],{},[714,719,134],{"href":135},[409,721,722,725],{},[714,723,724],{"href":44},"Axis domain and ticks",": control the axis range",[727,728,729],"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":322,"searchDepth":374,"depth":374,"links":731},[732,733,734,735,736,737],{"id":308,"depth":374,"text":309},{"id":396,"depth":374,"text":397},{"id":459,"depth":374,"text":460},{"id":547,"depth":374,"text":548},{"id":692,"depth":374,"text":693},{"id":707,"depth":374,"text":708},"Show uncertainty ranges on bars and scatter points","md",null,{},{"icon":258},{"title":255,"description":738},"dZRwn1JDS5qFluEXT7NZSDwd4ypbKsMd8qNRxBg-RsE",[746,748],{"title":251,"path":252,"stem":253,"description":747,"icon":61,"children":-1},"Annotate charts with reference dots, lines, and areas",{"title":260,"path":261,"stem":262,"description":749,"icon":263,"children":-1},"Put text on charts and series, and style single items",1793527170944]