[{"data":1,"prerenderedAt":871},["ShallowReactive",2],{"navigation_docs":3,"-components-axis":177,"-components-axis-surround":866},[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":159,"body":179,"description":859,"extension":860,"links":861,"meta":862,"navigation":863,"path":160,"seo":864,"stem":161,"__hash__":865},"docs/4.components/4.axis.md",{"type":180,"value":181,"toc":851},"minimark",[182,194,199,299,303,346,350,420,424,451,455,668,672,847],[183,184,185,189,190,193],"p",{},[186,187,188],"code",{},"\u003CXAxis>"," and ",[186,191,192],{},"\u003CYAxis>"," render axis lines, ticks, and labels for cartesian charts.",[195,196,198],"h2",{"id":197},"add-axes","Add axes",[200,201,206],"pre",{"className":202,"code":203,"language":204,"meta":205,"style":205},"language-vue shiki shiki-themes material-theme-lighter material-theme material-theme-palenight","\u003CBarChart :width=\"500\" :height=\"300\" :data=\"data\">\n  \u003CXAxis data-key=\"name\" />\n  \u003CYAxis />\n  \u003CBar data-key=\"value\" fill=\"#8884d8\" />\n\u003C/BarChart>\n","vue","",[186,207,208,271,277,283,289],{"__ignoreMap":205},[209,210,213,217,221,224,228,231,234,238,240,242,245,247,249,252,254,256,259,261,263,266,268],"span",{"class":211,"line":212},"line",1,[209,214,216],{"class":215},"sMK4o","\u003C",[209,218,220],{"class":219},"swJcz","BarChart",[209,222,223],{"class":215}," :",[209,225,227],{"class":226},"spNyl","width",[209,229,230],{"class":215},"=",[209,232,233],{"class":215},"\"",[209,235,237],{"class":236},"sbssI","500",[209,239,233],{"class":215},[209,241,223],{"class":215},[209,243,244],{"class":226},"height",[209,246,230],{"class":215},[209,248,233],{"class":215},[209,250,251],{"class":236},"300",[209,253,233],{"class":215},[209,255,223],{"class":215},[209,257,258],{"class":226},"data",[209,260,230],{"class":215},[209,262,233],{"class":215},[209,264,258],{"class":265},"sTEyZ",[209,267,233],{"class":215},[209,269,270],{"class":215},">\n",[209,272,274],{"class":211,"line":273},2,[209,275,276],{"class":265},"  \u003CXAxis data-key=\"name\" />\n",[209,278,280],{"class":211,"line":279},3,[209,281,282],{"class":265},"  \u003CYAxis />\n",[209,284,286],{"class":211,"line":285},4,[209,287,288],{"class":265},"  \u003CBar data-key=\"value\" fill=\"#8884d8\" />\n",[209,290,292,295,297],{"class":211,"line":291},5,[209,293,294],{"class":215},"\u003C/",[209,296,220],{"class":219},[209,298,270],{"class":215},[195,300,302],{"id":301},"hide-axis-lines","Hide axis lines",[200,304,306],{"className":202,"code":305,"language":204,"meta":205,"style":205},"\u003CYAxis :tick-line=\"false\" :axis-line=\"false\" />\n",[186,307,308],{"__ignoreMap":205},[209,309,310,312,315,317,320,322,324,328,330,332,335,337,339,341,343],{"class":211,"line":212},[209,311,216],{"class":215},[209,313,314],{"class":219},"YAxis",[209,316,223],{"class":215},[209,318,319],{"class":226},"tick-line",[209,321,230],{"class":215},[209,323,233],{"class":215},[209,325,327],{"class":326},"sfNiH","false",[209,329,233],{"class":215},[209,331,223],{"class":215},[209,333,334],{"class":226},"axis-line",[209,336,230],{"class":215},[209,338,233],{"class":215},[209,340,327],{"class":326},[209,342,233],{"class":215},[209,344,345],{"class":215}," />\n",[195,347,349],{"id":348},"format-tick-labels","Format tick labels",[200,351,353],{"className":202,"code":352,"language":204,"meta":205,"style":205},"\u003CXAxis data-key=\"date\" :tick-formatter=\"(value) => new Date(value).toLocaleDateString()\" />\n",[186,354,355],{"__ignoreMap":205},[209,356,357,359,362,365,367,369,373,375,377,380,382,384,387,391,394,397,400,404,407,410,413,416,418],{"class":211,"line":212},[209,358,216],{"class":215},[209,360,361],{"class":219},"XAxis",[209,363,364],{"class":226}," data-key",[209,366,230],{"class":215},[209,368,233],{"class":215},[209,370,372],{"class":371},"sfazB","date",[209,374,233],{"class":215},[209,376,223],{"class":215},[209,378,379],{"class":226},"tick-formatter",[209,381,230],{"class":215},[209,383,233],{"class":215},[209,385,386],{"class":215},"(",[209,388,390],{"class":389},"sHdIc","value",[209,392,393],{"class":215},")",[209,395,396],{"class":226}," =>",[209,398,399],{"class":215}," new",[209,401,403],{"class":402},"s2Zo4"," Date",[209,405,406],{"class":265},"(value)",[209,408,409],{"class":215},".",[209,411,412],{"class":402},"toLocaleDateString",[209,414,415],{"class":265},"()",[209,417,233],{"class":215},[209,419,345],{"class":265},[195,421,423],{"id":422},"customize-tick-count","Customize tick count",[200,425,427],{"className":202,"code":426,"language":204,"meta":205,"style":205},"\u003CYAxis :tick-count=\"3\" />\n",[186,428,429],{"__ignoreMap":205},[209,430,431,433,435,437,440,442,444,447,449],{"class":211,"line":212},[209,432,216],{"class":215},[209,434,314],{"class":219},[209,436,223],{"class":215},[209,438,439],{"class":226},"tick-count",[209,441,230],{"class":215},[209,443,233],{"class":215},[209,445,446],{"class":236},"3",[209,448,233],{"class":215},[209,450,345],{"class":215},[195,452,454],{"id":453},"xaxis-props","XAxis props",[456,457,458,477],"table",{},[459,460,461],"thead",{},[462,463,464,468,471,474],"tr",{},[465,466,467],"th",{},"Prop",[465,469,470],{},"Type",[465,472,473],{},"Default",[465,475,476],{},"Description",[478,479,480,499,519,538,558,578,596,612,629,648],"tbody",{},[462,481,482,488,493,496],{},[483,484,485],"td",{},[186,486,487],{},"dataKey",[483,489,490],{},[186,491,492],{},"string | number | Function",[483,494,495],{},"—",[483,497,498],{},"Key from data",[462,500,501,506,511,516],{},[483,502,503],{},[186,504,505],{},"type",[483,507,508],{},[186,509,510],{},"'number' | 'category'",[483,512,513],{},[186,514,515],{},"'category'",[483,517,518],{},"Axis type",[462,520,521,526,531,535],{},[483,522,523],{},[186,524,525],{},"hide",[483,527,528],{},[186,529,530],{},"boolean",[483,532,533],{},[186,534,327],{},[483,536,537],{},"Hide the axis",[462,539,540,545,550,555],{},[483,541,542],{},[186,543,544],{},"orientation",[483,546,547],{},[186,548,549],{},"'top' | 'bottom'",[483,551,552],{},[186,553,554],{},"'bottom'",[483,556,557],{},"Axis position",[462,559,560,565,570,575],{},[483,561,562],{},[186,563,564],{},"tickLine",[483,566,567],{},[186,568,569],{},"boolean | object",[483,571,572],{},[186,573,574],{},"true",[483,576,577],{},"Show tick lines",[462,579,580,585,589,593],{},[483,581,582],{},[186,583,584],{},"axisLine",[483,586,587],{},[186,588,569],{},[483,590,591],{},[186,592,574],{},[483,594,595],{},"Show axis line",[462,597,598,603,608,610],{},[483,599,600],{},[186,601,602],{},"tickFormatter",[483,604,605],{},[186,606,607],{},"Function",[483,609,495],{},[483,611,349],{},[462,613,614,619,624,626],{},[483,615,616],{},[186,617,618],{},"tickCount",[483,620,621],{},[186,622,623],{},"number",[483,625,495],{},[483,627,628],{},"Number of ticks",[462,630,631,636,640,645],{},[483,632,633],{},[186,634,635],{},"minTickGap",[483,637,638],{},[186,639,623],{},[483,641,642],{},[186,643,644],{},"5",[483,646,647],{},"Minimum gap between ticks",[462,649,650,655,660,662],{},[483,651,652],{},[186,653,654],{},"domain",[483,656,657],{},[186,658,659],{},"Array",[483,661,495],{},[483,663,664,665],{},"Axis domain ",[186,666,667],{},"[min, max]",[195,669,671],{"id":670},"yaxis-props","YAxis props",[456,673,674,686],{},[459,675,676],{},[462,677,678,680,682,684],{},[465,679,467],{},[465,681,470],{},[465,683,473],{},[465,685,476],{},[478,687,688,702,719,735,753,771,787,803,817,831],{},[462,689,690,694,698,700],{},[483,691,692],{},[186,693,487],{},[483,695,696],{},[186,697,492],{},[483,699,495],{},[483,701,498],{},[462,703,704,708,712,717],{},[483,705,706],{},[186,707,505],{},[483,709,710],{},[186,711,510],{},[483,713,714],{},[186,715,716],{},"'number'",[483,718,518],{},[462,720,721,725,729,733],{},[483,722,723],{},[186,724,525],{},[483,726,727],{},[186,728,530],{},[483,730,731],{},[186,732,327],{},[483,734,537],{},[462,736,737,741,746,751],{},[483,738,739],{},[186,740,544],{},[483,742,743],{},[186,744,745],{},"'left' | 'right'",[483,747,748],{},[186,749,750],{},"'left'",[483,752,557],{},[462,754,755,759,763,768],{},[483,756,757],{},[186,758,227],{},[483,760,761],{},[186,762,623],{},[483,764,765],{},[186,766,767],{},"60",[483,769,770],{},"Axis width",[462,772,773,777,781,785],{},[483,774,775],{},[186,776,564],{},[483,778,779],{},[186,780,569],{},[483,782,783],{},[186,784,574],{},[483,786,577],{},[462,788,789,793,797,801],{},[483,790,791],{},[186,792,584],{},[483,794,795],{},[186,796,569],{},[483,798,799],{},[186,800,574],{},[483,802,595],{},[462,804,805,809,813,815],{},[483,806,807],{},[186,808,602],{},[483,810,811],{},[186,812,607],{},[483,814,495],{},[483,816,349],{},[462,818,819,823,827,829],{},[483,820,821],{},[186,822,618],{},[483,824,825],{},[186,826,623],{},[483,828,495],{},[483,830,628],{},[462,832,833,837,841,843],{},[483,834,835],{},[186,836,654],{},[483,838,839],{},[186,840,659],{},[483,842,495],{},[483,844,664,845],{},[186,846,667],{},[848,849,850],"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 .sbssI, html code.shiki .sbssI{--shiki-light:#F76D47;--shiki-default:#F78C6C;--shiki-dark:#F78C6C}html pre.shiki code .sTEyZ, html code.shiki .sTEyZ{--shiki-light:#90A4AE;--shiki-default:#EEFFFF;--shiki-dark:#BABED8}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 .sfNiH, html code.shiki .sfNiH{--shiki-light:#FF5370;--shiki-default:#FF9CAC;--shiki-dark:#FF9CAC}html pre.shiki code .sfazB, html code.shiki .sfazB{--shiki-light:#91B859;--shiki-default:#C3E88D;--shiki-dark:#C3E88D}html pre.shiki code .sHdIc, html code.shiki .sHdIc{--shiki-light:#90A4AE;--shiki-light-font-style:italic;--shiki-default:#EEFFFF;--shiki-default-font-style:italic;--shiki-dark:#BABED8;--shiki-dark-font-style:italic}html pre.shiki code .s2Zo4, html code.shiki .s2Zo4{--shiki-light:#6182B8;--shiki-default:#82AAFF;--shiki-dark:#82AAFF}",{"title":205,"searchDepth":273,"depth":273,"links":852},[853,854,855,856,857,858],{"id":197,"depth":273,"text":198},{"id":301,"depth":273,"text":302},{"id":348,"depth":273,"text":349},{"id":422,"depth":273,"text":423},{"id":453,"depth":273,"text":454},{"id":670,"depth":273,"text":671},"Configure X and Y axes for cartesian charts","md",null,{},{"icon":162},{"title":159,"description":859},"Bi0lO_hn76eKJUuIwM4xgE07SYpzx3YEpylztA2F8qI",[867,869],{"title":154,"path":155,"stem":156,"description":868,"icon":157,"children":-1},"Add grid lines to cartesian charts",{"title":164,"path":165,"stem":166,"description":870,"icon":61,"children":-1},"Annotate charts with reference dots, lines, and areas",1775929456727]