[{"data":1,"prerenderedAt":1018},["ShallowReactive",2],{"navigation_docs":3,"-guides-theming":279,"-guides-theming-surround":1013},[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":93,"body":281,"description":1006,"extension":1007,"links":1008,"meta":1009,"navigation":1010,"path":94,"seo":1011,"stem":95,"__hash__":1012},"docs\u002F2.guides\u002F15.theming.md",{"type":282,"value":283,"toc":1000},"minimark",[284,288,402,407,410,481,484,501,504,550,554,939,950,954,972,976,996],[285,286,287],"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.",[289,290,295],"pre",{"className":291,"code":292,"language":293,"meta":294,"style":294},"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","",[296,297,298,314,333,348,354,369,383,397],"code",{"__ignoreMap":294},[299,300,303,307,311],"span",{"class":301,"line":302},"line",1,[299,304,306],{"class":305},"sMK4o",".",[299,308,310],{"class":309},"sBMFI","dashboard",[299,312,313],{"class":305}," {\n",[299,315,317,321,324,327,330],{"class":301,"line":316},2,[299,318,320],{"class":319},"sTEyZ","  --v-charts-grid",[299,322,323],{"class":305},":",[299,325,326],{"class":305}," #",[299,328,329],{"class":319},"e4e4e7",[299,331,332],{"class":305},";\n",[299,334,336,339,341,343,346],{"class":301,"line":335},3,[299,337,338],{"class":319},"  --v-charts-text",[299,340,323],{"class":305},[299,342,326],{"class":305},[299,344,345],{"class":319},"71717a",[299,347,332],{"class":305},[299,349,351],{"class":301,"line":350},4,[299,352,353],{"class":305},"}\n",[299,355,357,359,362,365,367],{"class":301,"line":356},5,[299,358,306],{"class":305},[299,360,361],{"class":309},"dark",[299,363,364],{"class":305}," .",[299,366,310],{"class":309},[299,368,313],{"class":305},[299,370,372,374,376,378,381],{"class":301,"line":371},6,[299,373,320],{"class":319},[299,375,323],{"class":305},[299,377,326],{"class":305},[299,379,380],{"class":319},"27272a",[299,382,332],{"class":305},[299,384,386,388,390,392,395],{"class":301,"line":385},7,[299,387,338],{"class":319},[299,389,323],{"class":305},[299,391,326],{"class":305},[299,393,394],{"class":319},"a1a1aa",[299,396,332],{"class":305},[299,398,400],{"class":301,"line":399},8,[299,401,353],{"class":305},[403,404,406],"h2",{"id":405},"series-colors","Series colors",[285,408,409],{},"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:",[289,411,413],{"className":291,"code":412,"language":293,"meta":294,"style":294},":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",[296,414,415,425,445,461,477],{"__ignoreMap":294},[299,416,417,419,423],{"class":301,"line":302},[299,418,323],{"class":305},[299,420,422],{"class":421},"spNyl","root",[299,424,313],{"class":305},[299,426,427,430,432,436,439,442],{"class":301,"line":316},[299,428,429],{"class":319},"  --v-charts-series-1",[299,431,323],{"class":305},[299,433,435],{"class":434},"s2Zo4"," var",[299,437,438],{"class":305},"(",[299,440,441],{"class":319},"--chart-1",[299,443,444],{"class":305},");\n",[299,446,447,450,452,454,456,459],{"class":301,"line":335},[299,448,449],{"class":319},"  --v-charts-series-2",[299,451,323],{"class":305},[299,453,435],{"class":434},[299,455,438],{"class":305},[299,457,458],{"class":319},"--chart-2",[299,460,444],{"class":305},[299,462,463,466,468,470,472,475],{"class":301,"line":350},[299,464,465],{"class":319},"  --v-charts-series-3",[299,467,323],{"class":305},[299,469,435],{"class":434},[299,471,438],{"class":305},[299,473,474],{"class":319},"--chart-3",[299,476,444],{"class":305},[299,478,479],{"class":301,"line":356},[299,480,353],{"class":305},[285,482,483],{},"How the palette is assigned:",[485,486,487,491,494],"ul",{},[488,489,490],"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.",[488,492,493],{},"Pie, Funnel and RadialBar count entries. Treemap counts top-level groups; Sunburst children\ninherit the color of their top-level branch.",[488,495,496,497,500],{},"After eight colors the palette repeats. Set ",[296,498,499],{},"--v-charts-series"," alone to give every series the\nsame color.",[285,502,503],{},"Explicit color props accept variables too:",[289,505,509],{"className":506,"code":507,"language":508,"meta":294,"style":294},"language-vue shiki shiki-themes material-theme-lighter material-theme material-theme-palenight","\u003CBar data-key=\"desktop\" fill=\"var(--chart-1)\" \u002F>\n","vue",[296,510,511],{"__ignoreMap":294},[299,512,513,516,520,523,526,529,533,535,538,540,542,545,547],{"class":301,"line":302},[299,514,515],{"class":305},"\u003C",[299,517,519],{"class":518},"swJcz","Bar",[299,521,522],{"class":421}," data-key",[299,524,525],{"class":305},"=",[299,527,528],{"class":305},"\"",[299,530,532],{"class":531},"sfazB","desktop",[299,534,528],{"class":305},[299,536,537],{"class":421}," fill",[299,539,525],{"class":305},[299,541,528],{"class":305},[299,543,544],{"class":531},"var(--chart-1)",[299,546,528],{"class":305},[299,548,549],{"class":305}," \u002F>\n",[403,551,553],{"id":552},"tokens","Tokens",[555,556,557,573],"table",{},[558,559,560],"thead",{},[561,562,563,567,570],"tr",{},[564,565,566],"th",{},"Token",[564,568,569],{},"Used for",[564,571,572],{},"Fallback",[574,575,576,592,607,626,640,668,683,698,712,727,742,757,772,787,802,817,850,865,880,894,908,924],"tbody",{},[561,577,578,584,587],{},[579,580,581],"td",{},[296,582,583],{},"--v-charts-grid",[579,585,586],{},"grid lines, polar grid, reference lines and areas",[579,588,589],{},[296,590,591],{},"#ccc",[561,593,594,599,602],{},[579,595,596],{},[296,597,598],{},"--v-charts-axis",[579,600,601],{},"axis lines, tick lines, brush and error-bar strokes",[579,603,604],{},[296,605,606],{},"#666",[561,608,609,614,617],{},[579,610,611],{},[296,612,613],{},"--v-charts-text",[579,615,616],{},"tick labels and text",[579,618,619,621,622,625],{},[296,620,606],{}," (ticks), ",[296,623,624],{},"#808080"," (Text)",[561,627,628,633,636],{},[579,629,630],{},[296,631,632],{},"--v-charts-cursor",[579,634,635],{},"tooltip cursor line and band",[579,637,638],{},[296,639,591],{},[561,641,642,647,650],{},[579,643,644],{},[296,645,646],{},"--v-charts-muted",[579,648,649],{},"bar and radial bar backgrounds; empty Tracker, calendar, Heatmap and CohortChart cells",[579,651,652,655,656,659,660,663,664,667],{},[296,653,654],{},"#eee"," (backgrounds), ",[296,657,658],{},"#e5e5e5"," (Tracker), ",[296,661,662],{},"#ebedf0"," (calendar), ",[296,665,666],{},"#eef2f7"," (Heatmap, CohortChart)",[561,669,670,675,678],{},[579,671,672],{},[296,673,674],{},"--v-charts-background",[579,676,677],{},"dot fills and separators between sectors and nodes",[579,679,680],{},[296,681,682],{},"#fff",[561,684,685,689,692],{},[579,686,687],{},[296,688,499],{},[579,690,691],{},"fallback for every numbered series token",[579,693,694,697],{},[296,695,696],{},"#2563eb"," for series 1",[561,699,700,705,708],{},[579,701,702],{},[296,703,704],{},"--v-charts-series-1",[579,706,707],{},"palette color 1",[579,709,710],{},[296,711,696],{},[561,713,714,719,722],{},[579,715,716],{},[296,717,718],{},"--v-charts-series-2",[579,720,721],{},"palette color 2",[579,723,724],{},[296,725,726],{},"#f97316",[561,728,729,734,737],{},[579,730,731],{},[296,732,733],{},"--v-charts-series-3",[579,735,736],{},"palette color 3",[579,738,739],{},[296,740,741],{},"#14b8a6",[561,743,744,749,752],{},[579,745,746],{},[296,747,748],{},"--v-charts-series-4",[579,750,751],{},"palette color 4",[579,753,754],{},[296,755,756],{},"#a855f7",[561,758,759,764,767],{},[579,760,761],{},[296,762,763],{},"--v-charts-series-5",[579,765,766],{},"palette color 5",[579,768,769],{},[296,770,771],{},"#f59e0b",[561,773,774,779,782],{},[579,775,776],{},[296,777,778],{},"--v-charts-series-6",[579,780,781],{},"palette color 6",[579,783,784],{},[296,785,786],{},"#ec4899",[561,788,789,794,797],{},[579,790,791],{},[296,792,793],{},"--v-charts-series-7",[579,795,796],{},"palette color 7",[579,798,799],{},[296,800,801],{},"#06b6d4",[561,803,804,809,812],{},[579,805,806],{},[296,807,808],{},"--v-charts-series-8",[579,810,811],{},"palette color 8",[579,813,814],{},[296,815,816],{},"#84cc16",[561,818,819,834,837],{},[579,820,821,824,825,824,828,824,831],{},[296,822,823],{},"--v-charts-status-up",", ",[296,826,827],{},"-degraded",[296,829,830],{},"-down",[296,832,833],{},"-maintenance",[579,835,836],{},"Tracker status colors",[579,838,839,824,842,824,844,824,847],{},[296,840,841],{},"#22c55e",[296,843,771],{},[296,845,846],{},"#ef4444",[296,848,849],{},"#3b82f6",[561,851,852,857,860],{},[579,853,854],{},[296,855,856],{},"--v-charts-inactive",[579,858,859],{},"hidden legend items",[579,861,862],{},[296,863,864],{},"#a3a3a3",[561,866,867,872,875],{},[579,868,869],{},[296,870,871],{},"--v-charts-focus",[579,873,874],{},"keyboard focus outline",[579,876,877],{},[296,878,879],{},"Highlight",[561,881,882,887,890],{},[579,883,884],{},[296,885,886],{},"--v-charts-tooltip-background",[579,888,889],{},"default tooltip background",[579,891,892],{},[296,893,682],{},[561,895,896,901,904],{},[579,897,898],{},[296,899,900],{},"--v-charts-tooltip-border",[579,902,903],{},"default tooltip border",[579,905,906],{},[296,907,591],{},[561,909,910,915,918],{},[579,911,912],{},[296,913,914],{},"--v-charts-label-foreground",[579,916,917],{},"text on filled cells and Treemap nodes",[579,919,920,921],{},"automatic black\u002Fwhite for known opaque fills; otherwise ",[296,922,923],{},"currentColor",[561,925,926,931,934],{},[579,927,928],{},[296,929,930],{},"--v-charts-tooltip-foreground",[579,932,933],{},"default tooltip text",[579,935,936],{},[296,937,938],{},"#000",[285,940,941,942,945,946,949],{},"Numbered tokens resolve as ",[296,943,944],{},"var(--v-charts-series-N, var(--v-charts-series, palette-color))",".\nSingle-color charts use series 1. ",[296,947,948],{},"chartThemeTokens"," exports the token names.",[403,951,953],{"id":952},"class-names","Class names",[285,955,956,957,960,961,824,964,967,968,971],{},"Every rendered part has a stable class with the ",[296,958,959],{},"v-charts-"," prefix, for example ",[296,962,963],{},".v-charts-bar-rectangle",[296,965,966],{},".v-charts-cartesian-axis-tick-value"," or ",[296,969,970],{},".v-charts-tooltip-wrapper",". Use them for anything the tokens do not cover.",[403,973,975],{"id":974},"text-on-fills","Text on fills",[285,977,978,979,981,982,985,986,989,990,992,993,995],{},"Default Treemap palette labels use a contrasting foreground for the palette color.\nWhen overriding series tokens, set ",[296,980,914],{}," against your fill.\nKnown opaque colors use whichever of ",[296,983,984],{},"#ffffff"," and ",[296,987,988],{},"#0a0a0a"," has higher contrast.\nFor CSS variables, color mixes and translucent fills, set ",[296,991,914],{},"\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 ",[296,994,930],{},"; series colors appear as swatches.\nBarList text inherits your page color, with the bar color limited to an 18% tint.",[997,998,999],"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":294,"searchDepth":316,"depth":316,"links":1001},[1002,1003,1004,1005],{"id":405,"depth":316,"text":406},{"id":552,"depth":316,"text":553},{"id":952,"depth":316,"text":953},{"id":974,"depth":316,"text":975},"Style every chart through CSS variables","md",null,{},{"icon":96},{"title":93,"description":1006},"ijfiNEtz_4iNa26njIBzkNcdiwKLYORG1vTrGqT83nE",[1014,1016],{"title":88,"path":89,"stem":90,"description":1015,"icon":91,"children":-1},"Typed slots, events and row-typed data keys",{"title":98,"path":99,"stem":100,"description":1017,"icon":101,"children":-1},"Use vccs with shadcn-vue's chart components",1791811111987]