@blueprint-chart/lib 0.1.2

package/dist/charts/plugins/annotations/index.d.ts

@@ -0,0 +1,10 @@
+import { Plugin } from 'd3-blueprint';
+import { AnnotationConfig } from '../../types';
+import { AnnotationContext } from './context';
+export type { AnnotationContext } from './context';
+export type { LineGeometry, AnnotationSnapshot } from './snapshots';
+export { snapshotAnnotations } from './snapshots';
+export { computeDirectionOffset, rotateDirectionForHorizontal } from './direction-helpers';
+export { computeAnchorPoint, bboxEdgeToward, ensureArrowMarker, renderTargetCircle, renderConnectingLine, renderAnnotationText, } from './shared';
+export declare function renderAnnotations(parent: SVGGElement, annotations: AnnotationConfig[], ctx: AnnotationContext): void;
+export declare function createAnnotationPlugin<TData = unknown>(annotations: AnnotationConfig[], ctx: AnnotationContext): Plugin<TData>;

package/dist/charts/plugins/annotations/point-renderer.d.ts

@@ -0,0 +1,6 @@
+import { AnnotationConfig } from '../../types';
+import { AnnotationContext } from './context';
+import * as d3 from 'd3';
+export declare function renderPointAnnotation(g: d3.Selection<SVGGElement, unknown, null, undefined>, ann: AnnotationConfig & {
+    target?: string;
+}, ctx: AnnotationContext, index: number): void;

package/dist/charts/plugins/annotations/position-helpers.d.ts

@@ -0,0 +1,2 @@
+export declare function resolvePosition(value: number | string, size: number): number;
+export declare function resolveMaxWidth(maxWidth: number | string | undefined, chartWidth: number): number | undefined;

package/dist/charts/plugins/annotations/range-renderer.d.ts

@@ -0,0 +1,4 @@
+import { AnnotationConfig } from '../../types';
+import { AnnotationContext } from './context';
+import * as d3 from 'd3';
+export declare function renderRangeAnnotation(g: d3.Selection<SVGGElement, unknown, null, undefined>, ann: AnnotationConfig, ctx: AnnotationContext, index: number, labelGroup?: d3.Selection<SVGGElement, unknown, null, undefined>): void;

package/dist/charts/plugins/annotations/shared.d.ts

@@ -0,0 +1,57 @@
+import { RangeAnchor, CompassDirection } from '../../types';
+import { StrokeStyle, AnnotationLineStyle } from '../../../enums';
+import { AnnotationContext } from './context';
+import * as d3 from 'd3';
+export declare function isPointScale(scale: AnnotationContext['scaleX']): scale is d3.ScalePoint<string>;
+export declare function isTimeScale(scale: AnnotationContext['scaleX']): scale is d3.ScaleTime<number, number>;
+export declare function scaleXValue(scale: AnnotationContext['scaleX'], label: string): number;
+export declare function computeAnchorPoint(datum: {
+    label: string;
+    value: number;
+}, scaleX: AnnotationContext['scaleX'], scaleY: d3.ScaleLinear<number, number> | d3.ScaleSymLog<number, number>, anchorDirection: CompassDirection, orientation?: 'horizontal'): {
+    x: number;
+    y: number;
+};
+export declare function bboxEdgeToward(bbox: {
+    x: number;
+    y: number;
+    width: number;
+    height: number;
+}, targetX: number, targetY: number, pad?: number): {
+    x: number;
+    y: number;
+};
+export declare function ensureArrowMarker(svg: SVGElement | null, color?: string): string;
+export declare function renderTargetCircle(g: d3.Selection<SVGGElement, unknown, null, undefined>, cx: number, cy: number, opts?: {
+    size?: number;
+    style?: StrokeStyle;
+    color?: string;
+}): void;
+export declare function computeElbowPath(from: {
+    x: number;
+    y: number;
+}, to: {
+    x: number;
+    y: number;
+}, departVertical: boolean): string;
+export declare function renderConnectingLine(g: d3.Selection<SVGGElement, unknown, null, undefined>, from: {
+    x: number;
+    y: number;
+}, to: {
+    x: number;
+    y: number;
+}, style?: AnnotationLineStyle, opts?: {
+    showArrow?: boolean;
+    lineWeight?: number;
+    color?: string;
+    departVertical?: boolean;
+}): void;
+export declare function renderAnnotationText(g: d3.Selection<SVGGElement, unknown, null, undefined>, text: string, x: number, y: number, opts?: {
+    textColor?: string;
+    maxWidth?: number;
+    textAnchor?: string;
+    backgroundColor?: string;
+    textOutline?: boolean;
+}): void;
+export declare function resolveXPosition(value: number | string, scaleX: AnnotationContext['scaleX'], anchor?: RangeAnchor): number;
+export declare function resolveYPosition(value: number | string, scaleY: d3.ScaleLinear<number, number> | d3.ScaleSymLog<number, number>): number;

