eurostat-map
    Preparing search index...

    Interface SparkMapConfig

    Configuration for sparkline maps.

    interface SparkMapConfig {
        svgId?: string;
        containerId?: string;
        proj?: string;
        projectionFunction?: () => any;
        scale?: "60M" | "20M" | "10M" | "03M" | "01M";
        nutsLevel?: number;
        nutsYear?: string | number;
        geoCenter?: [number, number];
        geo?: string;
        width?: number;
        height?: number;
        title?: string;
        subtitle?: string;
        footnote?: string;
        source?: string;
        stat?: StatConfig;
        tooltip?: TooltipConfig;
        insets?: InsetConfig[];
        zoomExtent?: [number, number];
        gridCartogramSettings?: Partial<GridCartogramSettings>;
        dorlingSettings?: Partial<DorlingSettings>;
        drawCoastalMargin?: boolean;
        coastalMarginSettings?: Partial<CoastalMarginSettings>;
        drawGraticule?: boolean;
        labelling?: boolean;
        onBuild?: (map: MapInstance) => void;
        scalebar?: boolean | ScalebarConfig;
        gridCartogram?: boolean;
        filterGeometriesFunction?: (geometry: any) => boolean;
        backgroundMap?: boolean;
        minimap?: any;
        zoomButtons?: boolean;
        insetsButton?: boolean;
        legendButton?: boolean;
        placenames?: boolean;
        placenamesFilter?: (name: any) => boolean;
        header?: boolean;
        footer?: boolean;
        footerPadding?: number;
        headerPadding?: number;
        titlePosition?: [number, number];
        subtitlePosition?: [number, number];
        footnotePosition?: [number, number];
        logoPosition?: [number, number];
        ribbonPosition?: [number, number];
        zoomButtonsPosition?: [number, number];
        insetsButtonPosition?: [number, number];
        legendButtonPosition?: [number, number];
        hoverColor?: string;
        noDataFillStyle?: string;
        showSourceLink?: boolean;
        patternFill?: any;
        sparkType?: "area" | "line" | "bar";
        sparkLineColor?:
            | string
            | ((value: number, index: number, data: any[]) => string);
        sparkAreaColor?:
            | string
            | ((value: number, index: number, data: any[]) => string);
        sparkLineWidth?: number;
        sparkLineHeight?: number;
        sparkLineStrokeWidth?: number;
        sparkLineOpacity?: number;
        sparkLineCircleRadius?: number;
        sparkTooltipChart?: {
            width: number;
            height: number;
            margin: { left: number; right: number; top: number; bottom: number };
            circleRadius: number;
        };
        sparkLineOffsets?: { x: number; y: number };
        showOnlyWhenComplete?: boolean;
        sparkLineChartFunction?: (
            node: any,
            data: any[],
            width: number,
            height: number,
            isForTooltip?: boolean,
        ) => void;
        sparkYScale?: any;
        legend?: false | SparklineLegendConfig;
        [key: string]: any;
    }

    Hierarchy (View Summary)

    Indexable

    • [key: string]: any

      Allow additional properties for extensibility.

    Index

    Properties

    svgId? containerId? proj? projectionFunction? scale? nutsLevel? nutsYear? geoCenter? geo? width? height? title? subtitle? footnote? source? stat? tooltip? insets? zoomExtent? gridCartogramSettings? dorlingSettings? drawCoastalMargin? coastalMarginSettings? drawGraticule? labelling? onBuild? scalebar? gridCartogram? filterGeometriesFunction? backgroundMap? minimap? zoomButtons? insetsButton? legendButton? placenames? placenamesFilter? header? footer? footerPadding? headerPadding? titlePosition? subtitlePosition? footnotePosition? logoPosition? ribbonPosition? zoomButtonsPosition? insetsButtonPosition? legendButtonPosition? hoverColor? noDataFillStyle? showSourceLink? patternFill? sparkType? sparkLineColor? sparkAreaColor? sparkLineWidth? sparkLineHeight? sparkLineStrokeWidth? sparkLineOpacity? sparkLineCircleRadius? sparkTooltipChart? sparkLineOffsets? showOnlyWhenComplete? sparkLineChartFunction? sparkYScale? legend?

    Properties

    svgId?: string

    Container settings.

    containerId?: string

    ID of the container element used to host the map.

    proj?: string

    NUTS2json geometries projection: '3035', '3857', '4326'. For custom projections, use 4326 and then set projectionFunction().

    projectionFunction?: () => any

    Function to set a custom projection. See d3-geo projections for examples.

    scale?: "60M" | "20M" | "10M" | "03M" | "01M"

    Scale of the map, for NUTSjson geometries.

    nutsLevel?: number

    NUTS level (0, 1, 2, 3).

    nutsYear?: string | number

    NUTS boundary year.

    geoCenter?: [number, number]

    Geographic center as [longitude, latitude].

    geo?: string

    NUTS2JSON geographic focus (e.g., 'EUR', 'WORLD', 'IC', 'GF'). See https://github.com/eurostat/Nuts2json#overseas-territories---map-insets

    width?: number

    Map dimensions.

    height?: number

    Map height in pixels.

    title?: string

    Map title.

    subtitle?: string

    Map subtitle.

    footnote?: string

    Footnote text shown below the map.

    source?: string

    Data source text.

    stat?: StatConfig

    Statistical data configuration.

    tooltip?: TooltipConfig

    Tooltip configuration.

    insets?: InsetConfig[]

    Insets (small additional maps).

    zoomExtent?: [number, number]

    Zoom and pan settings.

    gridCartogramSettings?: Partial<GridCartogramSettings>

    Grid cartogram layout settings.

    dorlingSettings?: Partial<DorlingSettings>

    Dorling simulation settings.

    drawCoastalMargin?: boolean

    Show or hide the coastal margin effect.

    coastalMarginSettings?: Partial<CoastalMarginSettings>

    Coastal margin settings to override defaults.

    drawGraticule?: boolean

    Graticule.

    labelling?: boolean

    Labels.

    onBuild?: (map: MapInstance) => void

    Fires once the map is built.

    scalebar?: boolean | ScalebarConfig

    Scalebar configuration. Can be boolean or configuration object.

    gridCartogram?: boolean

    Grid cartogram enabled or disabled.

    filterGeometriesFunction?: (geometry: any) => boolean

    Custom geometry filtering function.

    backgroundMap?: boolean

    Toggle background map rendering (sea, country boundaries, etc.).

    minimap?: any

    Minimap configuration.

    zoomButtons?: boolean

    Show/hide zoom +/- buttons.

    insetsButton?: boolean

    Show/hide inset map toggle button.

    legendButton?: boolean

    Show/hide legend toggle button.

    placenames?: boolean

    Show/hide placename labels.

    placenamesFilter?: (name: any) => boolean

    Filter function for placename labels.

    header?: boolean

    Use a separate header section for titles.

    footer?: boolean

    Use a separate footer section for footnotes.

    footerPadding?: number

    Padding between the map and footer in pixels.

    headerPadding?: number

    Padding between the header and map in pixels.

    titlePosition?: [number, number]

    Position adjustment for map title: [x, y]

    subtitlePosition?: [number, number]

    Position adjustment for map subtitle: [x, y]

    footnotePosition?: [number, number]

    Position adjustment for footnote text: [x, y]

    logoPosition?: [number, number]

    Position adjustment for Eurostat logo: [x, y]

    ribbonPosition?: [number, number]

    Position adjustment for ribbon banner: [x, y]

    zoomButtonsPosition?: [number, number]

    Position adjustment for zoom buttons: [x, y]

    insetsButtonPosition?: [number, number]

    Position adjustment for insets button: [x, y]

    legendButtonPosition?: [number, number]

    Position adjustment for legend button: [x, y]

    hoverColor?: string

    Pointer hover color for NUTS regions.

    noDataFillStyle?: string

    Base fill color for regions with no statistical data.

    showSourceLink?: boolean

    Show the link to the remote Eurostat statistical dataset.

    patternFill?: any

    Pattern fill configurations.

    sparkType?: "area" | "line" | "bar"

    Spark type.

    sparkLineColor?:
        | string
        | ((value: number, index: number, data: any[]) => string)
    sparkAreaColor?:
        | string
        | ((value: number, index: number, data: any[]) => string)
    sparkLineWidth?: number

    Spark line width.

    sparkLineHeight?: number

    Spark line height.

    sparkLineStrokeWidth?: number

    Spark line stroke width.

    sparkLineOpacity?: number

    Spark line opacity.

    sparkLineCircleRadius?: number

    Spark line circle radius.

    sparkTooltipChart?: {
        width: number;
        height: number;
        margin: { left: number; right: number; top: number; bottom: number };
        circleRadius: number;
    }

    Spark tooltip chart.

    Type Declaration

    • width: number

      Width.

    • height: number

      Height.

    • margin: { left: number; right: number; top: number; bottom: number }

      Margin.

    • circleRadius: number

      Circle radius.

    sparkLineOffsets?: { x: number; y: number }

    Spark line offsets.

    showOnlyWhenComplete?: boolean

    Show only when complete.

    sparkLineChartFunction?: (
        node: any,
        data: any[],
        width: number,
        height: number,
        isForTooltip?: boolean,
    ) => void
    sparkYScale?: any

    Spark yscale.

    legend?: false | SparklineLegendConfig

    Legend.

    Settings

    Member Visibility

    On This Page

    Properties