eurostat-map
    Preparing search index...

    Interface PieMapConfig

    Configuration for pie chart composition maps.

    interface PieMapConfig {
        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;
        showSourceLink?: boolean;
        patternFill?: any;
        pieSettings?: { innerRadius?: number };
        compositionSettings?: {
            type?:
                | "pie"
                | "flag"
                | "ring"
                | "segment"
                | "radar"
                | "agepyramid"
                | "halftone";
            radarValueMode?: "share"
            | "absolute";
            minSize?: number;
            maxSize?: number;
            strokeFill?: string;
            strokeWidth?: number;
            reverseOrder?: boolean;
            order?: string[];
            stripesOrientation?: number;
            offsetAngle?: number;
            agePyramidHeightFactor?: number;
            otherColor?: string;
            otherText?: string;
        };
        tooltipPieRadius?: number;
        tooltipPieInnerRadius?: number;
        catColors?: Record<string, string>;
        catLabels?: Record<string, string>;
        showOnlyWhenComplete?: boolean;
        noDataFillStyle?: string;
        dorling?: boolean;
        compositionTotalCode?: string;
        statCodes?: string[];
        legend?: false | PieChartLegendConfig;
        [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? showSourceLink? patternFill? pieSettings? compositionSettings? tooltipPieRadius? tooltipPieInnerRadius? catColors? catLabels? showOnlyWhenComplete? noDataFillStyle? dorling? compositionTotalCode? statCodes? 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.

    showSourceLink?: boolean

    Show the link to the remote Eurostat statistical dataset.

    patternFill?: any

    Pattern fill configurations.

    pieSettings?: { innerRadius?: number }

    Pie-specific rendering settings.

    compositionSettings?: {
        type?:
            | "pie"
            | "flag"
            | "ring"
            | "segment"
            | "radar"
            | "agepyramid"
            | "halftone";
        radarValueMode?: "share"
        | "absolute";
        minSize?: number;
        maxSize?: number;
        strokeFill?: string;
        strokeWidth?: number;
        reverseOrder?: boolean;
        order?: string[];
        stripesOrientation?: number;
        offsetAngle?: number;
        agePyramidHeightFactor?: number;
        otherColor?: string;
        otherText?: string;
    }

    Consolidated composition symbol settings.

    Type Declaration

    • Optionaltype?: "pie" | "flag" | "ring" | "segment" | "radar" | "agepyramid" | "halftone"
    • OptionalradarValueMode?: "share" | "absolute"

      Radar wedge radius mode: share within symbol (default) or absolute values across map.

    • OptionalminSize?: number
    • OptionalmaxSize?: number
    • OptionalstrokeFill?: string
    • OptionalstrokeWidth?: number
    • OptionalreverseOrder?: boolean
    • Optionalorder?: string[]

      Category code order for composition rendering.

    • OptionalstripesOrientation?: number
    • OptionaloffsetAngle?: number
    • OptionalagePyramidHeightFactor?: number
    • OptionalotherColor?: string
    • OptionalotherText?: string
    tooltipPieRadius?: number

    Tooltip pie radius.

    tooltipPieInnerRadius?: number

    Tooltip pie inner radius.

    catColors?: Record<string, string>

    Cat colors.

    catLabels?: Record<string, string>

    Cat labels.

    showOnlyWhenComplete?: boolean

    Show only when complete.

    noDataFillStyle?: string

    No data fill style.

    dorling?: boolean

    Dorling.

    compositionTotalCode?: string

    Total code used to compute optional 'other' composition share.

    statCodes?: string[]

    Stat codes.

    legend?: false | PieChartLegendConfig

    Legend.

    Settings

    Member Visibility

    On This Page

    Properties