package/dist/charts/plugins/annotations/snapshots.d.ts

@@ -0,0 +1,21 @@
+export interface LineGeometry {
+    style: string;
+    fromX: number;
+    fromY: number;
+    toX: number;
+    toY: number;
+    departVertical: boolean;
+}
+export interface AnnotationSnapshot {
+    id: string;
+    element: Element;
+    rect: {
+        x: number;
+        y: number;
+        width: number;
+        height: number;
+    };
+    line?: LineGeometry;
+}
+export declare function readLineGeometry(el: Element): LineGeometry | undefined;
+export declare function snapshotAnnotations(container: Element): Map<string, AnnotationSnapshot>;

package/dist/charts/plugins/arc-labels.d.ts

@@ -0,0 +1,53 @@
+import * as d3 from 'd3';
+export interface ArcLabelDatum {
+    label: string;
+    value: number;
+    startAngle: number;
+    endAngle: number;
+    color: string;
+    percentage?: number;
+    displayAsPercentage?: boolean;
+    showLabel?: boolean;
+    showValue?: boolean;
+}
+/**
+ * Deterministic 1D value spreading.
+ * Pushes values apart so consecutive entries are at least `gap` apart,
+ * clamped within [top, bottom].  When the available space is too small
+ * for `(n-1) * gap`, the effective gap is reduced so labels are evenly
+ * distributed across the full range.
+ */
+export declare function spreadLabels(naturalYs: number[], top: number, bottom: number, gap?: number): number[];
+export declare function renderArcLabels(parent: d3.Selection<SVGGElement, unknown, null, undefined>, data: ArcLabelDatum[], opts: {
+    outerRadius: number;
+    chartWidth: number;
+    chartHeight: number;
+    fontSize?: number;
+    bgColor?: string;
+}): void;
+export declare function renderInsideArcLabels(parent: d3.Selection<SVGGElement, unknown, null, undefined>, data: ArcLabelDatum[], opts: {
+    outerRadius: number;
+    innerRadius?: number;
+    chartWidth: number;
+    chartHeight: number;
+    fontSize?: number;
+}): void;
+export declare function renderAutoArcLabels(parent: d3.Selection<SVGGElement, unknown, null, undefined>, data: ArcLabelDatum[], opts: {
+    outerRadius: number;
+    innerRadius?: number;
+    chartWidth: number;
+    chartHeight: number;
+    fontSize?: number;
+    bgColor?: string;
+}): void;
+/**
+ * Estimate extra margins needed for arc labels beyond what the arc already
+ * occupies.  The text column sits at outerRadius + STUB_LENGTH + HORIZONTAL_SEG + 6
+ * from centre; we need room for the text itself beyond that.
+ */
+export declare function estimateArcLabelMargins(labels: string[], outerRadius: number): {
+    left: number;
+    right: number;
+    top: number;
+    bottom: number;
+};

package/dist/charts/plugins/crosshair.d.ts

