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