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