chart.ink

Configuration Structure

chart: {
  ink: { ... },
    enabled: boolean,
    palette: boolean,
    snap: boolean,
    noteColors: string[],
}

The ink options turn annotations into direct-manipulation objects: every point annotation becomes draggable, and clicking one opens a floating editor card (rename, recolor, bold, font size, marker size and shape, delete). It needs the ink feature (import 'apexcharts/features/ink'). Every edit is undoable when Rewind is enabled, and it fires annotationDragged, annotationEdited, annotationStyled, and annotationDeleted. See the Annotation authoring guide. It is part of the chart configuration.

enabled

chart.ink.enabled
Default: false

Enable the ink layer. Point annotations become draggable (unless a given annotation sets draggable: false), and clicking one opens the floating editor. Requires import 'apexcharts/features/ink'.

palette

chart.ink.palette
Default: false

Show a minimal "add note" tool. Clicking it arms create mode, so the next click on the plot drops a new editable, draggable annotation.

snap

chart.ink.snap
Default: false

Snap a dragged point or axis-line annotation to the nearest gridline (numeric x and linear y).

noteColors

chart.ink.noteColors

Accent swatches offered by the floating note editor, as an array of colors. When omitted, a built-in 6-color palette is used.