@@ -0,0 +1,10 @@
+import { Plugin } from 'd3-blueprint';
+export declare function createCrosshairPlugin<TData = unknown>(options?: {
+    width?: number;
+    height?: number;
+    direction?: 'both' | 'vertical' | 'horizontal';
+    style?: 'solid' | 'dashed' | 'dotted';
+    color?: string;
+    dashArray?: string;
+    orientation?: 'vertical' | 'horizontal';
+}): Plugin<TData>;

package/dist/charts/plugins/proximity.d.ts

@@ -0,0 +1,27 @@
+export interface ProximityPoint {
+    cx: number;
+    cy: number;
+    label: string;
+    value: number;
+    series?: string;
+    color: string;
+}
+export interface ProximityOptions {
+    width: number;
+    height: number;
+    points: ProximityPoint[];
+    tooltip?: boolean;
+    crosshair?: boolean;
+    crosshairDirection?: 'both' | 'vertical' | 'horizontal';
+    crosshairStyle?: 'solid' | 'dashed' | 'dotted';
+    crosshairColor?: string;
+    format?: (point: ProximityPoint) => string;
+    numberFormat?: string;
+}
+export declare function makeDefaultFormat(numberFormat?: string): (p: ProximityPoint) => string;
+/**
+ * Sets up proximity-based tooltip and crosshair for line charts.
+ * Instead of requiring hover over tiny dot elements, this creates a
+ * transparent overlay that finds the nearest data point by x-position.
+ */
+export declare function setupProximityInteraction(chartArea: SVGGElement, options: ProximityOptions): () => void;

package/dist/charts/plugins/test-helpers.d.ts

@@ -0,0 +1 @@
+export declare function makeChartStub(g: SVGGElement): unknown;

package/dist/charts/plugins/tooltip.d.ts

@@ -0,0 +1,6 @@
+import { Plugin } from 'd3-blueprint';
+export declare function makeDefaultFormat(numberFormat?: string): (d: unknown) => string;
+export declare function createTooltipPlugin<TData = unknown>(options?: {
+    format?: (datum: unknown) => string;
+    numberFormat?: string;
+}): Plugin<TData>;

package/dist/charts/plugins/value-labels.d.ts

@@ -0,0 +1,6 @@
+import { Plugin } from 'd3-blueprint';
+export declare function createValueLabelPlugin<TData = unknown>(options?: {
+    position?: 'inside' | 'outside' | 'auto';
+    format?: string;
+    orientation?: 'vertical' | 'horizontal';
+}): Plugin<TData>;

package/dist/charts/registry.d.ts

@@ -0,0 +1,5 @@
+import { ChartOptionDef, ChartRenderer } from './types';
+export declare function registerChart(name: string, renderer: ChartRenderer, options: ChartOptionDef[]): void;
+export declare function getChart(name: string): ChartRenderer | undefined;
+export declare function getChartOptions(name: string): ChartOptionDef[];
+export declare function listCharts(): string[];

package/dist/charts/resolve.d.ts

@@ -0,0 +1,3 @@
+import { ChartTypeOptions } from './types';
+export declare function getChartTypeDefaults(chartType: string): Partial<ChartTypeOptions>;
+export declare function resolveChartTypeOptions(chartType: string, explicit: Partial<ChartTypeOptions>): Partial<ChartTypeOptions>;

package/dist/charts/scale-helpers.d.ts

@@ -0,0 +1,19 @@
+/**
+ * Filter chart labels (and corresponding data) by a horizontal axis range.
+ * Returns the indices of labels that fall within [min, max].
+ */
+export declare function filterLabelsByRange(labels: string[], range?: {
+    min?: number;
+    max?: number;
+}): number[];
+export declare const DEFAULT_BAR_GAP = 60;
+/**
+ * Convert a barGap (percentage of bar size) to a d3 scaleBand paddingInner value.
+ * 0 = no gap, 100 = gap equals one bar width. Out-of-range values are clamped
+ * to [0, 100]; non-finite or undefined values fall back to DEFAULT_BAR_GAP.
+ */
+export declare function resolveBarGapPadding(barGap?: number): number;
+export declare function computeLinearDomain(values: number[], range?: {
+    min?: number;
+    max?: number;
+}): [number, number];

