[{"data":1,"prerenderedAt":1023},["ShallowReactive",2],{"navigation_docs":3,"-guides-theming":284,"-guides-theming-surround":1018},[4,31,117,216],{"title":5,"icon":6,"path":7,"stem":8,"children":9,"page":30},"Getting Started","i-lucide-rocket","\u002Fgetting-started","1.getting-started",[10,15,20,25],{"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",{"title":26,"path":27,"stem":28,"icon":29},"Why vccs","\u002Fgetting-started\u002Fwhy-vccs","1.getting-started\u002F4.why-vccs","i-lucide-scale",false,{"title":32,"icon":33,"path":34,"stem":35,"children":36,"page":30},"Guides","i-lucide-book-open","\u002Fguides","2.guides",[37,42,47,52,57,62,67,72,77,82,87,92,97,102,107,112],{"title":38,"path":39,"stem":40,"icon":41},"Customize","\u002Fguides\u002Fcustomize","2.guides\u002F01.customize","i-lucide-paintbrush",{"title":43,"path":44,"stem":45,"icon":46},"Axis Domain and Ticks","\u002Fguides\u002Faxis-domain-and-ticks","2.guides\u002F03.axis-domain-and-ticks","i-lucide-ruler",{"title":48,"path":49,"stem":50,"icon":51},"Chart Size","\u002Fguides\u002Fchart-size","2.guides\u002F05.chart-size","i-lucide-maximize",{"title":53,"path":54,"stem":55,"icon":56},"Z-Order and Layers","\u002Fguides\u002Fz-order-and-layers","2.guides\u002F06.z-order-and-layers","i-lucide-layers",{"title":58,"path":59,"stem":60,"icon":61},"Coordinate Systems","\u002Fguides\u002Fcoordinate-systems","2.guides\u002F07.coordinate-systems","i-lucide-crosshair",{"title":63,"path":64,"stem":65,"icon":66},"Performance","\u002Fguides\u002Fperformance","2.guides\u002F08.performance","i-lucide-zap",{"title":68,"path":69,"stem":70,"icon":71},"Rounded Bar Corners","\u002Fguides\u002Frounded-bar-corners","2.guides\u002F09.rounded-bar-corners","i-lucide-square",{"title":73,"path":74,"stem":75,"icon":76},"Bar Alignment","\u002Fguides\u002Fbar-alignment","2.guides\u002F10.bar-alignment","i-lucide-align-center",{"title":78,"path":79,"stem":80,"icon":81},"Nuxt and SSR","\u002Fguides\u002Fnuxt-and-ssr","2.guides\u002F11.nuxt-and-ssr","i-lucide-server",{"title":83,"path":84,"stem":85,"icon":86},"Animation","\u002Fguides\u002Fanimation","2.guides\u002F12.animation","i-lucide-sparkles",{"title":88,"path":89,"stem":90,"icon":91},"Events and v-model","\u002Fguides\u002Fevents-and-models","2.guides\u002F13.events-and-models","i-lucide-mouse-pointer-click",{"title":93,"path":94,"stem":95,"icon":96},"TypeScript","\u002Fguides\u002Ftypescript","2.guides\u002F14.typescript","i-lucide-file-code",{"title":98,"path":99,"stem":100,"icon":101},"Theming and dark mode","\u002Fguides\u002Ftheming","2.guides\u002F15.theming","i-lucide-palette",{"title":103,"path":104,"stem":105,"icon":106},"shadcn-vue","\u002Fguides\u002Fshadcn-vue","2.guides\u002F16.shadcn-vue","i-lucide-component",{"title":108,"path":109,"stem":110,"icon":111},"Dashboard recipes","\u002Fguides\u002Fdashboard-recipes","2.guides\u002F17.dashboard-recipes","i-lucide-layout-dashboard",{"title":113,"path":114,"stem":115,"icon":116},"Accessibility","\u002Fguides\u002Faccessibility","2.guides\u002F18.accessibility","i-lucide-accessibility",{"title":118,"icon":119,"path":120,"stem":121,"children":122,"page":30},"Charts","i-lucide-bar-chart-3","\u002Fcharts","3.charts",[123,128,133,138,143,148,153,158,163,168,172,177,182,187,192,197,202,206,211],{"title":124,"path":125,"stem":126,"icon":127},"Chart Containers","\u002Fcharts\u002Fchart-containers","3.charts\u002F0.chart-containers","i-lucide-box",{"title":129,"path":130,"stem":131,"icon":132},"Area Chart","\u002Fcharts\u002Farea-chart","3.charts\u002F01.area-chart","i-lucide-area-chart",{"title":134,"path":135,"stem":136,"icon":137},"Bar Chart","\u002Fcharts\u002Fbar-chart","3.charts\u002F02.bar-chart","i-lucide-bar-chart",{"title":139,"path":140,"stem":141,"icon":142},"Line Chart","\u002Fcharts\u002Fline-chart","3.charts\u002F03.line-chart","i-lucide-trending-up",{"title":144,"path":145,"stem":146,"icon":147},"Pie Chart","\u002Fcharts\u002Fpie-chart","3.charts\u002F04.pie-chart","i-lucide-pie-chart",{"title":149,"path":150,"stem":151,"icon":152},"Radar Chart","\u002Fcharts\u002Fradar-chart","3.charts\u002F05.radar-chart","i-lucide-radar",{"title":154,"path":155,"stem":156,"icon":157},"Radial Bar Chart","\u002Fcharts\u002Fradial-bar-chart","3.charts\u002F06.radial-bar-chart","i-lucide-circle-dot",{"title":159,"path":160,"stem":161,"icon":162},"Scatter Chart","\u002Fcharts\u002Fscatter-chart","3.charts\u002F07.scatter-chart","i-lucide-scatter-chart",{"title":164,"path":165,"stem":166,"icon":167},"Funnel Chart","\u002Fcharts\u002Ffunnel-chart","3.charts\u002F08.funnel-chart","i-lucide-filter",{"title":169,"path":170,"stem":171,"icon":56},"Composed Chart","\u002Fcharts\u002Fcomposed-chart","3.charts\u002F09.composed-chart",{"title":173,"path":174,"stem":175,"icon":176},"Treemap","\u002Fcharts\u002Ftreemap","3.charts\u002F10.treemap","i-lucide-layout-grid",{"title":178,"path":179,"stem":180,"icon":181},"Sunburst Chart","\u002Fcharts\u002Fsunburst-chart","3.charts\u002F11.sunburst-chart","i-lucide-sun",{"title":183,"path":184,"stem":185,"icon":186},"Sankey","\u002Fcharts\u002Fsankey","3.charts\u002F12.sankey","i-lucide-git-fork",{"title":188,"path":189,"stem":190,"icon":191},"Tracker","\u002Fcharts\u002Ftracker","3.charts\u002F13.tracker","i-lucide-activity",{"title":193,"path":194,"stem":195,"icon":196},"Calendar Heatmap","\u002Fcharts\u002Fcalendar-heatmap","3.charts\u002F14.calendar-heatmap","i-lucide-calendar-days",{"title":198,"path":199,"stem":200,"icon":201},"Heatmap and CohortChart","\u002Fcharts\u002Fheatmap","3.charts\u002F15.heatmap","i-lucide-grid-3x3",{"title":203,"path":204,"stem":205,"icon":142},"Sparkline","\u002Fcharts\u002Fsparkline","3.charts\u002F16.sparkline",{"title":207,"path":208,"stem":209,"icon":210},"Bar List","\u002Fcharts\u002Fbar-list","3.charts\u002F17.bar-list","i-lucide-list-ordered",{"title":212,"path":213,"stem":214,"icon":215},"Journey Sankey","\u002Fcharts\u002Fjourney-sankey","3.charts\u002F18.journey-sankey","i-lucide-split",{"title":217,"icon":218,"path":219,"stem":220,"children":221,"page":30},"Components","i-lucide-code","\u002Fcomponents","4.components",[222,227,232,236,241,245,250,254,259,264,269,274,279],{"title":223,"path":224,"stem":225,"icon":226},"Tooltip","\u002Fcomponents\u002Ftooltip","4.components\u002F01.tooltip","i-lucide-message-square",{"title":228,"path":229,"stem":230,"icon":231},"Legend","\u002Fcomponents\u002Flegend","4.components\u002F02.legend","i-lucide-list",{"title":233,"path":234,"stem":235,"icon":201},"CartesianGrid","\u002Fcomponents\u002Fcartesian-grid","4.components\u002F03.cartesian-grid",{"title":237,"path":238,"stem":239,"icon":240},"Axes","\u002Fcomponents\u002Faxis","4.components\u002F04.axis","i-lucide-move",{"title":242,"path":243,"stem":244,"icon":152},"Polar Axes and Grid","\u002Fcomponents\u002Fpolar-axes","4.components\u002F05.polar-axes",{"title":246,"path":247,"stem":248,"icon":249},"Brush","\u002Fcomponents\u002Fbrush","4.components\u002F06.brush","i-lucide-sliders-horizontal",{"title":251,"path":252,"stem":253,"icon":61},"Reference Elements","\u002Fcomponents\u002Freference-elements","4.components\u002F07.reference-elements",{"title":255,"path":256,"stem":257,"icon":258},"ErrorBar","\u002Fcomponents\u002Ferror-bar","4.components\u002F08.error-bar","i-lucide-chevrons-up-down",{"title":260,"path":261,"stem":262,"icon":263},"Labels and Cell","\u002Fcomponents\u002Flabels","4.components\u002F09.labels","i-lucide-tag",{"title":265,"path":266,"stem":267,"icon":268},"Text","\u002Fcomponents\u002Ftext","4.components\u002F10.text","i-lucide-type",{"title":270,"path":271,"stem":272,"icon":273},"Shapes","\u002Fcomponents\u002Fshapes","4.components\u002F11.shapes","i-lucide-shapes",{"title":275,"path":276,"stem":277,"icon":278},"Composables","\u002Fcomponents\u002Fcomposables","4.components\u002F12.composables","i-lucide-function-square",{"title":280,"path":281,"stem":282,"icon":283},"Custom overlays","\u002Fcomponents\u002Fcustom-overlays","4.components\u002F13.custom-overlays","i-lucide-pencil-ruler",{"id":285,"title":98,"body":286,"description":1011,"extension":1012,"links":1013,"meta":1014,"navigation":1015,"path":99,"seo":1016,"stem":100,"__hash__":1017},"docs\u002F2.guides\u002F15.theming.md",{"type":287,"value":288,"toc":1005},"minimark",[289,293,407,412,415,486,489,506,509,555,559,944,955,959,977,981,1001],[290,291,292],"p",{},"Every default color in vccs comes from a CSS variable with a fallback. Set the variables on any parent element, and charts follow your theme, including dark mode, without overriding SVG attributes.",[294,295,300],"pre",{"className":296,"code":297,"language":298,"meta":299,"style":299},"language-css shiki shiki-themes material-theme-lighter material-theme material-theme-palenight",".dashboard {\n  --v-charts-grid: #e4e4e7;\n  --v-charts-text: #71717a;\n}\n.dark .dashboard {\n  --v-charts-grid: #27272a;\n  --v-charts-text: #a1a1aa;\n}\n","css","",[301,302,303,319,338,353,359,374,388,402],"code",{"__ignoreMap":299},[304,305,308,312,316],"span",{"class":306,"line":307},"line",1,[304,309,311],{"class":310},"sMK4o",".",[304,313,315],{"class":314},"sBMFI","dashboard",[304,317,318],{"class":310}," {\n",[304,320,322,326,329,332,335],{"class":306,"line":321},2,[304,323,325],{"class":324},"sTEyZ","  --v-charts-grid",[304,327,328],{"class":310},":",[304,330,331],{"class":310}," #",[304,333,334],{"class":324},"e4e4e7",[304,336,337],{"class":310},";\n",[304,339,341,344,346,348,351],{"class":306,"line":340},3,[304,342,343],{"class":324},"  --v-charts-text",[304,345,328],{"class":310},[304,347,331],{"class":310},[304,349,350],{"class":324},"71717a",[304,352,337],{"class":310},[304,354,356],{"class":306,"line":355},4,[304,357,358],{"class":310},"}\n",[304,360,362,364,367,370,372],{"class":306,"line":361},5,[304,363,311],{"class":310},[304,365,366],{"class":314},"dark",[304,368,369],{"class":310}," .",[304,371,315],{"class":314},[304,373,318],{"class":310},[304,375,377,379,381,383,386],{"class":306,"line":376},6,[304,378,325],{"class":324},[304,380,328],{"class":310},[304,382,331],{"class":310},[304,384,385],{"class":324},"27272a",[304,387,337],{"class":310},[304,389,391,393,395,397,400],{"class":306,"line":390},7,[304,392,343],{"class":324},[304,394,328],{"class":310},[304,396,331],{"class":310},[304,398,399],{"class":324},"a1a1aa",[304,401,337],{"class":310},[304,403,405],{"class":306,"line":404},8,[304,406,358],{"class":310},[408,409,411],"h2",{"id":410},"series-colors","Series colors",[290,413,414],{},"A series without its own color takes the next palette color. Map the palette to your design\nsystem once, for example to the shadcn-vue chart colors:",[294,416,418],{"className":296,"code":417,"language":298,"meta":299,"style":299},":root {\n  --v-charts-series-1: var(--chart-1);\n  --v-charts-series-2: var(--chart-2);\n  --v-charts-series-3: var(--chart-3);\n}\n",[301,419,420,430,450,466,482],{"__ignoreMap":299},[304,421,422,424,428],{"class":306,"line":307},[304,423,328],{"class":310},[304,425,427],{"class":426},"spNyl","root",[304,429,318],{"class":310},[304,431,432,435,437,441,444,447],{"class":306,"line":321},[304,433,434],{"class":324},"  --v-charts-series-1",[304,436,328],{"class":310},[304,438,440],{"class":439},"s2Zo4"," var",[304,442,443],{"class":310},"(",[304,445,446],{"class":324},"--chart-1",[304,448,449],{"class":310},");\n",[304,451,452,455,457,459,461,464],{"class":306,"line":340},[304,453,454],{"class":324},"  --v-charts-series-2",[304,456,328],{"class":310},[304,458,440],{"class":439},[304,460,443],{"class":310},[304,462,463],{"class":324},"--chart-2",[304,465,449],{"class":310},[304,467,468,471,473,475,477,480],{"class":306,"line":355},[304,469,470],{"class":324},"  --v-charts-series-3",[304,472,328],{"class":310},[304,474,440],{"class":439},[304,476,443],{"class":310},[304,478,479],{"class":324},"--chart-3",[304,481,449],{"class":310},[304,483,484],{"class":306,"line":361},[304,485,358],{"class":310},[290,487,488],{},"How the palette is assigned:",[490,491,492,496,499],"ul",{},[493,494,495],"li",{},"Series charts (Area, Bar, Line, Scatter, Radar) count series in the order they register. A\nseries with an explicit color still takes its place in the count.",[493,497,498],{},"Pie, Funnel and RadialBar count entries. Treemap counts top-level groups; Sunburst children\ninherit the color of their top-level branch.",[493,500,501,502,505],{},"After eight colors the palette repeats. Set ",[301,503,504],{},"--v-charts-series"," alone to give every series the\nsame color.",[290,507,508],{},"Explicit color props accept variables too:",[294,510,514],{"className":511,"code":512,"language":513,"meta":299,"style":299},"language-vue shiki shiki-themes material-theme-lighter material-theme material-theme-palenight","\u003CBar data-key=\"desktop\" fill=\"var(--chart-1)\" \u002F>\n","vue",[301,515,516],{"__ignoreMap":299},[304,517,518,521,525,528,531,534,538,540,543,545,547,550,552],{"class":306,"line":307},[304,519,520],{"class":310},"\u003C",[304,522,524],{"class":523},"swJcz","Bar",[304,526,527],{"class":426}," data-key",[304,529,530],{"class":310},"=",[304,532,533],{"class":310},"\"",[304,535,537],{"class":536},"sfazB","desktop",[304,539,533],{"class":310},[304,541,542],{"class":426}," fill",[304,544,530],{"class":310},[304,546,533],{"class":310},[304,548,549],{"class":536},"var(--chart-1)",[304,551,533],{"class":310},[304,553,554],{"class":310}," \u002F>\n",[408,556,558],{"id":557},"tokens","Tokens",[560,561,562,578],"table",{},[563,564,565],"thead",{},[566,567,568,572,575],"tr",{},[569,570,571],"th",{},"Token",[569,573,574],{},"Used for",[569,576,577],{},"Fallback",[579,580,581,597,612,631,645,673,688,703,717,732,747,762,777,792,807,822,855,870,885,899,913,929],"tbody",{},[566,582,583,589,592],{},[584,585,586],"td",{},[301,587,588],{},"--v-charts-grid",[584,590,591],{},"grid lines, polar grid, reference lines and areas",[584,593,594],{},[301,595,596],{},"#ccc",[566,598,599,604,607],{},[584,600,601],{},[301,602,603],{},"--v-charts-axis",[584,605,606],{},"axis lines, tick lines, brush and error-bar strokes",[584,608,609],{},[301,610,611],{},"#666",[566,613,614,619,622],{},[584,615,616],{},[301,617,618],{},"--v-charts-text",[584,620,621],{},"tick labels and text",[584,623,624,626,627,630],{},[301,625,611],{}," (ticks), ",[301,628,629],{},"#808080"," (Text)",[566,632,633,638,641],{},[584,634,635],{},[301,636,637],{},"--v-charts-cursor",[584,639,640],{},"tooltip cursor line and band",[584,642,643],{},[301,644,596],{},[566,646,647,652,655],{},[584,648,649],{},[301,650,651],{},"--v-charts-muted",[584,653,654],{},"bar and radial bar backgrounds; empty Tracker, calendar, Heatmap and CohortChart cells",[584,656,657,660,661,664,665,668,669,672],{},[301,658,659],{},"#eee"," (backgrounds), ",[301,662,663],{},"#e5e5e5"," (Tracker), ",[301,666,667],{},"#ebedf0"," (calendar), ",[301,670,671],{},"#eef2f7"," (Heatmap, CohortChart)",[566,674,675,680,683],{},[584,676,677],{},[301,678,679],{},"--v-charts-background",[584,681,682],{},"dot fills and separators between sectors and nodes",[584,684,685],{},[301,686,687],{},"#fff",[566,689,690,694,697],{},[584,691,692],{},[301,693,504],{},[584,695,696],{},"fallback for every numbered series token",[584,698,699,702],{},[301,700,701],{},"#2563eb"," for series 1",[566,704,705,710,713],{},[584,706,707],{},[301,708,709],{},"--v-charts-series-1",[584,711,712],{},"palette color 1",[584,714,715],{},[301,716,701],{},[566,718,719,724,727],{},[584,720,721],{},[301,722,723],{},"--v-charts-series-2",[584,725,726],{},"palette color 2",[584,728,729],{},[301,730,731],{},"#f97316",[566,733,734,739,742],{},[584,735,736],{},[301,737,738],{},"--v-charts-series-3",[584,740,741],{},"palette color 3",[584,743,744],{},[301,745,746],{},"#14b8a6",[566,748,749,754,757],{},[584,750,751],{},[301,752,753],{},"--v-charts-series-4",[584,755,756],{},"palette color 4",[584,758,759],{},[301,760,761],{},"#a855f7",[566,763,764,769,772],{},[584,765,766],{},[301,767,768],{},"--v-charts-series-5",[584,770,771],{},"palette color 5",[584,773,774],{},[301,775,776],{},"#f59e0b",[566,778,779,784,787],{},[584,780,781],{},[301,782,783],{},"--v-charts-series-6",[584,785,786],{},"palette color 6",[584,788,789],{},[301,790,791],{},"#ec4899",[566,793,794,799,802],{},[584,795,796],{},[301,797,798],{},"--v-charts-series-7",[584,800,801],{},"palette color 7",[584,803,804],{},[301,805,806],{},"#06b6d4",[566,808,809,814,817],{},[584,810,811],{},[301,812,813],{},"--v-charts-series-8",[584,815,816],{},"palette color 8",[584,818,819],{},[301,820,821],{},"#84cc16",[566,823,824,839,842],{},[584,825,826,829,830,829,833,829,836],{},[301,827,828],{},"--v-charts-status-up",", ",[301,831,832],{},"-degraded",[301,834,835],{},"-down",[301,837,838],{},"-maintenance",[584,840,841],{},"Tracker status colors",[584,843,844,829,847,829,849,829,852],{},[301,845,846],{},"#22c55e",[301,848,776],{},[301,850,851],{},"#ef4444",[301,853,854],{},"#3b82f6",[566,856,857,862,865],{},[584,858,859],{},[301,860,861],{},"--v-charts-inactive",[584,863,864],{},"hidden legend items",[584,866,867],{},[301,868,869],{},"#a3a3a3",[566,871,872,877,880],{},[584,873,874],{},[301,875,876],{},"--v-charts-focus",[584,878,879],{},"keyboard focus outline",[584,881,882],{},[301,883,884],{},"Highlight",[566,886,887,892,895],{},[584,888,889],{},[301,890,891],{},"--v-charts-tooltip-background",[584,893,894],{},"default tooltip background",[584,896,897],{},[301,898,687],{},[566,900,901,906,909],{},[584,902,903],{},[301,904,905],{},"--v-charts-tooltip-border",[584,907,908],{},"default tooltip border",[584,910,911],{},[301,912,596],{},[566,914,915,920,923],{},[584,916,917],{},[301,918,919],{},"--v-charts-label-foreground",[584,921,922],{},"text on filled cells and Treemap nodes",[584,924,925,926],{},"automatic black\u002Fwhite for known opaque fills; otherwise ",[301,927,928],{},"currentColor",[566,930,931,936,939],{},[584,932,933],{},[301,934,935],{},"--v-charts-tooltip-foreground",[584,937,938],{},"default tooltip text",[584,940,941],{},[301,942,943],{},"#000",[290,945,946,947,950,951,954],{},"Numbered tokens resolve as ",[301,948,949],{},"var(--v-charts-series-N, var(--v-charts-series, palette-color))",".\nSingle-color charts use series 1. ",[301,952,953],{},"chartThemeTokens"," exports the token names.",[408,956,958],{"id":957},"class-names","Class names",[290,960,961,962,965,966,829,969,972,973,976],{},"Every rendered part has a stable class with the ",[301,963,964],{},"v-charts-"," prefix, for example ",[301,967,968],{},".v-charts-bar-rectangle",[301,970,971],{},".v-charts-cartesian-axis-tick-value"," or ",[301,974,975],{},".v-charts-tooltip-wrapper",". Use them for anything the tokens do not cover.",[408,978,980],{"id":979},"text-on-fills","Text on fills",[290,982,983,984,986,987,990,991,994,995,997,998,1000],{},"Default Treemap palette labels use a contrasting foreground for the palette color.\nWhen overriding series tokens, set ",[301,985,919],{}," against your fill.\nKnown opaque colors use whichever of ",[301,988,989],{},"#ffffff"," and ",[301,992,993],{},"#0a0a0a"," has higher contrast.\nFor CSS variables, color mixes and translucent fills, set ",[301,996,919],{},"\non the chart or a cell's parent. Choose it against the resolved, composited fill in\nboth themes. A variable's fallback does not establish its actual color.\nThe override also takes precedence over the automatic choice for opaque fills.\nTooltip text uses ",[301,999,935],{},"; series colors appear as swatches.\nBarList text inherits your page color, with the bar color limited to an 18% tint.",[1002,1003,1004],"style",{},"html pre.shiki code .sMK4o, html code.shiki .sMK4o{--shiki-light:#39ADB5;--shiki-default:#89DDFF;--shiki-dark:#89DDFF}html pre.shiki code .sBMFI, html code.shiki .sBMFI{--shiki-light:#E2931D;--shiki-default:#FFCB6B;--shiki-dark:#FFCB6B}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 .spNyl, html code.shiki .spNyl{--shiki-light:#9C3EDA;--shiki-default:#C792EA;--shiki-dark:#C792EA}html pre.shiki code .s2Zo4, html code.shiki .s2Zo4{--shiki-light:#6182B8;--shiki-default:#82AAFF;--shiki-dark:#82AAFF}html pre.shiki code .swJcz, html code.shiki .swJcz{--shiki-light:#E53935;--shiki-default:#F07178;--shiki-dark:#F07178}html pre.shiki code .sfazB, html code.shiki .sfazB{--shiki-light:#91B859;--shiki-default:#C3E88D;--shiki-dark:#C3E88D}",{"title":299,"searchDepth":321,"depth":321,"links":1006},[1007,1008,1009,1010],{"id":410,"depth":321,"text":411},{"id":557,"depth":321,"text":558},{"id":957,"depth":321,"text":958},{"id":979,"depth":321,"text":980},"Style every chart through CSS variables","md",null,{},{"icon":101},{"title":98,"description":1011},"ijfiNEtz_4iNa26njIBzkNcdiwKLYORG1vTrGqT83nE",[1019,1021],{"title":93,"path":94,"stem":95,"description":1020,"icon":96,"children":-1},"Typed slots, events and row-typed data keys",{"title":103,"path":104,"stem":105,"description":1022,"icon":106,"children":-1},"Use vccs with shadcn-vue's chart components",1793527167118]