legend: {
    area: {
        fill: string;
        height: number;
        stroke: any;
        width: number;
    };
    checkbox: {
        radius: number;
    };
    color: {
        axisYTranslation: number;
        barHeight: number;
        barWidth: number;
    };
    items: {
        horizontalSpace: number;
        spaceAfter: number;
        status: {
            ACTIVE: number;
            DISABLED: number;
        };
        textYOffset: number;
        verticalSpace: number;
    };
    line: {
        fill: any;
        stroke: string;
        strokeWidth: number;
        width: number;
        yPosition: number;
    };
    quartile: {
        iconData: {
            height: number;
            width: number;
            x: number;
            y: number;
        }[];
    };
    radius: {
        fill: any;
        iconData: {
            cx: number;
            cy: number;
            r: number;
        }[];
        stroke: string;
    };
    size: {
        fill: any;
        iconData: {
            height: number;
            width: number;
        }[];
        stroke: string;
    };
    zoom: {
        color: string;
        iconData: {
            height: number;
            width: number;
            x: number;
            y: number;
        }[];
    };
} = ...