package/dist/charts/series-helpers.d.ts

@@ -0,0 +1,10 @@
+import { SeriesOverride } from './types';
+export declare function resolveSeriesColor(name: string, index: number, colors: string[], overrides?: SeriesOverride[]): string;
+export declare function resolveSeriesDash(name: string, overrides?: SeriesOverride[]): string;
+export declare function resolveSeriesWidth(name: string, overrides?: SeriesOverride[]): number;
+export declare function resolveSeriesInterpolation(name: string, globalInterpolation: string, overrides?: SeriesOverride[]): string;
+export declare function isSeriesHidden(name: string, overrides?: SeriesOverride[]): boolean;
+export declare function resolveSeriesLabelMode(name: string, globalMode: string, overrides?: SeriesOverride[]): string;
+export declare function resolveSeriesValueLabels(name: string, globalValueLabels: boolean, overrides?: SeriesOverride[]): boolean;
+export declare function resolveSeriesOpacity(name: string, overrides?: SeriesOverride[]): number;
+export declare function resolveSeriesLineSymbols(name: string, globalConfig: SeriesOverride | undefined, overrides?: SeriesOverride[]): SeriesOverride | undefined;

package/dist/charts/stack-helpers.d.ts

@@ -0,0 +1,17 @@
+import { ChartData } from './types';
+import * as d3 from 'd3';
+export interface StackedPoint {
+    0: number;
+    1: number;
+    data: Record<string, number>;
+}
+/**
+ * Compute a stacked layout from multi-series ChartData.
+ * Returns d3.Series array usable by d3.area() and rect rendering.
+ */
+export declare function computeStack(data: ChartData): d3.Series<Record<string, number>, string>[];
+/**
+ * Compute a stacked layout normalized to 100%.
+ * Each category's values sum to 100.
+ */
+export declare function computeStack100(data: ChartData): d3.Series<Record<string, number>, string>[];

package/dist/charts/transition-cache.d.ts

@@ -0,0 +1,8 @@
+import { Margin } from './types';
+export interface CachedChart {
+    chartType: string;
+    margin?: Margin;
+}
+export declare function getCachedChart(container: HTMLElement): CachedChart | undefined;
+export declare function setCachedChart(container: HTMLElement, entry: CachedChart): void;
+export declare function clearCachedChart(container: HTMLElement): void;

package/dist/charts/types/area/area.d.ts

@@ -0,0 +1,3 @@
+import { ChartData, ChartOptions } from '../../types';
+export declare const DEFAULT_COLOR = "#4e79a7";
+export declare function render(container: HTMLElement, data: ChartData, options?: ChartOptions, transition?: boolean): void;

package/dist/charts/types/area-stacked/area-stacked.d.ts

@@ -0,0 +1,3 @@
+import { ChartData, ChartOptions } from '../../types';
+export declare const DEFAULT_COLORS: string[];
+export declare function render(container: HTMLElement, inputData: ChartData, options?: ChartOptions, transition?: boolean): void;

package/dist/charts/types/bar-grouped/bar-grouped.d.ts

@@ -0,0 +1,3 @@
+import { ChartData, ChartOptions } from '../../types';
+export declare const DEFAULT_COLORS: string[];
+export declare function render(container: HTMLElement, data: ChartData, options?: ChartOptions, transition?: boolean): void;

package/dist/charts/types/bar-horizontal/bar-horizontal.d.ts

@@ -0,0 +1,3 @@
+import { ChartData, ChartOptions } from '../../types';
+export declare const DEFAULT_COLORS: string[];
+export declare function render(container: HTMLElement, data: ChartData, options?: ChartOptions, transition?: boolean): void;

package/dist/charts/types/bar-multi/bar-multi.d.ts

@@ -0,0 +1,3 @@
+import { ChartData, ChartOptions } from '../../types';
+export declare const DEFAULT_COLORS: string[];
+export declare function render(container: HTMLElement, data: ChartData, options?: ChartOptions, transition?: boolean): void;

