Everything but data is optional. With nothing else you get a line chart in a card, in the document language (Korean if unsupported), following the page theme.
Type and data Option Default What it does type'line' 'line' | 'area' | 'bar' | 'pie' | 'donut' | 'scatter' | 'radar' | 'gauge' | 'pyramid' | 'heatmap' | 'calendar' | 'treemap' | 'funnel' | 'waterfall'data(required) { labels?, series }; see Data format
Option Default What it does eyebrow- Small text above the title (shown in capitals) title- Title; also used in the summary, table caption and file name subtitle- Grey line under the title value- Headline figure; numbers get commas, prefix and unit delta- Change badge: a number is a percent, a string is shown as is deltaUpIsGoodtrue Is a rise good? deltaColors'semantic' 'semantic' (good green, bad red) or 'korea' (up red ▲, down blue ▼)deltaLabel- Text after the badge, e.g. 'vs last month' footnote- Small text under the chart, e.g. 'In millions' description- Read by screen readers before the automatic summary skin'card' 'card' | 'plain' | 'sparkline'
Size Option Default What it does widthparent width Width (px) used when the parent has no width heightper type Plot height (px) or 'auto' (width × aspectRatio) aspectRatio0.5625 Height ÷ width when height is 'auto'
Shape Option Default What it does horizontalfalse Horizontal bars stackedfalse true or 'percent' (100% stacked)smoothfalse Same as curve: 'smooth' curve'straight' 'straight' | 'smooth' | 'step'nulls'gap' 'gap' | 'connect' | 'zero'points'auto' Show points (auto: up to 30) pointShape'circle' 'circle' | 'square' | 'diamond'lastPointtrue for one line Highlight the last point barRadius6 Bar corner radius at the value end (px) barWidth0.82 / 0.78 Share of the band a bar group fills gradienttrue Soft gradient on bars and areas stackTotalsfalse Totals above stacked bars dataLabelsfalse true | 'end': values at bar and line endsotherThreshold0.02 Pie and donut slices below this share fold into "Other" startAngle0 Pie and donut start angle (degrees, 0 = top) donutHole0.62 Donut hole size (0–1) donutLabelthe total Text in the hole; false hides it gauge- { min, max, bands: [{ to, color }], label }pyramid- { percent }: pyramid bars as a share of the whole (Population pyramid )heatmap- { min, max, color, legend, labels, weekStart }: heatmap and calendar color ramp and key (Heatmap )colorBy'series' Treemap: 'series' | 'change' (two hues around a gray zero) treemap- { range }: the change (%) with the strongest color
Option Default What it does xAxis / yAxis- { title, min, max, format, ticks, step, integer, reverse, grid, type, beginAtZero, labels }; see belowy2Axis- The right y axis, only when a series has axis: 'right'; the same options plus unit and prefix legendtop for 2+ series boolean | 'top' | 'bottom' | 'right'tooltiptrue boolean | { format(value, ctx) }
Numbers and dates Option Default What it does numberFormat'korean' in Korean, else 'compact' 'korean' | 'compact' | 'comma' | 'percent' | (v) => stringscale- Divide axis ticks by this (1000000 for millions) unit- Unit after values prefix- Symbol before values decimalsup to 2 Decimals in tooltips and labels dateFormat'auto' Date pattern, e.g. 'MMM D', 'YYYY-MM-DD' timeZoneruntime zone IANA zone for reading and writing dates, e.g. 'Asia/Seoul' (needed for SSR on UTC servers)
Colors and language Option Default What it does colors- Colors in series order palette'default' 'default' | 'korea' | 'mono'negativeColor- Color of bars below zero theme'auto' 'light' | 'dark' | 'auto'languagedocument lang, else ko 'ko' | 'en' | 'ja' | 'zh' (add more with registerLocale)locale- Override some interface strings
Features Option Default What it does animationtrue First-draw animation (off with reduced motion) zoomfalse Zoom and pan downsampleauto above 2,000 Thin line/area points with LTTB to this many; false draws all. CSV and table keep every value progressive5,000개 넘으면 자동 Paint big line/area/scatter charts in steps: placeholder, coarse picture, full detail. A number sets the limit; false paints at once annotations- { x, y, bands }exportingtrue Download button and ⋯ menu tablefalse Show the data table noDataper language Message when there is nothing to draw group- Charts with the same name share the crosshair loadingfalse Loading placeholder
Callbacks and the rest Option Default What it does onClick- (point: ChartPoint) => voidonReady- (chart) => void, once after creationtelemetrytrue Once a day, report the domain and version to 82chart.com (never data); false turns it off framework- Set by the framework wrappers
xAxis · yAxis · y2Axis Option Default What it does title- Axis title min / maxauto Range formatnumberFormat Tick text (same values, or a function; a category axis receives the label) ticksauto Rough tick count (round numbers near it) gridtrue Grid lines typeauto 'category' | 'linear' | 'time'beginAtZerotrue for bars and areas Start at zero labelstrue Draw tick labels integerfalse Whole-number ticks only (counts, people) stepauto Fixed tick step, e.g. 10 reversefalse y axis: small values on top (ranks); horizontal bars: reverse the category order unit / prefix- y2Axis only: unit of the right axis and its series
The right y axis (y2Axis) appears only when a series has axis: 'right'. The caveats are on the combo chart page.