[{"data":1,"prerenderedAt":1184},["ShallowReactive",2],{"navigation_docs":3,"-guides-axis-domain-and-ticks":279,"-guides-axis-domain-and-ticks-surround":1179},[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":38,"body":281,"description":1172,"extension":1173,"links":1174,"meta":1175,"navigation":1176,"path":39,"seo":1177,"stem":40,"__hash__":1178},"docs\u002F2.guides\u002F03.axis-domain-and-ticks.md",{"type":282,"value":283,"toc":1159},"minimark",[284,297,300,305,308,314,318,326,331,335,342,347,351,354,359,363,624,628,635,640,644,649,654,658,665,670,802,806,815,820,965,969,976,1002,1006,1009,1155],[285,286,287,288,292,293,296],"p",{},"The ",[289,290,291],"strong",{},"domain"," defines the min\u002Fmax range of an axis. ",[289,294,295],{},"Ticks"," are the labeled markers along the axis.",[285,298,299],{},"The examples below use solar system data — planet masses span from 10²² kg (Pluto) to 10³⁰ kg (Sun), making domain configuration essential.",[301,302,304],"h2",{"id":303},"default-domain","Default domain",[285,306,307],{},"By default, axes calculate their domain from the data. When values span many orders of magnitude, the result is unsatisfactory — smaller planets are invisible because the Sun dominates:",[309,310],"chart-demo",{"description":311,"name":312,"src":313},"Sun dominates the Y axis — all other planets are barely visible.","Default Domain","guide-charts\u002Fdomain-default-chart",[301,315,317],{"id":316},"yaxis-as-category-type","YAxis as category type",[285,319,320,321,325],{},"Switching YAxis to ",[322,323,324],"code",{},"type=\"category\""," shows each unique mass value as a discrete tick:",[309,327],{"description":328,"name":329,"src":330},"YAxis type='category' shows each mass as a distinct tick.","Categorical Y Axis","guide-charts\u002Fdomain-category-axis-chart",[301,332,334],{"id":333},"custom-domain-with-allow-data-overflow","Custom domain with allow-data-overflow",[285,336,337,338,341],{},"Set a fixed domain to zoom into a range. Add ",[322,339,340],{},"allow-data-overflow"," so the axis keeps that domain; without it, the axis grows to include all data. Data outside the domain is clipped:",[309,343],{"description":344,"name":345,"src":346},"Domain [1e23, 2e27] makes gas giants and rocky planets visible.","Custom Domain","guide-charts\u002Fdomain-custom-chart",[301,348,350],{"id":349},"logarithmic-scale","Logarithmic scale",[285,352,353],{},"For data spanning many orders of magnitude, a logarithmic scale makes all values proportionally visible:",[309,355],{"description":356,"name":357,"src":358},"Log scale reveals all planets across 8 orders of magnitude.","Logarithmic Scale","guide-charts\u002Fdomain-log-scale-chart",[301,360,362],{"id":361},"domain-options","Domain options",[364,365,370],"pre",{"className":366,"code":367,"language":368,"meta":369,"style":369},"language-vue shiki shiki-themes material-theme-lighter material-theme material-theme-palenight","\u003C!-- Auto domain from data (default) -->\n\u003CYAxis \u002F>\n\n\u003C!-- Fixed domain -->\n\u003CYAxis :domain=\"[0, 100]\" \u002F>\n\n\u003C!-- Data-driven bounds -->\n\u003CYAxis :domain=\"['dataMin', 'dataMax']\" \u002F>\n\n\u003C!-- Auto with padding -->\n\u003CYAxis :domain=\"['auto', 'auto']\" \u002F>\n\n\u003C!-- Custom function -->\n\u003CYAxis :domain=\"[(dataMin) => dataMin * 0.9, (dataMax) => dataMax * 1.1]\" \u002F>\n","vue","",[322,371,372,381,395,402,408,448,453,459,501,506,512,550,555,561],{"__ignoreMap":369},[373,374,377],"span",{"class":375,"line":376},"line",1,[373,378,380],{"class":379},"sHwdD","\u003C!-- Auto domain from data (default) -->\n",[373,382,384,388,392],{"class":375,"line":383},2,[373,385,387],{"class":386},"sMK4o","\u003C",[373,389,391],{"class":390},"swJcz","YAxis",[373,393,394],{"class":386}," \u002F>\n",[373,396,398],{"class":375,"line":397},3,[373,399,401],{"emptyLinePlaceholder":400},true,"\n",[373,403,405],{"class":375,"line":404},4,[373,406,407],{"class":379},"\u003C!-- Fixed domain -->\n",[373,409,411,413,415,418,421,424,427,431,435,438,441,444,446],{"class":375,"line":410},5,[373,412,387],{"class":386},[373,414,391],{"class":390},[373,416,417],{"class":386}," :",[373,419,291],{"class":420},"spNyl",[373,422,423],{"class":386},"=",[373,425,426],{"class":386},"\"",[373,428,430],{"class":429},"sTEyZ","[",[373,432,434],{"class":433},"sbssI","0",[373,436,437],{"class":386},",",[373,439,440],{"class":433}," 100",[373,442,443],{"class":429},"]",[373,445,426],{"class":386},[373,447,394],{"class":386},[373,449,451],{"class":375,"line":450},6,[373,452,401],{"emptyLinePlaceholder":400},[373,454,456],{"class":375,"line":455},7,[373,457,458],{"class":379},"\u003C!-- Data-driven bounds -->\n",[373,460,462,464,466,468,470,472,474,476,479,483,485,487,490,493,495,497,499],{"class":375,"line":461},8,[373,463,387],{"class":386},[373,465,391],{"class":390},[373,467,417],{"class":386},[373,469,291],{"class":420},[373,471,423],{"class":386},[373,473,426],{"class":386},[373,475,430],{"class":429},[373,477,478],{"class":386},"'",[373,480,482],{"class":481},"sfazB","dataMin",[373,484,478],{"class":386},[373,486,437],{"class":386},[373,488,489],{"class":386}," '",[373,491,492],{"class":481},"dataMax",[373,494,478],{"class":386},[373,496,443],{"class":429},[373,498,426],{"class":386},[373,500,394],{"class":386},[373,502,504],{"class":375,"line":503},9,[373,505,401],{"emptyLinePlaceholder":400},[373,507,509],{"class":375,"line":508},10,[373,510,511],{"class":379},"\u003C!-- Auto with padding -->\n",[373,513,515,517,519,521,523,525,527,529,531,534,536,538,540,542,544,546,548],{"class":375,"line":514},11,[373,516,387],{"class":386},[373,518,391],{"class":390},[373,520,417],{"class":386},[373,522,291],{"class":420},[373,524,423],{"class":386},[373,526,426],{"class":386},[373,528,430],{"class":429},[373,530,478],{"class":386},[373,532,533],{"class":481},"auto",[373,535,478],{"class":386},[373,537,437],{"class":386},[373,539,489],{"class":386},[373,541,533],{"class":481},[373,543,478],{"class":386},[373,545,443],{"class":429},[373,547,426],{"class":386},[373,549,394],{"class":386},[373,551,553],{"class":375,"line":552},12,[373,554,401],{"emptyLinePlaceholder":400},[373,556,558],{"class":375,"line":557},13,[373,559,560],{"class":379},"\u003C!-- Custom function -->\n",[373,562,564,566,568,570,572,574,576,578,581,584,587,590,593,596,599,601,604,606,608,610,613,615,618,620,622],{"class":375,"line":563},14,[373,565,387],{"class":386},[373,567,391],{"class":390},[373,569,417],{"class":386},[373,571,291],{"class":420},[373,573,423],{"class":386},[373,575,426],{"class":386},[373,577,430],{"class":429},[373,579,580],{"class":386},"(",[373,582,482],{"class":583},"sHdIc",[373,585,586],{"class":386},")",[373,588,589],{"class":420}," =>",[373,591,592],{"class":429}," dataMin ",[373,594,595],{"class":386},"*",[373,597,598],{"class":433}," 0.9",[373,600,437],{"class":386},[373,602,603],{"class":386}," (",[373,605,492],{"class":583},[373,607,586],{"class":386},[373,609,589],{"class":420},[373,611,612],{"class":429}," dataMax ",[373,614,595],{"class":386},[373,616,617],{"class":433}," 1.1",[373,619,443],{"class":429},[373,621,426],{"class":386},[373,623,394],{"class":429},[301,625,627],{"id":626},"tick-formatting","Tick formatting",[285,629,630,631,634],{},"Use ",[322,632,633],{},"tick-formatter"," to display values in human-readable units. Here, mass in kg is converted to yottagrams (1 Yg = 10²⁴ kg):",[309,636],{"description":637,"name":638,"src":639},"Axis ticks formatted as yottagrams instead of raw kg values.","Tick Formatter","guide-charts\u002Fdomain-tick-formatter-chart",[301,641,643],{"id":642},"tick-count","Tick count",[285,645,630,646,648],{},[322,647,642],{}," to suggest how many ticks to display. The actual number may differ as the scale finds \"nice\" values:",[309,650],{"description":651,"name":652,"src":653},"LineChart with tick-count=5 on both numeric axes.","Tick Count","guide-charts\u002Faxis-ticks-count-chart",[301,655,657],{"id":656},"custom-ticks","Custom ticks",[285,659,660,661,664],{},"If you don't like the automatic tick placement, provide your own tick values directly via the ",[322,662,663],{},"ticks"," prop. This gives you full control over tick positions and labels:",[309,666],{"description":667,"name":668,"src":669},"LineChart with explicit ticks arrays on both axes.","Custom Ticks","guide-charts\u002Faxis-ticks-custom-chart",[364,671,673],{"className":366,"code":672,"language":368,"meta":369,"style":369},"\u003CXAxis type=\"number\" data-key=\"x\" :ticks=\"[0, 110, 220, 330, 440, 550]\" \u002F>\n\n\u003CYAxis :ticks=\"[0, 40, 80, 120, 160, 200]\" \u002F>\n",[322,674,675,749,753],{"__ignoreMap":369},[373,676,677,679,682,685,687,689,692,694,697,699,701,704,706,708,710,712,714,716,718,720,723,725,728,730,733,735,738,740,743,745,747],{"class":375,"line":376},[373,678,387],{"class":386},[373,680,681],{"class":390},"XAxis",[373,683,684],{"class":420}," type",[373,686,423],{"class":386},[373,688,426],{"class":386},[373,690,691],{"class":481},"number",[373,693,426],{"class":386},[373,695,696],{"class":420}," data-key",[373,698,423],{"class":386},[373,700,426],{"class":386},[373,702,703],{"class":481},"x",[373,705,426],{"class":386},[373,707,417],{"class":386},[373,709,663],{"class":420},[373,711,423],{"class":386},[373,713,426],{"class":386},[373,715,430],{"class":429},[373,717,434],{"class":433},[373,719,437],{"class":386},[373,721,722],{"class":433}," 110",[373,724,437],{"class":386},[373,726,727],{"class":433}," 220",[373,729,437],{"class":386},[373,731,732],{"class":433}," 330",[373,734,437],{"class":386},[373,736,737],{"class":433}," 440",[373,739,437],{"class":386},[373,741,742],{"class":433}," 550",[373,744,443],{"class":429},[373,746,426],{"class":386},[373,748,394],{"class":386},[373,750,751],{"class":375,"line":383},[373,752,401],{"emptyLinePlaceholder":400},[373,754,755,757,759,761,763,765,767,769,771,773,776,778,781,783,786,788,791,793,796,798,800],{"class":375,"line":397},[373,756,387],{"class":386},[373,758,391],{"class":390},[373,760,417],{"class":386},[373,762,663],{"class":420},[373,764,423],{"class":386},[373,766,426],{"class":386},[373,768,430],{"class":429},[373,770,434],{"class":433},[373,772,437],{"class":386},[373,774,775],{"class":433}," 40",[373,777,437],{"class":386},[373,779,780],{"class":433}," 80",[373,782,437],{"class":386},[373,784,785],{"class":433}," 120",[373,787,437],{"class":386},[373,789,790],{"class":433}," 160",[373,792,437],{"class":386},[373,794,795],{"class":433}," 200",[373,797,443],{"class":429},[373,799,426],{"class":386},[373,801,394],{"class":386},[301,803,805],{"id":804},"tick-interval","Tick interval",[285,807,287,808,811,812,814],{},[322,809,810],{},"interval"," prop controls which ticks are shown on categorical axes. With many categories, labels may overlap — use ",[322,813,810],{}," to manage this:",[309,816],{"description":817,"name":818,"src":819},"BarChart with interval=0 showing all tick labels, rotated -45°.","Interval = 0","guide-charts\u002Faxis-ticks-interval-chart",[364,821,823],{"className":366,"code":822,"language":368,"meta":369,"style":369},"\u003C!-- Show all ticks -->\n\u003CXAxis :interval=\"0\" \u002F>\n\n\u003C!-- Show every other tick -->\n\u003CXAxis :interval=\"1\" \u002F>\n\n\u003C!-- Preserve the first tick -->\n\u003CXAxis interval=\"preserveStart\" \u002F>\n\n\u003C!-- Preserve the last tick (default) -->\n\u003CXAxis interval=\"preserveEnd\" \u002F>\n\n\u003C!-- Preserve both start and end -->\n\u003CXAxis interval=\"preserveStartEnd\" \u002F>\n",[322,824,825,830,850,854,859,880,884,889,909,913,918,937,941,946],{"__ignoreMap":369},[373,826,827],{"class":375,"line":376},[373,828,829],{"class":379},"\u003C!-- Show all ticks -->\n",[373,831,832,834,836,838,840,842,844,846,848],{"class":375,"line":383},[373,833,387],{"class":386},[373,835,681],{"class":390},[373,837,417],{"class":386},[373,839,810],{"class":420},[373,841,423],{"class":386},[373,843,426],{"class":386},[373,845,434],{"class":433},[373,847,426],{"class":386},[373,849,394],{"class":386},[373,851,852],{"class":375,"line":397},[373,853,401],{"emptyLinePlaceholder":400},[373,855,856],{"class":375,"line":404},[373,857,858],{"class":379},"\u003C!-- Show every other tick -->\n",[373,860,861,863,865,867,869,871,873,876,878],{"class":375,"line":410},[373,862,387],{"class":386},[373,864,681],{"class":390},[373,866,417],{"class":386},[373,868,810],{"class":420},[373,870,423],{"class":386},[373,872,426],{"class":386},[373,874,875],{"class":433},"1",[373,877,426],{"class":386},[373,879,394],{"class":386},[373,881,882],{"class":375,"line":450},[373,883,401],{"emptyLinePlaceholder":400},[373,885,886],{"class":375,"line":455},[373,887,888],{"class":379},"\u003C!-- Preserve the first tick -->\n",[373,890,891,893,895,898,900,902,905,907],{"class":375,"line":461},[373,892,387],{"class":386},[373,894,681],{"class":390},[373,896,897],{"class":420}," interval",[373,899,423],{"class":386},[373,901,426],{"class":386},[373,903,904],{"class":481},"preserveStart",[373,906,426],{"class":386},[373,908,394],{"class":386},[373,910,911],{"class":375,"line":503},[373,912,401],{"emptyLinePlaceholder":400},[373,914,915],{"class":375,"line":508},[373,916,917],{"class":379},"\u003C!-- Preserve the last tick (default) -->\n",[373,919,920,922,924,926,928,930,933,935],{"class":375,"line":514},[373,921,387],{"class":386},[373,923,681],{"class":390},[373,925,897],{"class":420},[373,927,423],{"class":386},[373,929,426],{"class":386},[373,931,932],{"class":481},"preserveEnd",[373,934,426],{"class":386},[373,936,394],{"class":386},[373,938,939],{"class":375,"line":552},[373,940,401],{"emptyLinePlaceholder":400},[373,942,943],{"class":375,"line":557},[373,944,945],{"class":379},"\u003C!-- Preserve both start and end -->\n",[373,947,948,950,952,954,956,958,961,963],{"class":375,"line":563},[373,949,387],{"class":386},[373,951,681],{"class":390},[373,953,897],{"class":420},[373,955,423],{"class":386},[373,957,426],{"class":386},[373,959,960],{"class":481},"preserveStartEnd",[373,962,426],{"class":386},[373,964,394],{"class":386},[301,966,968],{"id":967},"minimum-tick-gap","Minimum tick gap",[285,970,971,972,975],{},"Set ",[322,973,974],{},"min-tick-gap"," to specify the minimum pixel spacing between ticks. Ticks that are too close together will be removed:",[364,977,979],{"className":366,"code":978,"language":368,"meta":369,"style":369},"\u003CXAxis :min-tick-gap=\"30\" \u002F>\n",[322,980,981],{"__ignoreMap":369},[373,982,983,985,987,989,991,993,995,998,1000],{"class":375,"line":376},[373,984,387],{"class":386},[373,986,681],{"class":390},[373,988,417],{"class":386},[373,990,974],{"class":420},[373,992,423],{"class":386},[373,994,426],{"class":386},[373,996,997],{"class":433},"30",[373,999,426],{"class":386},[373,1001,394],{"class":386},[301,1003,1005],{"id":1004},"hide-ticks","Hide ticks",[285,1007,1008],{},"To hide tick marks, tick labels, or the axis line individually:",[364,1010,1012],{"className":366,"code":1011,"language":368,"meta":369,"style":369},"\u003C!-- Hide tick marks only -->\n\u003CXAxis :tick-line=\"false\" \u002F>\n\n\u003C!-- Hide tick labels -->\n\u003CXAxis :tick=\"false\" \u002F>\n\n\u003C!-- Hide the axis line -->\n\u003CXAxis :axis-line=\"false\" \u002F>\n\n\u003C!-- Hide everything (invisible axis that still affects layout) -->\n\u003CXAxis :tick=\"false\" :tick-line=\"false\" :axis-line=\"false\" \u002F>\n",[322,1013,1014,1019,1042,1046,1051,1072,1076,1081,1102,1106,1111],{"__ignoreMap":369},[373,1015,1016],{"class":375,"line":376},[373,1017,1018],{"class":379},"\u003C!-- Hide tick marks only -->\n",[373,1020,1021,1023,1025,1027,1030,1032,1034,1038,1040],{"class":375,"line":383},[373,1022,387],{"class":386},[373,1024,681],{"class":390},[373,1026,417],{"class":386},[373,1028,1029],{"class":420},"tick-line",[373,1031,423],{"class":386},[373,1033,426],{"class":386},[373,1035,1037],{"class":1036},"sfNiH","false",[373,1039,426],{"class":386},[373,1041,394],{"class":386},[373,1043,1044],{"class":375,"line":397},[373,1045,401],{"emptyLinePlaceholder":400},[373,1047,1048],{"class":375,"line":404},[373,1049,1050],{"class":379},"\u003C!-- Hide tick labels -->\n",[373,1052,1053,1055,1057,1059,1062,1064,1066,1068,1070],{"class":375,"line":410},[373,1054,387],{"class":386},[373,1056,681],{"class":390},[373,1058,417],{"class":386},[373,1060,1061],{"class":420},"tick",[373,1063,423],{"class":386},[373,1065,426],{"class":386},[373,1067,1037],{"class":1036},[373,1069,426],{"class":386},[373,1071,394],{"class":386},[373,1073,1074],{"class":375,"line":450},[373,1075,401],{"emptyLinePlaceholder":400},[373,1077,1078],{"class":375,"line":455},[373,1079,1080],{"class":379},"\u003C!-- Hide the axis line -->\n",[373,1082,1083,1085,1087,1089,1092,1094,1096,1098,1100],{"class":375,"line":461},[373,1084,387],{"class":386},[373,1086,681],{"class":390},[373,1088,417],{"class":386},[373,1090,1091],{"class":420},"axis-line",[373,1093,423],{"class":386},[373,1095,426],{"class":386},[373,1097,1037],{"class":1036},[373,1099,426],{"class":386},[373,1101,394],{"class":386},[373,1103,1104],{"class":375,"line":503},[373,1105,401],{"emptyLinePlaceholder":400},[373,1107,1108],{"class":375,"line":508},[373,1109,1110],{"class":379},"\u003C!-- Hide everything (invisible axis that still affects layout) -->\n",[373,1112,1113,1115,1117,1119,1121,1123,1125,1127,1129,1131,1133,1135,1137,1139,1141,1143,1145,1147,1149,1151,1153],{"class":375,"line":514},[373,1114,387],{"class":386},[373,1116,681],{"class":390},[373,1118,417],{"class":386},[373,1120,1061],{"class":420},[373,1122,423],{"class":386},[373,1124,426],{"class":386},[373,1126,1037],{"class":1036},[373,1128,426],{"class":386},[373,1130,417],{"class":386},[373,1132,1029],{"class":420},[373,1134,423],{"class":386},[373,1136,426],{"class":386},[373,1138,1037],{"class":1036},[373,1140,426],{"class":386},[373,1142,417],{"class":386},[373,1144,1091],{"class":420},[373,1146,423],{"class":386},[373,1148,426],{"class":386},[373,1150,1037],{"class":1036},[373,1152,426],{"class":386},[373,1154,394],{"class":386},[1156,1157,1158],"style",{},"html pre.shiki code .sHwdD, html code.shiki .sHwdD{--shiki-light:#90A4AE;--shiki-light-font-style:italic;--shiki-default:#546E7A;--shiki-default-font-style:italic;--shiki-dark:#676E95;--shiki-dark-font-style:italic}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 .sbssI, html code.shiki .sbssI{--shiki-light:#F76D47;--shiki-default:#F78C6C;--shiki-dark:#F78C6C}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 .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}",{"title":369,"searchDepth":383,"depth":383,"links":1160},[1161,1162,1163,1164,1165,1166,1167,1168,1169,1170,1171],{"id":303,"depth":383,"text":304},{"id":316,"depth":383,"text":317},{"id":333,"depth":383,"text":334},{"id":349,"depth":383,"text":350},{"id":361,"depth":383,"text":362},{"id":626,"depth":383,"text":627},{"id":642,"depth":383,"text":643},{"id":656,"depth":383,"text":657},{"id":804,"depth":383,"text":805},{"id":967,"depth":383,"text":968},{"id":1004,"depth":383,"text":1005},"Set the axis range, and control tick count, placement, spacing and labels","md",null,{},{"icon":41},{"title":38,"description":1172},"N4CyuYlb6A6cLL35zMyKRRSFkoasczBN4I9k7E6Odrs",[1180,1182],{"title":33,"path":34,"stem":35,"description":1181,"icon":36,"children":-1},"Learn how to customize chart appearance using slots, Cell, and SVG attributes",{"title":43,"path":44,"stem":45,"description":1183,"icon":46,"children":-1},"Fixed, full-width and aspect-ratio charts",1791811109636]