package/dist/charts/types/bar-split/bar-split.d.ts

@@ -0,0 +1,3 @@
+import { ChartData, ChartOptions } from '../../types';
+export declare const DEFAULT_COLORS: string[];
+export declare function render(container: HTMLElement, data: ChartData, options?: ChartOptions, transition?: boolean): void;

package/dist/charts/types/bar-stacked/bar-stacked.d.ts

@@ -0,0 +1,3 @@
+import { ChartData, ChartOptions } from '../../types';
+export declare const DEFAULT_COLORS: string[];
+export declare function render(container: HTMLElement, data: ChartData, options?: ChartOptions, transition?: boolean): void;

package/dist/charts/types/bar-vertical/bar-vertical.d.ts

@@ -0,0 +1,3 @@
+import { ChartData, ChartOptions } from '../../types';
+export declare const DEFAULT_COLORS: string[];
+export declare function render(container: HTMLElement, data: ChartData, options?: ChartOptions, transition?: boolean): void;

package/dist/charts/types/column-stacked/column-stacked.d.ts

@@ -0,0 +1,3 @@
+import { ChartData, ChartOptions } from '../../types';
+export declare const DEFAULT_COLORS: string[];
+export declare function render(container: HTMLElement, data: ChartData, options?: ChartOptions, transition?: boolean): void;

package/dist/charts/types/donut/donut.d.ts

@@ -0,0 +1,4 @@
+import { ChartData, ChartOptions } from '../../types';
+export declare const DEFAULT_COLORS: string[];
+export declare function render(container: HTMLElement, data: ChartData, options?: ChartOptions, transition?: boolean): void;
+export declare function renderArc(container: HTMLElement, data: ChartData, options: ChartOptions, innerRadiusRatio: number, transition?: boolean): void;

package/dist/charts/types/line/line.d.ts

@@ -0,0 +1,3 @@
+import { ChartData, ChartOptions } from '../../types';
+export declare const DEFAULT_COLOR = "#4e79a7";
+export declare function render(container: HTMLElement, data: ChartData, options?: ChartOptions, transition?: boolean): void;

package/dist/charts/types/line-multi/line-multi.d.ts

@@ -0,0 +1,3 @@
+import { ChartData, ChartOptions } from '../../types';
+export declare const DEFAULT_COLORS: string[];
+export declare function render(container: HTMLElement, inputData: ChartData, options?: ChartOptions, transition?: boolean): void;

package/dist/charts/types/pie/pie.d.ts

@@ -0,0 +1,2 @@
+import { ChartData, ChartOptions } from '../../types';
+export declare function render(container: HTMLElement, data: ChartData, options?: ChartOptions, transition?: boolean): void;

package/dist/charts/types.d.ts

