[{"data":1,"prerenderedAt":557},["ShallowReactive",2],{"navigation_docs":3,"-guides-domain-and-ticks":172,"-guides-domain-and-ticks-surround":552},[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":38,"body":174,"description":545,"extension":546,"links":547,"meta":548,"navigation":549,"path":39,"seo":550,"stem":40,"__hash__":551},"docs/2.guides/03.domain-and-ticks.md",{"type":175,"value":176,"toc":537},"minimark",[177,190,193,198,201,207,211,219,224,228,235,240,244,247,252,256,263,268,272,533],[178,179,180,181,185,186,189],"p",{},"The ",[182,183,184],"strong",{},"domain"," defines the min/max range of an axis. ",[182,187,188],{},"Ticks"," are the labeled markers along the axis.",[178,191,192],{},"The examples below use solar system data — planet masses span from 10²² kg (Pluto) to 10³⁰ kg (Sun), making domain configuration essential.",[194,195,197],"h2",{"id":196},"default-domain","Default domain",[178,199,200],{},"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:",[202,203],"chart-demo",{"description":204,"name":205,"src":206},"Sun dominates the Y axis — all other planets are barely visible.","Default Domain","guide-charts/domain-default-chart",[194,208,210],{"id":209},"yaxis-as-category-type","YAxis as category type",[178,212,213,214,218],{},"Switching YAxis to ",[215,216,217],"code",{},"type=\"category\""," shows each unique mass value as a discrete tick:",[202,220],{"description":221,"name":222,"src":223},"YAxis type='category' shows each mass as a distinct tick.","Categorical Y Axis","guide-charts/domain-category-axis-chart",[194,225,227],{"id":226},"custom-domain-with-allowdataoverflow","Custom domain with allowDataOverflow",[178,229,230,231,234],{},"Set a fixed domain to zoom into a specific range. Use ",[215,232,233],{},"allow-data-overflow"," so data outside the range still renders (overflowing the chart area):",[202,236],{"description":237,"name":238,"src":239},"Domain [1e23, 2e27] makes gas giants and rocky planets visible.","Custom Domain","guide-charts/domain-custom-chart",[194,241,243],{"id":242},"logarithmic-scale","Logarithmic scale",[178,245,246],{},"For data spanning many orders of magnitude, a logarithmic scale makes all values proportionally visible:",[202,248],{"description":249,"name":250,"src":251},"Log scale reveals all planets across 8 orders of magnitude.","Logarithmic Scale","guide-charts/domain-log-scale-chart",[194,253,255],{"id":254},"tick-formatting","Tick formatting",[178,257,258,259,262],{},"Use ",[215,260,261],{},"tick-formatter"," to display values in human-readable units. Here, mass in kg is converted to yottagrams (1 Yg = 10²⁴ kg):",[202,264],{"description":265,"name":266,"src":267},"Axis ticks formatted as yottagrams instead of raw kg values.","Tick Formatter","guide-charts/domain-tick-formatter-chart",[194,269,271],{"id":270},"domain-options","Domain options",[273,274,279],"pre",{"className":275,"code":276,"language":277,"meta":278,"style":278},"language-vue shiki shiki-themes material-theme-lighter material-theme material-theme-palenight","\u003C!-- Auto domain from data (default) -->\n\u003CYAxis />\n\n\u003C!-- Fixed domain -->\n\u003CYAxis :domain=\"[0, 100]\" />\n\n\u003C!-- Data-driven bounds -->\n\u003CYAxis :domain=\"['dataMin', 'dataMax']\" />\n\n\u003C!-- Auto with padding -->\n\u003CYAxis :domain=\"['auto', 'auto']\" />\n\n\u003C!-- Custom function -->\n\u003CYAxis :domain=\"[(dataMin) => dataMin * 0.9, (dataMax) => dataMax * 1.1]\" />\n","vue","",[215,280,281,290,304,311,317,357,362,368,410,415,421,459,464,470],{"__ignoreMap":278},[282,283,286],"span",{"class":284,"line":285},"line",1,[282,287,289],{"class":288},"sHwdD","\u003C!-- Auto domain from data (default) -->\n",[282,291,293,297,301],{"class":284,"line":292},2,[282,294,296],{"class":295},"sMK4o","\u003C",[282,298,300],{"class":299},"swJcz","YAxis",[282,302,303],{"class":295}," />\n",[282,305,307],{"class":284,"line":306},3,[282,308,310],{"emptyLinePlaceholder":309},true,"\n",[282,312,314],{"class":284,"line":313},4,[282,315,316],{"class":288},"\u003C!-- Fixed domain -->\n",[282,318,320,322,324,327,330,333,336,340,344,347,350,353,355],{"class":284,"line":319},5,[282,321,296],{"class":295},[282,323,300],{"class":299},[282,325,326],{"class":295}," :",[282,328,184],{"class":329},"spNyl",[282,331,332],{"class":295},"=",[282,334,335],{"class":295},"\"",[282,337,339],{"class":338},"sTEyZ","[",[282,341,343],{"class":342},"sbssI","0",[282,345,346],{"class":295},",",[282,348,349],{"class":342}," 100",[282,351,352],{"class":338},"]",[282,354,335],{"class":295},[282,356,303],{"class":295},[282,358,360],{"class":284,"line":359},6,[282,361,310],{"emptyLinePlaceholder":309},[282,363,365],{"class":284,"line":364},7,[282,366,367],{"class":288},"\u003C!-- Data-driven bounds -->\n",[282,369,371,373,375,377,379,381,383,385,388,392,394,396,399,402,404,406,408],{"class":284,"line":370},8,[282,372,296],{"class":295},[282,374,300],{"class":299},[282,376,326],{"class":295},[282,378,184],{"class":329},[282,380,332],{"class":295},[282,382,335],{"class":295},[282,384,339],{"class":338},[282,386,387],{"class":295},"'",[282,389,391],{"class":390},"sfazB","dataMin",[282,393,387],{"class":295},[282,395,346],{"class":295},[282,397,398],{"class":295}," '",[282,400,401],{"class":390},"dataMax",[282,403,387],{"class":295},[282,405,352],{"class":338},[282,407,335],{"class":295},[282,409,303],{"class":295},[282,411,413],{"class":284,"line":412},9,[282,414,310],{"emptyLinePlaceholder":309},[282,416,418],{"class":284,"line":417},10,[282,419,420],{"class":288},"\u003C!-- Auto with padding -->\n",[282,422,424,426,428,430,432,434,436,438,440,443,445,447,449,451,453,455,457],{"class":284,"line":423},11,[282,425,296],{"class":295},[282,427,300],{"class":299},[282,429,326],{"class":295},[282,431,184],{"class":329},[282,433,332],{"class":295},[282,435,335],{"class":295},[282,437,339],{"class":338},[282,439,387],{"class":295},[282,441,442],{"class":390},"auto",[282,444,387],{"class":295},[282,446,346],{"class":295},[282,448,398],{"class":295},[282,450,442],{"class":390},[282,452,387],{"class":295},[282,454,352],{"class":338},[282,456,335],{"class":295},[282,458,303],{"class":295},[282,460,462],{"class":284,"line":461},12,[282,463,310],{"emptyLinePlaceholder":309},[282,465,467],{"class":284,"line":466},13,[282,468,469],{"class":288},"\u003C!-- Custom function -->\n",[282,471,473,475,477,479,481,483,485,487,490,493,496,499,502,505,508,510,513,515,517,519,522,524,527,529,531],{"class":284,"line":472},14,[282,474,296],{"class":295},[282,476,300],{"class":299},[282,478,326],{"class":295},[282,480,184],{"class":329},[282,482,332],{"class":295},[282,484,335],{"class":295},[282,486,339],{"class":338},[282,488,489],{"class":295},"(",[282,491,391],{"class":492},"sHdIc",[282,494,495],{"class":295},")",[282,497,498],{"class":329}," =>",[282,500,501],{"class":338}," dataMin ",[282,503,504],{"class":295},"*",[282,506,507],{"class":342}," 0.9",[282,509,346],{"class":295},[282,511,512],{"class":295}," (",[282,514,401],{"class":492},[282,516,495],{"class":295},[282,518,498],{"class":329},[282,520,521],{"class":338}," dataMax ",[282,523,504],{"class":295},[282,525,526],{"class":342}," 1.1",[282,528,352],{"class":338},[282,530,335],{"class":295},[282,532,303],{"class":338},[534,535,536],"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);}",{"title":278,"searchDepth":292,"depth":292,"links":538},[539,540,541,542,543,544],{"id":196,"depth":292,"text":197},{"id":209,"depth":292,"text":210},{"id":226,"depth":292,"text":227},{"id":242,"depth":292,"text":243},{"id":254,"depth":292,"text":255},{"id":270,"depth":292,"text":271},"Configure axis range, data domain, and tick formatting","md",null,{},{"icon":41},{"title":38,"description":545},"8GE0Nbx9XDxUVathH0RUhr9MrZC7rCT1l42IiIF8z0U",[553,555],{"title":33,"path":34,"stem":35,"description":554,"icon":36,"children":-1},"Control which data point is highlighted in the tooltip",{"title":43,"path":44,"stem":45,"description":556,"icon":46,"children":-1},"Control tick count, placement, and spacing on chart axes",1775472912789]