@visactor/vchart-theme-demo-component 0.0.1-alpha.0

package/esm/vchart-chart-hub-theme/chartSpec.d.ts

@@ -0,0 +1,757 @@
+export declare const barSpec: {
+    type: string;
+    data: {
+        values: {
+            type: string;
+            year: string;
+            value: number;
+        }[];
+    };
+    height: number;
+    xField: string[];
+    yField: string;
+    seriesField: string;
+    axes: {
+        orient: string;
+        visible: boolean;
+        domainLine: {
+            visible: boolean;
+        };
+        tick: {
+            visible: boolean;
+        };
+    }[];
+    legends: {
+        visible: boolean;
+    };
+    indicator: {
+        visible: boolean;
+    };
+};
+export declare const barGroupSpec: {
+    type: string;
+    data: {
+        values: {
+            type: string;
+            year: string;
+            value: number;
+        }[];
+    };
+    height: number;
+    xField: string[];
+    yField: string;
+    seriesField: string;
+    axes: {
+        orient: string;
+        visible: boolean;
+        domainLine: {
+            visible: boolean;
+        };
+        tick: {
+            visible: boolean;
+        };
+    }[];
+    legends: {
+        visible: boolean;
+    };
+};
+export declare const barGroupHorizontalSpec: {
+    type: string;
+    data: {
+        values: {
+            type: string;
+            year: string;
+            value: number;
+        }[];
+    };
+    height: number;
+    direction: string;
+    xField: string;
+    yField: string[];
+    seriesField: string;
+    axes: {
+        orient: string;
+        visible: boolean;
+        domainLine: {
+            visible: boolean;
+        };
+        tick: {
+            visible: boolean;
+        };
+    }[];
+    legends: {
+        visible: boolean;
+    };
+};
+export declare const barStackedSpec: {
+    type: string;
+    data: {
+        values: {
+            type: string;
+            year: string;
+            value: number;
+        }[];
+    };
+    height: number;
+    xField: string;
+    yField: string;
+    seriesField: string;
+    axes: {
+        orient: string;
+        visible: boolean;
+        domainLine: {
+            visible: boolean;
+        };
+        tick: {
+            visible: boolean;
+        };
+    }[];
+    legends: {
+        visible: boolean;
+    };
+    indicator: {
+        visible: boolean;
+    };
+};
+export declare const barStackedHorizontalSpec: {
+    type: string;
+    data: {
+        values: {
+            type: string;
+            year: string;
+            value: number;
+        }[];
+    };
+    height: number;
+    direction: string;
+    xField: string;
+    yField: string;
+    seriesField: string;
+    axes: {
+        orient: string;
+        visible: boolean;
+        domainLine: {
+            visible: boolean;
+        };
+        tick: {
+            visible: boolean;
+        };
+    }[];
+    legends: {
+        visible: boolean;
+    };
+    indicator: {
+        visible: boolean;
+    };
+};
+export declare const barStackedPercentSpec: {
+    type: string;
+    stack: boolean;
+    percent: boolean;
+    data: {
+        values: {
+            type: string;
+            year: string;
+            value: number;
+        }[];
+    };
+    height: number;
+    xField: string;
+    yField: string;
+    seriesField: string;
+    axes: {
+        orient: string;
+        visible: boolean;
+        domainLine: {
+            visible: boolean;
+        };
+        tick: {
+            visible: boolean;
+        };
+    }[];
+    legends: {
+        visible: boolean;
+    };
+    label: {
+        visible: boolean;
+    };
+};
+export declare const lineSpec: {
+    type: string;
+    data: {
+        values: {
+            type: string;
+            country: string;
+            value: number;
+        }[];
+    };
+    height: number;
+    xField: string[];
+    yField: string;
+    seriesField: string;
+    legends: {
+        visible: boolean;
+    };
+    point: {
+        state: {
+            dimension_hover: {
+                visible: boolean;
+                size: number;
+            };
+        };
+    };
+    line: {
+        state: {
+            active: {
+                lineWidth: number;
+            };
+        };
+    };
+    interactions: {
+        type: string;
+        state: string;
+    }[];
+    crosshair: {
+        xField: {
+            line: {
+                type: string;
+                style: {
+                    lineWidth: number;
+                };
+            };
+        };
+    };
+};
+export declare const ringSpec: {
+    type: string;
+    data: {
+        id: string;
+        values: {
+            type: string;
+            value: string;
+        }[];
+    }[];
+    valueField: string;
+    categoryField: string;
+    legends: {
+        visible: boolean;
+        orient: string;
+    };
+    interactions: {
+        type: string;
+        state: string;
+    }[];
+    pie: {
+        state: {
+            active: {
+                lineWidth: number;
+            };
+        };
+    };
+    label: {
+        formatMethod: (value: any, data: any) => {
+            type: string;
+            text: ({
+                text: string;
+                fontSize: number;
+                fontWeight: string;
+                fill: string;
+            } | {
+                text: any;
+                fill: string;
+                fontSize?: undefined;
+                fontWeight?: undefined;
+            })[];
+        };
+    };
+    indicator: {
+        visible: boolean;
+        trigger: string;
+        title: {
+            visible: boolean;
+            style: {
+                text: string;
+                fontSize: number;
+            };
+        };
+    };
+};
+export declare const pieSpec: {
+    type: string;
+    innerRadius: number;
+    data: {
+        id: string;
+        values: {
+            type: string;
+            value: string;
+        }[];
+    }[];
+    valueField: string;
+    categoryField: string;
+    legends: {
+        visible: boolean;
+        orient: string;
+    };
+    interactions: {
+        type: string;
+        state: string;
+    }[];
+    pie: {
+        state: {
+            active: {
+                lineWidth: number;
+            };
+        };
+    };
+    label: {
+        formatMethod: (value: any, data: any) => {
+            type: string;
+            text: ({
+                text: string;
+                fontSize: number;
+                fontWeight: string;
+                fill: string;
+            } | {
+                text: any;
+                fill: string;
+                fontSize?: undefined;
+                fontWeight?: undefined;
+            })[];
+        };
+    };
+};
+export declare const radarSpec: {
+    type: string;
+    data: {
+        id: string;
+        values: {
+            key: string;
+            value: number;
+            type: string;
+        }[];
+    }[];
+    categoryField: string;
+    valueField: string;
+    seriesField: string;
+    point: {
+        state: {
+            dimension_hover: {
+                visible: boolean;
+                size: number;
+            };
+        };
+    };
+    line: {
+        state: {
+            active: {
+                lineWidth: number;
+            };
+        };
+    };
+    area: {
+        visible: boolean;
+        state: {
+            active: {
+                fillOpacity: number;
+            };
+        };
+    };
+    crosshair: {
+        categoryField: {
+            line: {
+                style: {
+                    lineWidth: number;
+                };
+            };
+        };
+    };
+    legends: {
+        visible: boolean;
+    };
+    outerRadius: number;
+    interactions: {
+        type: string;
+        state: string;
+    }[];
+    axes: ({
+        orient: string;
+        zIndex: number;
+        min: number;
+        max: number;
+        grid: {
+            smooth: boolean;
+        };
+        label: {
+            visible: boolean;
+        };
+        domainLine?: undefined;
+    } | {
+        orient: string;
+        zIndex: number;
+        grid: {
+            smooth: boolean;
+        };
+        domainLine: {
+            visible: boolean;
+        };
+        min?: undefined;
+        max?: undefined;
+        label?: undefined;
+    })[];
+};
+export declare const funnelSpec: {
+    type: string;
+    categoryField: string;
+    valueField: string;
+    data: {
+        id: string;
+        values: {
+            value: number;
+            name: string;
+        }[];
+    }[];
+    label: {
+        visible: boolean;
+    };
+    legends: {
+        visible: boolean;
+        orient: string;
+    };
+};
+export declare const areaSpec: {
+    type: string;
+    seriesMark: string;
+    data: {
+        values: {
+            type: string;
+            country: string;
+            value: number;
+        }[];
+    };
+    height: number;
+    xField: string[];
+    yField: string;
+    seriesField: string;
+    legends: {
+        visible: boolean;
+    };
+    line: {
+        style: {
+            curveType: string;
+        };
+    };
+    point: {
+        state: {
+            dimension_hover: {
+                visible: boolean;
+                size: number;
+            };
+        };
+    };
+    crosshair: {
+        xField: {
+            line: {
+                type: string;
+                style: {
+                    lineWidth: number;
+                };
+            };
+        };
+    };
+    stack: boolean;
+};
+export declare const gaugeSpec: {
+    type: string;
+    data: {
+        id: string;
+        values: {
+            type: string;
+            value: number;
+        }[];
+    }[];
+    categoryField: string;
+    valueField: string;
+    outerRadius: number;
+    innerRadius: number;
+    startAngle: number;
+    endAngle: number;
+    indicator: {
+        visible: boolean;
+        title: {
+            style: {
+                text: string;
+                fontSize: number;
+                fontWeight: number;
+            };
+        };
+    }[];
+    axes: {
+        type: string;
+        orient: string;
+        min: number;
+        max: number;
+        offset: number;
+        radius: number;
+        grid: {
+            visible: boolean;
+        };
+        tick: {
+            visible: boolean;
+            tickSize: number;
+            style: {
+                lineWidth: number;
+            };
+        };
+        subTick: {
+            visible: boolean;
+            tickSize: number;
+            style: {
+                lineWidth: number;
+            };
+        };
+        label: {
+            visible: boolean;
+            style: {
+                fill: string;
+                fontSize: number;
+            };
+        };
+    }[];
+};
+export declare const horizontalBarSpec: {
+    type: string;
+    data: {
+        id: string;
+        values: {
+            province: string;
+            value: number;
+            type: string;
+        }[];
+    }[];
+    direction: string;
+    xField: string;
+    yField: string;
+    seriesField: string;
+    padding: {
+        right: number;
+        left: number;
+    };
+    axes: ({
+        orient: string;
+        visible: boolean;
+        nice: boolean;
+        maxWidth?: undefined;
+        label?: undefined;
+        domainLine?: undefined;
+        tick?: undefined;
+    } | {
+        orient: string;
+        maxWidth: number;
+        label: {
+            autoLimit: boolean;
+        };
+        domainLine: {
+            visible: boolean;
+        };
+        tick: {
+            visible: boolean;
+        };
+        visible?: undefined;
+        nice?: undefined;
+    })[];
+    stackCornerRadius: number;
+    bar: {
+        style: {
+            cornerRadius: number[];
+            height: number;
+        };
+    };
+    barBackground: {
+        visible: boolean;
+        style: {
+            cornerRadius: number[];
+            height: number;
+        };
+        state: {
+            hover: {
+                stroke: string;
+                lineWidth: number;
+            };
+        };
+    };
+    extensionMark: {
+        type: string;
+        dataId: string;
+        visible: boolean;
+        style: {
+            text: (datum: any) => any;
+            fontSize: number;
+            x: (datum: any, ctx: any) => any;
+            y: (datum: any, ctx: any) => any;
+            textBaseline: string;
+            textAlign: string;
+            fill: string;
+            size: number;
+        };
+    }[];
+    crosshair: {
+        yField: {
+            visible: boolean;
+        };
+    };
+    tooltip: {
+        mark: {
+            title: {
+                visible: boolean;
+            };
+        };
+        dimension: {
+            title: {
+                visible: boolean;
+            };
+        };
+        style: {
+            shape: {
+                shapeType: string;
+            };
+        };
+    };
+};
+export declare const scatterSpec: {
+    type: string;
+    data: {
+        id: string;
+        values: {
+            gender: string;
+            height: number;
+            weight: number;
+            age: number;
+        }[];
+    }[];
+    xField: string;
+    yField: string;
+    seriesField: string;
+    legends: {
+        visible: boolean;
+    };
+    crosshair: {
+        xField: {
+            visible: boolean;
+        };
+    };
+    interactions: {
+        type: string;
+        state: string;
+    }[];
+    tooltip: {
+        dimension: {
+            visible: boolean;
+        };
+    };
+    point: {
+        state: {
+            active: {
+                size: number;
+                fillOpacity: number;
+                strokeOpacity: number;
+                outerBorder: {
+                    lineWidth: number;
+                    strokeOpacity: number;
+                    distance: number;
+                };
+            };
+        };
+    };
+    axes: {
+        orient: string;
+        type: string;
+        zero: boolean;
+        domainLine: {
+            visible: boolean;
+        };
+        grid: {
+            visible: boolean;
+        };
+    }[];
+};
+export declare const indicatorSankeySpec: {
+    type: string;
+    data: {
+        id: string;
+        values: {
+            links: ({
+                source: string;
+                target: string;
+                value: number;
+            } | {
+                source: string;
+                value: number;
+                target?: undefined;
+            } | {
+                target: string;
+                value: number;
+                source?: undefined;
+            })[];
+        }[];
+    }[];
+    dataId: string;
+    categoryField: string;
+    valueField: string;
+    sourceField: string;
+    targetField: string;
+    dropIsolatedNode: boolean;
+    nodeGap: number;
+    nodeWidth: number;
+    equalNodeHeight: boolean;
+    linkOverlap: string;
+    label: {
+        visible: boolean;
+        style: {
+            fontSize: number;
+        };
+    };
+    node: {
+        state: {
+            hover: {
+                stroke: string;
+            };
+            selected: {
+                lineWidth: number;
+                brighter: number;
+                fillOpacity: number;
+            };
+        };
+        style: {
+            fill: string;
+            fillOpacity: number;
+            lineWidth: number;
+            stroke: string;
+            html: (datum: any, a: any, c: any) => {
+                style: ({ width, height }: any) => {
+                    'border-right': string;
+                    width: string;
+                    height: string;
+                    background: string;
+                };
+                dom: string;
+            };
+        };
+    };
+    link: {
+        style: {
+            fill: string;
+        };
+        state: {
+            hover: {
+                fillOpacity: number;
+            };
+            selected: {
+                fill: string;
+                stroke: string;
+                lineWidth: number;
+                brighter: number;
+                fillOpacity: number;
+            };
+        };
+    };
+};