@@ -0,0 +1,269 @@
+import { AxisDirection, ScaleType, GridStyle, LabelPosition, LabelRotation, TickPosition, FrameSizing, AnnotationKind, Orientation, SymbolShape, SymbolShowOn, SymbolStyle, SortDirection, SortMode, LegendPosition, Anchor, ValueLabelPosition, CrosshairDirection, CrosshairStyle, StackMode, ChartOptionType, CompassDirection, AnnotationLineStyle, StrokeStyle, RangeAnchor } from '../enums';
+export { CompassDirection, AnnotationLineStyle, StrokeStyle, RangeAnchor, LineStyle, } from '../enums';
+export interface ChartData {
+    labels: string[];
+    values: number[];
+    series?: {
+        name: string;
+        values: number[];
+    }[];
+}
+export interface ColorizeConfig {
+    target: string;
+    color: string;
+    label?: string;
+}
+export interface HighlightConfig {
+    target: string;
+}
+export interface AxisOptions {
+    direction?: AxisDirection;
+    scaleType?: ScaleType;
+    range?: {
+        min?: number;
+        max?: number;
+    };
+    ticks?: number[];
+    showAxis?: boolean;
+    showTicks?: boolean;
+    gridStyle?: GridStyle;
+    gridWidth?: number;
+    numberFormat?: string;
+    tickPosition?: TickPosition;
+    labelPosition?: LabelPosition;
+    labelRotation?: LabelRotation;
+    topPadding?: number;
+    width?: number;
+    zeroY?: number;
+    tickFormat?: (label: string) => string;
+}
+export interface FrameOptions {
+    title?: string;
+    description?: string;
+    byline?: string;
+    note?: string;
+    source?: string;
+    sourceUrl?: string;
+    sizing?: FrameSizing;
+    aspectRatio?: number;
+    showCredit?: boolean;
+    padding?: string;
+    transparentBackground?: boolean;
+}
+export interface AreaFillConfig {
+    from: string;
+    to: string;
+    color?: string;
+    negativeColor?: string;
+    opacity?: number;
+    interpolation?: string;
+}
+export interface AnnotationLineConfig {
+    anchorDirection?: CompassDirection;
+    textOffsetX?: number;
+    textOffsetY?: number;
+    showLine?: boolean;
+    lineStyle?: AnnotationLineStyle;
+    lineWeight?: number;
+    showArrow?: boolean;
+    lineTargetDistance?: number;
+    showCircle?: boolean;
+    circleSize?: number;
+    circleStyle?: StrokeStyle;
+    circleColor?: string;
+}
+interface AnnotationBase {
+    id?: string;
+    text?: string;
+    textColor?: string;
+    textOutline?: boolean;
+    maxWidth?: number | string;
+}
+export interface PointAnnotationConfig extends AnnotationBase, AnnotationLineConfig {
+    kind: AnnotationKind.Point;
+    text: string;
+    target: string;
+}
+export interface RangeAnnotationConfig extends AnnotationBase {
+    kind: AnnotationKind.Range;
+    orientation?: Orientation;
+    direction?: CompassDirection;
+    start: number | string;
+    end: number | string;
+    startAnchor?: RangeAnchor;
+    endAnchor?: RangeAnchor;
+    bgOpacity?: number;
+    bgColor?: string;
+}
+export interface FreeAnnotationConfig extends AnnotationBase {
+    kind: AnnotationKind.Free;
+    text: string;
+    x: number | string;
+    y: number | string;
+}
+export type AnnotationConfig = PointAnnotationConfig | RangeAnnotationConfig | FreeAnnotationConfig;
+export interface LineSymbolConfig {
+    symbol?: SymbolShape;
+    showOn?: SymbolShowOn;
+    style?: SymbolStyle;
+    size?: number;
+    opacity?: number;
+}
+export interface SeriesOverride {
+    name: string;
+    color?: string;
+    showOutline?: boolean;
+    interpolation?: string;
+    lineWidth?: number;
+    dash?: string;
+    labelMode?: string;
+    labelText?: string;
+    valueLabels?: boolean;
+    lineSymbols?: boolean;
+    symbolShape?: string;
+    symbolShowOn?: string;
+    symbolStyle?: string;
+    symbolSize?: number;
+    symbolOpacity?: number;
+    opacity?: number;
+    hidden?: boolean;
+}
+export interface ChartOptions {
+    frame?: FrameOptions;
+    verticalAxis?: AxisOptions;
+    horizontalAxis?: AxisOptions;
+    sort?: SortDirection;
+    sortMode?: SortMode;
+    colorizes?: ColorizeConfig[];
+    highlights?: HighlightConfig[];
+    colors?: string[];
+    interpolation?: string;
+    legend?: boolean;
+    legendPosition?: LegendPosition;
+    legendAnchor?: Anchor;
+    directLabelling?: string | boolean;
+    directLabelAnchor?: Anchor;
+    areaFill?: boolean;
+    areaFillOpacity?: number;
+    areaFills?: AreaFillConfig[];
+    stacked?: boolean;
+    stackPercent?: boolean;
+    areaSortMode?: string;
+    areaLines?: boolean;
+    valueLabels?: boolean;
+    valueLabelPosition?: ValueLabelPosition;
+    tooltips?: boolean;
+    crosshair?: boolean;
+    crosshairDirection?: CrosshairDirection;
+    crosshairStyle?: CrosshairStyle;
+    crosshairColor?: string;
+    lineSymbols?: LineSymbolConfig;
+    annotations?: AnnotationConfig[];
+    seriesOverrides?: SeriesOverride[];
+    displayAsPercentage?: boolean;
+    showTotal?: boolean;
+    showLabels?: boolean;
+    showValues?: boolean;
+    sliceMax?: number;
+    sliceGroupLabel?: string;
+    autoContrast?: boolean;
+    allowDarkMode?: boolean;
+    swapLabelValue?: boolean;
+    barBackground?: boolean;
+    barSeparators?: boolean;
+    barGap?: number;
+    connectedColumns?: boolean;
+    connectionsOpacity?: number;
+    stackMode?: StackMode;
+    edgePadding?: boolean;
+    waterfall?: boolean;
+    waterfallTotal?: boolean;
+    sharedScale?: boolean;
+    categoryLabelLine?: boolean;
+}
+export type ChartRenderer = (container: HTMLElement, data: ChartData, options: ChartOptions, transition?: boolean) => void;
+export interface ChartOptionDef {
+    key: string;
+    type: ChartOptionType;
+    label: string;
+    default?: unknown;
+    choices?: {
+        value: string;
+        text: string;
+    }[];
+    placeholder?: string;
+}
+export interface Margin {
+    top: number;
+    right: number;
+    bottom: number;
+    left: number;
+}
+export interface ChartTypeOptions {
+    colors: string[];
+    colorPalette: string;
+    interpolation: string;
+    legend: boolean;
+    legendPosition: string;
+    legendAnchor: string;
+    directLabelling: string;
+    directLabelAnchor: string;
+    showVerticalAxis: boolean;
+    verticalAxisDirection: string;
+    showVerticalTicks: boolean;
+    verticalGridStyle: GridStyle;
+    verticalNumberFormat: string;
+    showHorizontalAxis: boolean;
+    showHorizontalTicks: boolean;
+    horizontalGridStyle: GridStyle;
+    horizontalNumberFormat: string;
+    verticalScaleType: ScaleType;
+    horizontalScaleType: ScaleType;
+    verticalLabelPosition: string;
+    verticalRangeMin: string;
+    verticalRangeMax: string;
+    horizontalLabelPosition: string;
+    horizontalLabelRotation: string;
+    horizontalRangeMin: string;
+    horizontalRangeMax: string;
+    valueLabels: boolean;
+    valueLabelPosition: string;
+    tooltips: boolean;
+    crosshair: boolean;
+    crosshairDirection: string;
+    crosshairStyle: string;
+    crosshairColor: string;
+    lineSymbols: boolean;
+    lineSymbolShape: string;
+    lineSymbolShowOn: string;
+    lineSymbolStyle: string;
+    lineSymbolSize: string;
+    lineSymbolOpacity: string;
+    displayAsPercentage: boolean;
+    showTotal: boolean;
+    showLabels: boolean;
+    showValues: boolean;
+    swapLabelValue: boolean;
+    sliceMax: string;
+    sliceGroupLabel: string;
+    autoContrast: boolean;
+    allowDarkMode: boolean;
+    sortMode: SortMode;
+    barBackground: boolean;
+    barSeparators: boolean;
+    barGap: string;
+    connectedColumns: boolean;
+    connectionsOpacity: string;
+    stackMode: string;
+    stacked: boolean;
+    stackPercent: boolean;
+    areaSortMode: string;
+    areaLines: boolean;
+    areaFillOpacity: string;
+    edgePadding: boolean;
+    waterfall: boolean;
+    waterfallTotal: boolean;
+    sharedScale: boolean;
+    categoryLabelLine: boolean;
+}
+export type ChartTypeOptionKey = keyof ChartTypeOptions;