API REFERENCE
Configuration options
sy-chart의 설정을 목적별로 탐색합니다. 기본값과 차트별 지원 타입을 확인하세요.
데이터 · 시리즈
- type
공통 sy-chart가 표시할 차트 종류입니다. 종류마다 데이터 구조와 지원하는 옵션이 다릅니다. 개별 컴포넌트 문서에서 해당 종류의 계약을 먼저 확인하세요.
- typeLoadTimeout
Budget (ms) for the chart type's element to become ready once it is rendered : a lazy chunk that never arrives turns into the load-failed notice (reason
timeout) with a Retry control. 0 or less = no limit. - series
여러 시리즈를 함께 표시합니다. 각 시리즈에 이름, 값, 색과 표시 옵션을 지정합니다. 시리즈의 데이터 구조는 차트 종류별 타입을 따릅니다.
- activeSeriesIndex
HTML attribute 또는 JavaScript 프로퍼티로 설정합니다. 타입: number.
- seriesState
JavaScript 프로퍼티로 전달합니다. 타입: LineChartSeriesStateOptions.
- values
단일 시리즈의 값을 전달합니다. Line의 숫자 배열, Scatter의 좌표 배열 등 선택한 차트 종류에 맞는 타입을 사용합니다. 배열과 객체는 JavaScript 프로퍼티로 할당하세요.
- seriesActiveTrigger
허용값: hover, click, custom. 기본값: undefined.
- seriesName
HTML attribute 또는 JavaScript 프로퍼티로 설정합니다. 타입: string.
- seriesPadding
HTML attribute 또는 JavaScript 프로퍼티로 설정합니다. 타입: number.
- source
the tabular dataset the series read through
encode(a Dataset, a source, or rows); it wins overvalues/series. Namedsourcebecausedatasetis the element's own data-* map. - sourceTransforms
transforms applied to
sourcebefore encoding (filter / sort / regression / boxplot / sample). - encode
which dimensions feed the series (one encode per series); an ordinal x labels the category axis.
- data
차트 종류에 특화된 데이터를 전달합니다. 트리, 노드·링크, OHLC 등 각 차트의 입력 구조를 사용합니다. 이 유니온의 모든 타입이 모든 차트에 적용되는 것은 아닙니다.
- categories
Radar category spoke labels (property).
축 · 좌표
- xAxis
가로축의 종류, 범주, 범위와 표시 형식을 설정합니다. category 축은 categories의 순서를 값 배열의 인덱스와 맞추세요. 여러 축을 받는 경우 축 배열로 전달할 수 있습니다.
- yAxis
세로축의 범위, 눈금, 레이블과 방향을 설정합니다. 비교하는 값의 단위를 맞추고, 막대의 길이를 비교할 때는 0 기준을 고려하세요.
- gridLines
허용값: auto, off. 기본값: undefined.
- xLabelMode
How crowded category-axis labels are decluttered.
'auto'(default) keeps labels horizontal and thins any that would collide.'all'shows everything,'thin'/'rotate'force one strategy,'none'hides the labels. - xLabelRotation
Explicit category-label rotation in degrees (respected as a floor on top of auto-declutter).
- xLabelMaxCount
Hard cap on the number of category-axis labels shown (kept evenly spaced).
- camera3d
Camera and orbit settings shared by the 3D families. Assign objects as properties or JSON attributes.
- orbit3d
JavaScript 프로퍼티로 전달합니다. 타입: Orbit3DOptions|boolean|string.
툴팁 · 상호작용
- hitTolerance
HTML attribute 또는 JavaScript 프로퍼티로 설정합니다. 타입: number.
- markerClickable
HTML attribute 또는 JavaScript 프로퍼티로 설정합니다. 타입: boolean.
- markerActiveTrigger
허용값: hover, click, custom. 기본값: 'hover'.
- tooltip
포인터에 따라 표시할 값, 위치, 내용의 툴팁 설정입니다.
- crosshair
Bare crosshair or {} enables defaults. Object props and JSON attributes override options. Omit/remove the attribute to disable.
- zoom
cartesian zoom (line / area / column / bar / scatter):
'x'|'y'|'xy'|trueenable the drag rectangle + keyboard on the primary axes; an object refinesmode/drag/keyboard/minRangePx/resetButton. Forwarded to the active family element. - brush
brush selection on the cartesian families (forwarded like
zoom). - drawings
the drawing document (a list, an envelope or a JSON string), forwarded to the cartesian families.
- drawingMode
'none' | 'draw' | 'select': the pointer disposition of the cartesian families (draw places
drawingTool). - drawingTool
the tool a draw mode places (default 'segment').
- drawingSpace
the space new drawings are anchored in ('data' | 'pixel'), forwarded to the cartesian families.
- visualMap
a visual map binding (a
sy-visual-mapsnapshot + the data dimension), forwarded to the cartesian family. - allowSelect
HTML attribute 또는 JavaScript 프로퍼티로 설정합니다. 타입: boolean.
- tooltipEnabled
Pie tooltip toggle. Named
tooltipEnabledto avoid the cartesiantooltipShowevent. - tooltipFormat
Pie tooltip HTML formatter (property-only — functions can't be set via attribute).
- enableMouseTracking
Pie mouse-tracking toggle. Mirrors Highcharts plotOptions.pie.enableMouseTracking.
- stickyTracking
Keep hover/tooltip until another slice is entered (Highcharts stickyTracking).
- crosshairSnapDistance
Geo Map: point-center capture distance in CSS pixels when crosshair.snap is enabled.
범례
- legend
Show the legend. Undefined lets each chart use its own default (marimekko/dot-plot default on; the cartesian charts default off).
- legendPosition
범례를 배치할 위치입니다.
- legendItems
JavaScript 프로퍼티로 전달합니다. 타입: LegendItem[].
- legendFloatAlign
허용값: start, center, end. 기본값: 'end'.
- legendFloatVerticalAlign
허용값: top, bottom, middle. 기본값: 'top'.
- legendDraggable
HTML attribute 또는 JavaScript 프로퍼티로 설정합니다. 타입: boolean.
표현 · 스타일
- color
JavaScript 프로퍼티로 전달합니다. 타입: string | ReadonlyArray<string>.
- thickness
HTML attribute 또는 JavaScript 프로퍼티로 설정합니다. 타입: number.
- marker
JavaScript 프로퍼티로 전달합니다. 타입: LineChartMarker | ScatterChartMarkerSymbol | string | ReadonlyArray<string>.
- markerSize
HTML attribute 또는 JavaScript 프로퍼티로 설정합니다. 타입: number.
- markerLineWidth
HTML attribute 또는 JavaScript 프로퍼티로 설정합니다. 타입: number.
- markerFilter
JavaScript 프로퍼티로 전달합니다. 타입: LineChartMarkerFilter.
- lineDash
JavaScript 프로퍼티로 전달합니다. 타입: number[].
- connectNulls
HTML attribute 또는 JavaScript 프로퍼티로 설정합니다. 타입: boolean.
- smooth
허용값: none, monotone, cardinal. 기본값: 'none'.
- smoothTension
HTML attribute 또는 JavaScript 프로퍼티로 설정합니다. 타입: number.
- step
허용값: none, left, right, center. 기본값: 'none'.
- fillColor
HTML attribute 또는 JavaScript 프로퍼티로 설정합니다. 타입: string.
- fillOpacity
HTML attribute 또는 JavaScript 프로퍼티로 설정합니다. 타입: number.
- fillGradient
JavaScript 프로퍼티로 전달합니다. 타입: unknown.
- fillPattern
JavaScript 프로퍼티로 전달합니다. 타입: unknown.
- patternKind
허용값: dots, diagonal, cross-hatch, diagonal-forward, diagonal-backward, fill. 기본값: undefined.
- patternColor
HTML attribute 또는 JavaScript 프로퍼티로 설정합니다. 타입: string.
- patternBackground
HTML attribute 또는 JavaScript 프로퍼티로 설정합니다. 타입: string.
- patternSize
HTML attribute 또는 JavaScript 프로퍼티로 설정합니다. 타입: number.
- patternThickness
HTML attribute 또는 JavaScript 프로퍼티로 설정합니다. 타입: number.
- borderRadius
JavaScript 프로퍼티로 전달합니다. 타입: CartesianSeriesCornerRadiusValue.
- borderScope
허용값: point, stack, outline. 기본값: undefined.
- borderColor
HTML attribute 또는 JavaScript 프로퍼티로 설정합니다. 타입: string.
- borderWidth
HTML attribute 또는 JavaScript 프로퍼티로 설정합니다. 타입: number.
- borderDashStyle
허용값: Solid, Dash, Dot, DashDot, LongDash, LongDashDot. 기본값: undefined.
- inactiveOtherPoints
HTML attribute 또는 JavaScript 프로퍼티로 설정합니다. 타입: boolean.
- inactivePointOpacity
HTML attribute 또는 JavaScript 프로퍼티로 설정합니다. 타입: number.
- palette
허용값: tableau10, tableau20, observable10, paired12, set3_12. 기본값: undefined.
- colors
JavaScript 프로퍼티로 전달합니다. 타입: ReadonlyArray<string>.
- labelsMode
허용값: none, auto, inside, outside. 기본값: undefined.
- labelsContent
허용값: percent, value, name, name-percent, name-value. 기본값: undefined.
- labelsDistance
HTML attribute 또는 JavaScript 프로퍼티로 설정합니다. 타입: number.
- labelsFontSize
HTML attribute 또는 JavaScript 프로퍼티로 설정합니다. 타입: number.
- labelsMinSweep
HTML attribute 또는 JavaScript 프로퍼티로 설정합니다. 타입: number.
- labelsConnector
HTML attribute 또는 JavaScript 프로퍼티로 설정합니다. 타입: boolean.
- inactiveOtherSlices
HTML attribute 또는 JavaScript 프로퍼티로 설정합니다. 타입: boolean.
- inactiveSliceOpacity
HTML attribute 또는 JavaScript 프로퍼티로 설정합니다. 타입: number.
- labelsFontWeight
HTML attribute 또는 JavaScript 프로퍼티로 설정합니다. 타입: number.
- labelsColor
HTML attribute 또는 JavaScript 프로퍼티로 설정합니다. 타입: string.
- labelsConnectorColor
HTML attribute 또는 JavaScript 프로퍼티로 설정합니다. 타입: string.
- labelsConnectorWidth
HTML attribute 또는 JavaScript 프로퍼티로 설정합니다. 타입: number.
- labelsConnectorPadding
HTML attribute 또는 JavaScript 프로퍼티로 설정합니다. 타입: number.
- labelsConnectorShape
허용값: straight, crooked. 기본값: undefined.
- labelsAllowOverlap
HTML attribute 또는 JavaScript 프로퍼티로 설정합니다. 타입: boolean.
- labelColor
Tilemap: in-tile label colour.
- colorAxis
Tilemap: value→colour axis (
true/'auto'/object). Property-only; off by default. - colorLegend
Tilemap: show the colour-axis gradient legend (on while the axis is on).
- fillAlpha
The fill opacity of a bubble (the border stays opaque).
- labelMode
Waterfall (): the value labels' mode — value / running / both (
show-labelsswitches them on);labelFormat(bar)replaces the text. - labelFormat
JavaScript 프로퍼티로 전달합니다. 타입: (bar: unknown) => string.
- markerRadius
Radar vertex marker radius in px.
- labelPlacement
Funnel/pyramid data-label placement.
- inactiveOtherSections
Dim non-active funnel/pyramid sections when a section is active.
- inactiveSectionOpacity
Opacity applied to non-active funnel/pyramid sections.
- markerColor
Lollipop marker fill override (defaults to
color). - colorful
Variwide: colour each column from the categorical palette.
크기 · 제목 · 상태
- width
차트의 너비를 px 단위로 지정합니다. 컨테이너 너비가 변하는 앱에서는 ResizeObserver에서 width를 갱신하세요.
- height
차트의 높이를 px 단위로 지정합니다. 축, 제목과 범례가 차지하는 공간을 함께 고려하세요.
- chartTitle
차트 내부 제목입니다. 데이터의 단위와 의미를 함께 설명하세요.
- chartSubtitle
차트 내부 부제목입니다.
- emptyColor
Heatmap: the colour of an empty cell (default transparent).
- padding
(ledger E2 / E7) — the value-domain padding fraction of the Pro cartesian families (box plot, bubble, candlestick / OHLC, density map, error bar, waterfall: each wrapper defaults to 0.05). Left unset, the wrapper's own default applies; the Community cartesian families size their domains through their axis inputs instead.
- themeRiverAxes
ThemeRiver time and stacked-magnitude axes.
- themeRiverOffset
허용값: silhouette, zero, expand. 기본값: 'silhouette'.
- themeRiverOrder
허용값: input, reverse. 기본값: 'input'.
- themeRiverColors
JavaScript 프로퍼티로 전달합니다. 타입: ReadonlyArray<string>.
- themeRiverOpacity
HTML attribute 또는 JavaScript 프로퍼티로 설정합니다. 타입: number.
- themeRiverHiddenSeries
JavaScript 프로퍼티로 전달합니다. 타입: ReadonlyArray<ThemeRiverId>.
- errorColor
Error bar: the whisker + cap colour; bar mode (a column from zero); the caps' switch.
- loading
Loading overlay ().
- loadingText
Loading overlay text override; falls back to the locale string.
- emptyText
Empty-state text override; falls back to the locale string ().
- showEmpty
Auto empty state when no finite data point exists. Default
true. - error
Error state ().
trueuses the locale default; a string is the message. - errorText
Error body text override (used when
erroris booleantrue). - theme
차트의 색과 타이포그래피에 사용할 테마입니다. 이름 또는 지원하는 테마 객체를 전달합니다. 페이지의 테마와 차트 테마는 별개이므로 앱에서 함께 갱신하세요.
- locale
Locale name (
en|ko|ja|zh) or a partial override object ().
애니메이션 · 엔진
- engine
auto·standard·pro 렌더러 선택입니다. 엔진 선택은 차트 종류의 Pro 사용 권한과 별개입니다.
- proThreshold
HTML attribute 또는 JavaScript 프로퍼티로 설정합니다. 타입: number.
- unavailable
허용값: fallback, error. 기본값: 'fallback'.
- streamSource
실시간 데이터를 전달하는 스트림 소스입니다. 해당 타입의 계약을 확인하세요.
- streamWindow
화면에 유지할 스트리밍 데이터 구간입니다.
- streamMax
보관할 스트리밍 데이터의 최대 수입니다.
- frameBudget
milliseconds a drawn frame may take before the next scheduled frame is skipped (line family; 0 disables skipping).
- streamWindowMs
an absolute stream window: only points appended within the last N ms are visible, sliding every frame (line family; overrides
stream-window). - streamTimestamps
the line family's ring stamps its points (
on, the default — an absolutestream-window-msneeds them) unlessoffopts out (8 MB less at a 1M capacity for charts that only use a count window). - animated
초기 표시와 데이터 변경의 애니메이션 사용 여부입니다.
- animationDuration
애니메이션 지속 시간(ms).
- animationEasing
허용값: linear, ease-out, ease-in, ease-in-out. 기본값: 'ease-out'.
- animationType
허용값: initial, update. 기본값: undefined.
- progressive
scatter, Standard engine: paint a heavy frame in chunks (false / 0 = off, true = 5,000 per chunk, a number = points per chunk).
- progressiveThreshold
below this many drawn points the frame paints at once (default 20,000).
- renderPath
Heatmap (): the draw path —
auto/plane/cells.border-radius/border-width/border-colorstyle the cells. - lod
Heatmap (): the plane path's level of detail —
auto/point/area. - areaReduce
Heatmap / spectrogram (): how the area LOD folds the cells a pixel covers —
mean(the heatmap default) ormax(the spectrogram default, peak-hold).
내보내기 · 브랜딩
- brandLogo
기본값은 Syidax 심볼과 워드마크입니다. Pro의 chart.branding 권한으로 none을 지정해 제거하거나 PNG·JPEG·WebP data URL로 교체할 수 있습니다.
- brandPosition
로고를 고정할 코너입니다. Community·Pro 모두 네 코너 중 하나를 선택할 수 있으며 화면과 이미지 내보내기에 같은 위치를 사용합니다.
- contextmenu
Enables the shared right-click context menu on empty chart area. Default
false. - contextMenuItems
기본 이미지·데이터 내보내기 항목 뒤에 사용자 메뉴를 추가합니다. 이 배열이 기본 메뉴를 교체하지는 않습니다. action 콜백을 포함한 객체 배열을 JavaScript 프로퍼티로 전달하세요.
- exportFilename
Base filename (no extension) for exports; falls back to the title or type.
- exportScale
Output pixel scale for PNG export (1–8). Default 2 (retina).
- exportBackground
Backdrop painted behind PNG/SVG exports; falls back to the theme background.
차트별 옵션
- barPadding
HTML attribute 또는 JavaScript 프로퍼티로 설정합니다. 타입: number.
- baseline
Reference value for cartesian charts. Column / bar / area use it as the visual anchor; line uses it as a value-axis reference marker. Always explicit (default
0) so the baseline stays visible regardless oftype. - stacking
허용값: normal, percent. 기본값: undefined.
- innerSize
JavaScript 프로퍼티로 전달합니다. 타입: number | string.
- startAngleProp
Pie/gauge/item start angle; Chord uses degrees with a default of -90 (top).
- endAngleProp
HTML attribute 또는 JavaScript 프로퍼티로 설정합니다. 타입: number.
- centerText
HTML attribute 또는 JavaScript 프로퍼티로 설정합니다. 타입: string.
- centerSubtext
HTML attribute 또는 JavaScript 프로퍼티로 설정합니다. 타입: string.
- slicedOffset
HTML attribute 또는 JavaScript 프로퍼티로 설정합니다. 타입: number.
- activeSliceIndex
HTML attribute 또는 JavaScript 프로퍼티로 설정합니다. 타입: number.
- size
Pie outer diameter. Number = px; '%' = fraction of the smaller plot side.
- centerX
JavaScript 프로퍼티로 전달합니다. 타입: number | string.
- centerY
JavaScript 프로퍼티로 전달합니다. 타입: number | string.
- minSize
HTML attribute 또는 JavaScript 프로퍼티로 설정합니다. 타입: number.
- donutThickness
Donut ring thickness in px. Named
donutThicknessto avoid the cartesianthicknessprop. - symbol
Item dot symbol —
circle(default) /square/diamond; per-datumsymboloverrides. - rows
Item concentric ring count; auto (smallest that fits) when unset.
- itemPadding
Item cell whitespace fraction around each dot, 0..0.9 (Highcharts itemPadding).
- minFontSize
Word cloud: smallest rendered font in px (Highcharts minFontSize).
- maxFontSize
Word cloud: font px of the heaviest word (Highcharts maxFontSize).
- weightScale
Word cloud: weight→fontSize curve —
linear(default) /sqrt/log. - spiral
Word cloud: spiral search pattern —
rectangular(default) /archimedean. - orientations
Word cloud: number of distinct orientations in the rotation cycle (default 2).
- rotationFrom
Word cloud: rotation cycle start in degrees (default 0).
- rotationTo
Word cloud: rotation cycle end in degrees (default 90).
- wordPadding
Word cloud: empty px kept between word boxes (default 2).
- paths
Pictorial: SVG path definitions the icons cycle through per category. Property-only.
- iconPadding
Pictorial: fraction of each band kept as whitespace around its icon, 0..0.9.
- trackOpacity
Pictorial: opacity of the unfilled remainder silhouette (0 hides the track).
- tileShape
Tilemap: tile glyph —
hexagon(default) /square; circle/diamond land . - showLabels
Tilemap: render each tile's label inside the tile when it fits.
- matrix
Heatmap: a dense matrix —
{ columns, rows, values }(row-major) or rows of columns. Property-only. - xCategories
Heatmap: column labels (array, or a comma list). Given explicitly, they fix the column count.
- yCategories
Heatmap: row labels (row 0 is the top row).
- headerHeight
Treemap branch header band in CSS pixels.
- drilldown
Enable Treemap branch navigation and accessible hierarchy controls.
- dendrogramDirection
Dendrogram depth direction; sibling order remains in normalized input order.
- icicleDirection
Icicle depth direction; sibling order remains in normalized input order.
- parallelCoordinatesAxes
Independent axis ticks, captions, local guides and label styles.
- parallelCoordinatesBrush
JavaScript 프로퍼티로 전달합니다. 타입: ParallelCoordinatesBrushInput.
- parallelCoordinatesDimensions
Numeric dimensions in display order. Omit to infer them from row values.
- parallelCoordinatesLineWidth
HTML attribute 또는 JavaScript 프로퍼티로 설정합니다. 타입: number.
- parallelCoordinatesLineOpacity
HTML attribute 또는 JavaScript 프로퍼티로 설정합니다. 타입: number.
- parallelCoordinatesInactiveRowOpacity
HTML attribute 또는 JavaScript 프로퍼티로 설정합니다. 타입: number.
- parallelCoordinatesAxisLabels
HTML attribute 또는 JavaScript 프로퍼티로 설정합니다. 타입: boolean.
- lighting3d
JavaScript 프로퍼티로 전달합니다. 타입: Scene3DLightingOptions.
- material3d
JavaScript 프로퍼티로 전달합니다. 타입: Scene3DMaterialOptions.
- flowLinesStyle
FlowLines route widths, colors, arrows and endpoint markers.
- flowLinesPath
허용값: great-circle, straight. 기본값: 'great-circle'.
- flowLinesLocationLabels
허용값: auto, show, hide. 기본값: 'auto'.
- flowLinesLabels
허용값: auto, show, hide. 기본값: 'hide'.
- flowLinesLabelValue
HTML attribute 또는 JavaScript 프로퍼티로 설정합니다. 타입: boolean.
- bar3dAxes
JavaScript 프로퍼티로 전달합니다. 타입: Bar3DAxesOptions|boolean|string.
- scatter3dAxes
JavaScript 프로퍼티로 전달합니다. 타입: Scatter3DAxesOptions|boolean|string.
- bar3dSize
JavaScript 프로퍼티로 전달합니다. 타입: Scene3DVector.
- scatter3dSize
JavaScript 프로퍼티로 전달합니다. 타입: Scene3DVector.
- bar3dColors
JavaScript 프로퍼티로 전달합니다. 타입: HeatmapColorInput.
- scatter3dColors
JavaScript 프로퍼티로 전달합니다. 타입: HeatmapColorInput.
- bar3dColorDomain
JavaScript 프로퍼티로 전달합니다. 타입: Bar3DDomain.
- scatter3dColorDomain
JavaScript 프로퍼티로 전달합니다. 타입: Scatter3DDomain.
- bar3dMissingColor
HTML attribute 또는 JavaScript 프로퍼티로 설정합니다. 타입: string.
- scatter3dMissingColor
HTML attribute 또는 JavaScript 프로퍼티로 설정합니다. 타입: string.
- bar3dOpacity
HTML attribute 또는 JavaScript 프로퍼티로 설정합니다. 타입: number.
- bar3dWidth
HTML attribute 또는 JavaScript 프로퍼티로 설정합니다. 타입: number.
- bar3dDepth
HTML attribute 또는 JavaScript 프로퍼티로 설정합니다. 타입: number.
- bar3dXCategories
JavaScript 프로퍼티로 전달합니다. 타입: ReadonlyArray<Bar3DCategory>.
- bar3dYCategories
JavaScript 프로퍼티로 전달합니다. 타입: ReadonlyArray<Bar3DCategory>.
- scatter3dOpacity
HTML attribute 또는 JavaScript 프로퍼티로 설정합니다. 타입: number.
- scatter3dMarker
허용값: sphere, cube. 기본값: 'sphere'.
- scatter3dMarkerRadius
HTML attribute 또는 JavaScript 프로퍼티로 설정합니다. 타입: number.
- scatter3dMarkerDetail
HTML attribute 또는 JavaScript 프로퍼티로 설정합니다. 타입: 0|1|2.
- surface3dAxes
JavaScript 프로퍼티로 전달합니다. 타입: Surface3DAxesOptions|boolean|string.
- surface3dSize
JavaScript 프로퍼티로 전달합니다. 타입: Scene3DVector.
- surface3dColors
JavaScript 프로퍼티로 전달합니다. 타입: HeatmapColorInput.
- surface3dColorDomain
JavaScript 프로퍼티로 전달합니다. 타입: Surface3DDomain.
- surface3dMissingColor
HTML attribute 또는 JavaScript 프로퍼티로 설정합니다. 타입: string.
- surface3dOpacity
HTML attribute 또는 JavaScript 프로퍼티로 설정합니다. 타입: number.
- surface3dWireframe
HTML attribute 또는 JavaScript 프로퍼티로 설정합니다. 타입: boolean.
- surface3dWireWidth
HTML attribute 또는 JavaScript 프로퍼티로 설정합니다. 타입: number.
- surface3dWireColor
HTML attribute 또는 JavaScript 프로퍼티로 설정합니다. 타입: string.
- ganttBarHeight
Maximum Gantt task bar height in CSS pixels.
- ganttRowGap
Gantt row gap in CSS pixels.
- ganttTimeDomain
Explicit full Gantt time domain in epoch milliseconds.
- ganttCriticalPath
JavaScript 프로퍼티로 전달합니다. 타입: GanttCriticalPathInput.
- ganttTaskEditing
Gantt task move/resize with elapsed-time snapping and optional bounds. Disabled by default.
- ganttBaseline
Gantt reference-date strips and automatic domain inclusion. Visible by default when supplied.
- ganttDependencies
JavaScript 프로퍼티로 전달합니다. 타입: ReadonlyArray<GanttDependencyInput>.
- ganttDependencyStyle
JavaScript 프로퍼티로 전달합니다. 타입: GanttDependencyStyleInput.
- ganttTimeAxis
JavaScript 프로퍼티로 전달합니다. 타입: GanttTimeAxisInput.
- ganttCrosshairTimeUnit
Gantt crosshair time badge precision; default hour. Uses ganttTimeAxis.utc.
- ganttBarRadius
HTML attribute 또는 JavaScript 프로퍼티로 설정합니다. 타입: number.
- ganttProgressShow
HTML attribute 또는 JavaScript 프로퍼티로 설정합니다. 타입: boolean.
- ganttProgressColor
HTML attribute 또는 JavaScript 프로퍼티로 설정합니다. 타입: string.
- taskLabelFormat
JavaScript 프로퍼티로 전달합니다. 타입: (task:GanttTask)=>string.
- taskLabels
허용값: auto, show, hide. 기본값: undefined.
- kernel
Density map: the kernel profile (
gaussian,epanechnikov,quartic,triangular,uniform). - bandwidth
Density map: the bandwidth — a number (both axes),
"x,y",{ x, y }, orauto(Silverman's rule). - bandwidthUnit
Density map: the unit of an explicit bandwidth —
data(default) orpx. - cellSize
Density map: CSS px per estimate cell (the grid follows the plot).
- threshold
Density map: cells under this fraction of the peak density are empty.
- computePath
Density map: where the estimate runs —
auto(the GPU once the renderer is up),cpu,gpu. - fade
Density map: the fade band above the threshold cut, as a fraction of the peak ().
- densityUnit
Density map: how densities read — the cell's mass, or mass per unit area ().
- sampleRate
Spectrogram: the sampling rate in Hz — the frequency axis spans 0 … sample-rate / 2.
- freqMin
Spectrogram: the frequency axis ends in Hz (they win over
sample-rate). - freqMax
HTML attribute 또는 JavaScript 프로퍼티로 설정합니다. 타입: number.
- hopSeconds
Spectrogram: seconds per frame (the hop) — the time axis.
- timeOrigin
Spectrogram: seconds at the first frame.
- valueScale
Spectrogram:
db(the frames are decibels) orlinear(magnitudes, converted with 20 · log10). - dbFloor
Spectrogram: the dB a zero magnitude reads on the linear scale (default −120).
- year
Calendar heatmap: the year (Jan 1 … Dec 31) unless
start-date/end-datesay otherwise. - startDate
Calendar heatmap: the range ends (ISO dates); they win over
year; neither → the entries' span. - endDate
HTML attribute 또는 JavaScript 프로퍼티로 설정합니다. 타입: string.
- weekStart
Calendar heatmap: the first day of the week (the top row) —
mondayorsunday. - aggregate
Calendar heatmap: how several entries on one day fold —
sum,max,min,mean,last. - noDataValue
Calendar heatmap: what a day without entries reads — a number (default 0 → the ramp's first colour) or
nan(→empty-color). - monthLabels
Calendar heatmap: month labels along the top.
- weekdayLabels
Calendar heatmap: weekday labels down the left —
short(rows 0 / 2 / 4),all,none. - monthLines
Calendar heatmap: month boundaries as step lines between the cells.
- upColor
Candlestick: the colour of a rising bar (close > open).
- downColor
Candlestick: the colour of a falling bar (close < open).
- flatColor
Candlestick: the colour of a doji (close = open).
- candleWidth
Candlestick: the body's share of the bar pitch (0 … 1, default 0.7).
- wickWidth
Candlestick: the wick width in CSS px.
- bodyStyle
Candlestick ():
solid,hollow, orhollow-up(rising bars hollow, falling filled). - wickColor
Candlestick (): the wick colour;
autofollows the body colour. - timeScale
Candlestick ():
ordinal(one slot per bar — no weekend / holiday gaps; the default) orlinear(wall time). - session
Candlestick (): the exchange session the labels read —
24x7,us-equity, or a JSON object{ timezone, sessions, holidays, closedWeekdays }. - volume
Candlestick ():
paneadds a volume pane below the price (a feed without volumes gets none);offby default. - volumeHeight
Candlestick (): the volume pane's share of the plot height (0.05 … 0.8; default 0.25).
- volumeUpColor
Candlestick (): the volume bar colours (
auto= up-color / down-color) and their alpha (default 0.45). - volumeDownColor
HTML attribute 또는 JavaScript 프로퍼티로 설정합니다. 타입: string.
- volumeAlpha
HTML attribute 또는 JavaScript 프로퍼티로 설정합니다. 타입: number.
- barStyle
Candlestick / OHLC (): the bar style —
candle/ohlc/hlcon a candlestick,ohlc/hlcontype="ohlc". - overlays
Candlestick (): moving-average overlays — spec objects
{ kind, period, color?, width?, label? }, a JSON string, or the compact"sma:20 ema:50". - boxColor
Box plot: the box colour — the border, and at
box-fill-alphathe fill;autowhiskers / outliers follow it. - boxFillAlpha
Box plot: the fill's alpha (default 0.35).
- medianColor
Box plot: the median line colour.
- whiskerColor
Box plot: the whisker / outlier colours (
auto= the box colour). - outlierColor
HTML attribute 또는 JavaScript 프로퍼티로 설정합니다. 타입: string.
- boxWidth
Box plot: the box's share of the slot pitch (0 … 1, default 0.6).
- whiskerRule
Box plot:
tukey(1.5 × IQR, the default),min-max(no outliers), or a number of IQRs. - quantileMethod
Box plot (): the quantile method —
linear(R-7, the default),exclusive(R-6),nearest,lower,higher,midpoint. - whiskerPercentile
Box plot (): the
percentilewhisker rule's p (0 … 50, default 5). - notched
Box plot (): the stepped notch (median ± 1.57 × IQR / √n).
- showMean
Box plot (): the mean marker — a small square in
mean-color(auto= the median colour). - meanColor
HTML attribute 또는 JavaScript 프로퍼티로 설정합니다. 타입: string.
- capWidth
Box plot (): The whisker caps' share of the box (0 hides them).
- whiskerWidth
Box plot (): The whisker / border thickness in CSS px.
- medianWidth
Box plot (): The median line thickness in CSS px.
- outlierRadius
Box plot (): The outlier disc radius in CSS px.
- boxMinPx
Box plot (): The narrowest box in CSS px.
- boxMaxPx
Box plot (): The widest box in CSS px.
- notchWidth
Box plot (): The notch's share of the box width (notched).
- meanSize
Box plot (): The mean marker size in CSS px (show-mean).
- minRadius
The radius range in CSS px the z range maps onto.
- maxRadius
HTML attribute 또는 JavaScript 프로퍼티로 설정합니다. 타입: number.
- sizeScale
area(the disc area proportional to z; the default) orradius. - layout
Bubble:
xyorpack. Network Graph: deterministiccircular,force, or top-to-bottomhierarchicalplacement. - clustering
Network Graph:
noneorlouvaincommunity detection over the current graph; with the automatic palette, node colours follow the group. Independent oflayout. - bundling
Network Graph:
noneorforceedge bundling of the connecting lines toward compatible neighbours;bundle-strength0 … 1 scales the attraction (default 0.5). - bundleStrength
HTML attribute 또는 JavaScript 프로퍼티로 설정합니다. 타입: number.
- nodeDrag
Network Graph — nodes can be dragged with a pointer and nudged with Ctrl / ⌘ + arrows; a dragged node stays pinned.
node-drag="false"turns it off. - packPadding
Bubble pack gap in CSS px, and
contain(shrink only) orfillfitting. - packFit
HTML attribute 또는 JavaScript 프로퍼티로 설정합니다. 타입: string.
- shading
the bubble shading:
flatorsphere(a highlight and a darker rim), and its strength 0 … 1. - shadeStrength
HTML attribute 또는 JavaScript 프로퍼티로 설정합니다. 타입: number.
- totalColor
Waterfall: the subtotal / total bars' colour, the connectors' colour and thickness, their switch.
- connectorColor
HTML attribute 또는 JavaScript 프로퍼티로 설정합니다. 타입: string.
- connectorWidth
HTML attribute 또는 JavaScript 프로퍼티로 설정합니다. 타입: number.
- showConnectors
HTML attribute 또는 JavaScript 프로퍼티로 설정합니다. 타입: boolean.
- barWidth
Waterfall: the bar's share of the slot pitch (0.6), clamped between bar-min-px and bar-max-px.
- barMinPx
HTML attribute 또는 JavaScript 프로퍼티로 설정합니다. 타입: number.
- barMaxPx
HTML attribute 또는 JavaScript 프로퍼티로 설정합니다. 타입: number.
- showTotal
Waterfall (): append the auto grand total after the last step (unless it already is a total), named
total-label. - totalLabel
HTML attribute 또는 JavaScript 프로퍼티로 설정합니다. 타입: string.
- detectResult
Waterfall: recognise a last step given as a plain value equal to the running total as the result bar (default on).
- lastResult
Waterfall: true makes the last merged step a result using the preceding running total and total-color; false disables auto detection; omitted uses detect-result. Explicit datum kinds remain effective when false.
- nodeRadius
Network Graph: circle marker radius and connection width in CSS px.
- projection
Geo Map: identity keeps the coordinate frame; mercator selects spherical Mercator.
- features
Geo Map: polygon FeatureCollection below the point layer.
- polygonColor
HTML attribute 또는 JavaScript 프로퍼티로 설정합니다. 타입: string.
- polygonOpacity
HTML attribute 또는 JavaScript 프로퍼티로 설정합니다. 타입: number.
- mapColorAxis
Geo Map choropleth domain, feature property and palette.
- mapBubble
Value-scaled geographic point bubbles.
- mapHeat
JavaScript 프로퍼티로 전달합니다. 타입: GeoMapHeatInput.
- mapLayers
Geo Map presentation masks; omitted layers remain visible.
- mapLegend
HTML attribute 또는 JavaScript 프로퍼티로 설정합니다. 타입: boolean.
- featureLabels
Geo Map: region/connection name visibility and optional numeric values.
- featureLabelValue
HTML attribute 또는 JavaScript 프로퍼티로 설정합니다. 타입: boolean.
- featureTooltipFormat
Geo Map: custom region/connection tooltip text from owned feature metadata.
- connectionWidth
HTML attribute 또는 JavaScript 프로퍼티로 설정합니다. 타입: number.
- connectionColor
HTML attribute 또는 JavaScript 프로퍼티로 설정합니다. 타입: string.
- connectionOpacity
HTML attribute 또는 JavaScript 프로퍼티로 설정합니다. 타입: number.
- connectionPath
Geo Map: great-circle arcs or flat-map straight routes; on globes, straight lifts the equirectangular route onto the surface.
- mapRegion
Geo Map: fit a continent in 2D, or face it on an orthographic globe.
- mapBackground
Geo Map: bundled Natural Earth land/coastlines, or no background.
- mapFixed
Geo Map: lock geographic dragging inside the fixed map frame. Flat maps wrap longitude; Albers/Orthographic rotate. Zoom is separate. Default false.
- linkWidth
HTML attribute 또는 JavaScript 프로퍼티로 설정합니다. 타입: number.
- linkDistance
Network Graph force layout: spring rest distance in CSS px (default 80).
- repulsion
Network Graph force layout: non-negative node repulsion strength (default 2400).
- padAngle
Chord: the gap between neighbouring node arcs in degrees (default 2).
- nodeWidth
The nodes' width and the gap between stacked nodes (CSS px).
- nodePadding
HTML attribute 또는 JavaScript 프로퍼티로 설정합니다. 타입: number.
- nodeAlign
Where a node without a forward path stands: justify / left / right / center.
- linkColor
The ribbons' colour (source / target / a CSS colour) and opacity.
- linkOpacity
HTML attribute 또는 JavaScript 프로퍼티로 설정합니다. 타입: number.
- layoutIterations
Sankey relaxation passes (default 6) or Network Graph force steps (default 200). Zero keeps the initial placement.
- linkCurvature
the ribbons' centre line: 0 straight … 1 the full S-curve.
- nodeLabels
the node labels (auto / show / hide) and the throughput suffix.
- nodeLabelValue
HTML attribute 또는 JavaScript 프로퍼티로 설정합니다. 타입: boolean.
- neighbourDim
with a hovered / focused node, the ribbons touching neither of its ends fade to this alpha factor (1 = no dim).
- showBars
HTML attribute 또는 JavaScript 프로퍼티로 설정합니다. 타입: boolean.
- showCaps
HTML attribute 또는 JavaScript 프로퍼티로 설정합니다. 타입: boolean.
- samples
Spectrogram (): raw samples (a property) — the FFT pipeline frames them; ignored while
datais set. - fftSize
Spectrogram (): the FFT size, a power of two (default 1,024).
- fftHop
Spectrogram (): samples between frame starts (default fft-size / 2).
- fftWindow
Spectrogram (): the analysis window —
hann,hamming,blackman,rect. - stemUnit
Stem-leaf: stem unit — one stem spans this much (default 10).
- stemSplit
Stem-leaf: 1 (default) or 2 — each stem splits into 0–4 / 5–9 half-rows.
- activeColor
Stem-leaf: accent for the hovered/focused leaf.
- showKey
Stem-leaf: show the reading key (
2 | 3 = 23) under the plot. - bins
Histogram: bin rule —
square-root(default) /sturges/rice/ literal count. - measure
Histogram (): what a bar's height means — count / percent / density.
- cumulative
Histogram (): running sums (the empirical CDF for density).
- barGap
Histogram (): a CSS-px gap between the bars.
- binWidth
Histogram: explicit bin width — wins over
bins. - domainMin
Histogram: domain overrides (outside observations clamp into the edge bins).
- domainMax
HTML attribute 또는 JavaScript 프로퍼티로 설정합니다. 타입: number.
- edgeColor
Histogram: 1px separator between gapless bars.
- diameter
Wafer map: wafer diameter in mm.
- edgeExclusion
Wafer map: unusable edge band in mm.
- indicator
Wafer map: orientation-mark kind (
notch/flat/none). - waferOrientation
Wafer map: where the orientation mark points.
- dieWidth
Wafer map: die size in mm.
- dieHeight
HTML attribute 또는 JavaScript 프로퍼티로 설정합니다. 타입: number.
- scribeX
Wafer map: scribe-street widths in mm.
- scribeY
HTML attribute 또는 JavaScript 프로퍼티로 설정합니다. 타입: number.
- showPartial
Wafer map: draw edge (partial) dies.
- dieIndexOrigin
Wafer map: die-index convention (
top-leftbounding-box corner /centersigned). - dieIndexBase
Wafer map: first index value (0 or 1).
- showDieIndex
Wafer map: print
ix,iyinside each die (auto-hides on small dies). - mode
Wafer map: colouring mode (
gridaccent /bincategorical bin map). - binColors
Wafer map: explicit per-bin colours (
{ [bin]: colour }, property). - passBin
Wafer map: the pass bin code (default 1).
- passColor
Wafer map: pass-bin fill.
- failColor
Wafer map: fail fill for
mode="binary". - showStats
Wafer map: show the statistics line under the value legend.
- overlay
Wafer map: overlay layer (
none/defect). - defects
Wafer map: inspection defects (
{x, y, class?, size?}, wafer mm, property). - defectColor
Wafer map: dot colour for unclassified defects.
- grid
Wafer map: grid chrome —
die(scribe only) orshot(+ reticle boundaries). - shotCols
Wafer map: dies per exposure shot.
- shotRows
HTML attribute 또는 JavaScript 프로퍼티로 설정합니다. 타입: number.
- shotOffsetX
Wafer map: shot-grid alignment shift in whole dies.
- shotOffsetY
HTML attribute 또는 JavaScript 프로퍼티로 설정합니다. 타입: number.
- shotColor
Wafer map: shot boundary stroke.
- binLegend
Wafer map: show the bin legend under the wafer.
- sectorPadding
Polar rose: fraction of each angular slot kept as whitespace, 0..0.8.
- variableRadius
Pie variable-radius mode — each datum's
zdrives the slice's outer radius (Highcharts variablepie). - sizeBy
Variable-radius z→radius mapping:
'area'(default, radius ∝ √z̄) or'radius'(linear). - zMin
Variable-radius z-domain lower bound (defaults to the data minimum).
- zMax
Variable-radius z-domain upper bound (defaults to the data maximum).
- minPointSize
Smallest slice outer DIAMETER — px number or '%' of the full outer diameter (Highcharts minPointSize).
- maxPointSize
Largest slice outer DIAMETER — px number or '%' of the full outer diameter (Highcharts maxPointSize).
- gridShape
Radar grid web shape —
polygon(spider) orcircle. - gridColor
Radar grid ring/spoke stroke colour.
- lineWidth
Radar polygon outline width in px.
- showMarkers
Shows radar vertex markers.
- showRingLabels
Shows labels beside radar rings.
- ringLabelColor
Radar ring label colour.
- ringLabelFontSize
Radar ring label font size in px.
- ringLabelFormat
Radar ring label format string.
- categoryLabelColor
Radar category spoke label colour.
- categoryLabelFontSize
Radar category spoke label font size in px.
- editable
Enables drag-to-edit radar points.
- neckWidth
Funnel neck width as a fraction of the full width (funnel only).
- neckHeight
Funnel neck height as a fraction of the total height (the straight bottom band).
- gap
Vertical gap between funnel/pyramid sections (px).
- showPercent
Show the percentage in funnel/pyramid labels.
- activeSectionIndex
Controlled active funnel/pyramid section index. Negative/undefined falls back to hover/focus.
- lineColor
Cumulative-line colour (pareto only).
- referenceValue
80/20 reference percentage on the cumulative axis (pareto only).
- showReference
Show the pareto reference line.
- referenceColor
Pareto reference-line colour.
- sortDescending
Sort pareto categories by value, largest first. Default true.
- valueAxisLabel
Left value-axis label (pareto).
- cumulativeAxisLabel
Right cumulative-axis label (pareto).
- orientation
Lollipop layout direction:
horizontal(Cleveland, default) orvertical. - lowName
Dumbbell legend label for the low-end markers.
- highName
Dumbbell legend label for the high-end markers.
- lowColor
Dumbbell low-end marker colour.
- highColor
Dumbbell high-end marker colour.
- weights
Variwide column width metric (the 2nd dimension), one per category.
- columnGap
Variwide gap between columns as a fraction of each slot (0..0.45).
- leftValues
Deprecated fallback: prefer
datarows withvalues[0]andvalues[1]. - rightValues
Deprecated fallback: prefer
datarows withvalues[0]andvalues[1]. - leftColor
Tornado left-series bar colour.
- rightColor
Tornado right-series bar colour.
- leftLabel
Tornado left-series label.
- rightLabel
Tornado right-series label.
- showColumnShare
Marimekko: show the per-column total percentage under each column.
- groups
Comparison series = legend labels + colour order (one per value index).
- showRowLines
Dot-plot: draw a faint guide line across each row between its min and max dot.
- value
Gauge primary scalar value.
- min
HTML attribute 또는 JavaScript 프로퍼티로 설정합니다. 타입: number.
- max
HTML attribute 또는 JavaScript 프로퍼티로 설정합니다. 타입: number.
- needles
Multi-needle override (dial variant). Property-only.
- rings
Gauge activity-variant rings — each with its own value/max (property-only).
- time
Gauge clock-variant time — 'now' (live) or 'HH:MM(:SS)'.
- showSeconds
Gauge clock-variant second hand.
- variant
허용값: solid, dial, activity, vuMeter, speedometer, clock. 기본값: undefined.
- innerRadius
Solid-variant inner radius. Number = px;
'%'= fraction of outerRadius. - stops
Solid-variant colour stops. Property-only.
- needleShape
허용값: needle, arrow, line, wedge. 기본값: undefined.
- needleLength
JavaScript 프로퍼티로 전달합니다. 타입: number | string.
- needleRearLength
JavaScript 프로퍼티로 전달합니다. 타입: number | string.
- needleWidth
HTML attribute 또는 JavaScript 프로퍼티로 설정합니다. 타입: number.
- pivotRadius
HTML attribute 또는 JavaScript 프로퍼티로 설정합니다. 타입: number.
- pivotColor
HTML attribute 또는 JavaScript 프로퍼티로 설정합니다. 타입: string.
- plotBands
Gauge plot bands — an array (property), or
'auto'for %-of-max zones. - bandThickness
HTML attribute 또는 JavaScript 프로퍼티로 설정합니다. 타입: number.
- bandTrackColor
HTML attribute 또는 JavaScript 프로퍼티로 설정합니다. 타입: string.
- valueDisplay
허용값: percent, value. 기본값: undefined.
- rounded
HTML attribute 또는 JavaScript 프로퍼티로 설정합니다. 타입: boolean.
- trackColor
HTML attribute 또는 JavaScript 프로퍼티로 설정합니다. 타입: string.
- showTicks
HTML attribute 또는 JavaScript 프로퍼티로 설정합니다. 타입: boolean.
- tickInterval
허용값: auto. 기본값: undefined.
- minorTicks
HTML attribute 또는 JavaScript 프로퍼티로 설정합니다. 타입: number.
- tickLength
HTML attribute 또는 JavaScript 프로퍼티로 설정합니다. 타입: number.
- minorTickLength
HTML attribute 또는 JavaScript 프로퍼티로 설정합니다. 타입: number.
- tickWidth
HTML attribute 또는 JavaScript 프로퍼티로 설정합니다. 타입: number.
- minorTickWidth
HTML attribute 또는 JavaScript 프로퍼티로 설정합니다. 타입: number.
- tickColor
HTML attribute 또는 JavaScript 프로퍼티로 설정합니다. 타입: string.
- showTickLabels
HTML attribute 또는 JavaScript 프로퍼티로 설정합니다. 타입: boolean.
- tickLabelDistance
HTML attribute 또는 JavaScript 프로퍼티로 설정합니다. 타입: number.
- tickLabelColor
HTML attribute 또는 JavaScript 프로퍼티로 설정합니다. 타입: string.
- tickLabelFontSize
HTML attribute 또는 JavaScript 프로퍼티로 설정합니다. 타입: number.
- tickLabelFormat
HTML attribute 또는 JavaScript 프로퍼티로 설정합니다. 타입: string.
- showValue
HTML attribute 또는 JavaScript 프로퍼티로 설정합니다. 타입: boolean.
- valueFormat
HTML attribute 또는 JavaScript 프로퍼티로 설정합니다. 타입: string.
- valueColor
HTML attribute 또는 JavaScript 프로퍼티로 설정합니다. 타입: string.
- valueFontSize
HTML attribute 또는 JavaScript 프로퍼티로 설정합니다. 타입: number.
- unit
HTML attribute 또는 JavaScript 프로퍼티로 설정합니다. 타입: string.
- analogDamping
Gauge
analogneedle settle shaping (forwarded to <sy-gauge-chart>). - analogFrequency
HTML attribute 또는 JavaScript 프로퍼티로 설정합니다. 타입: number.
- analogOvershootAngle
HTML attribute 또는 JavaScript 프로퍼티로 설정합니다. 타입: number.