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

package/esm/vchart-chart-hub-theme/chartSpec.js

@@ -0,0 +1,1801 @@
+export const barSpec = {
+    type: "bar",
+    data: {
+        values: [ {
+            type: "Autocracies",
+            year: "1930",
+            value: 129
+        }, {
+            type: "Autocracies",
+            year: "1940",
+            value: 133
+        }, {
+            type: "Autocracies",
+            year: "1950",
+            value: 130
+        }, {
+            type: "Autocracies",
+            year: "1960",
+            value: 126
+        }, {
+            type: "Autocracies",
+            year: "1970",
+            value: 117
+        }, {
+            type: "Autocracies",
+            year: "1980",
+            value: 114
+        }, {
+            type: "Autocracies",
+            year: "1990",
+            value: 111
+        }, {
+            type: "Autocracies",
+            year: "2000",
+            value: 89
+        }, {
+            type: "Autocracies",
+            year: "2010",
+            value: 80
+        }, {
+            type: "Autocracies",
+            year: "2018",
+            value: 80
+        } ]
+    },
+    height: 500,
+    xField: [ "year", "type" ],
+    yField: "value",
+    seriesField: "type",
+    axes: [ {
+        orient: "bottom",
+        visible: !0,
+        domainLine: {
+            visible: !0
+        },
+        tick: {
+            visible: !0
+        }
+    }, {
+        orient: "left",
+        visible: !0,
+        domainLine: {
+            visible: !1
+        },
+        tick: {
+            visible: !1
+        }
+    } ],
+    legends: {
+        visible: !0
+    },
+    indicator: {
+        visible: !0
+    }
+};
+
+export const barGroupSpec = {
+    type: "bar",
+    data: {
+        values: [ {
+            type: "Autocracies",
+            year: "1930",
+            value: 129
+        }, {
+            type: "Autocracies",
+            year: "1940",
+            value: 133
+        }, {
+            type: "Autocracies",
+            year: "1950",
+            value: 130
+        }, {
+            type: "Autocracies",
+            year: "1960",
+            value: 126
+        }, {
+            type: "Autocracies",
+            year: "1970",
+            value: 117
+        }, {
+            type: "Autocracies",
+            year: "1980",
+            value: 114
+        }, {
+            type: "Autocracies",
+            year: "1990",
+            value: 111
+        }, {
+            type: "Autocracies",
+            year: "2000",
+            value: 89
+        }, {
+            type: "Autocracies",
+            year: "2010",
+            value: 80
+        }, {
+            type: "Autocracies",
+            year: "2018",
+            value: 80
+        }, {
+            type: "Democracies",
+            year: "1930",
+            value: 22
+        }, {
+            type: "Democracies",
+            year: "1940",
+            value: 13
+        }, {
+            type: "Democracies",
+            year: "1950",
+            value: 25
+        }, {
+            type: "Democracies",
+            year: "1960",
+            value: 29
+        }, {
+            type: "Democracies",
+            year: "1970",
+            value: 38
+        }, {
+            type: "Democracies",
+            year: "1980",
+            value: 41
+        }, {
+            type: "Democracies",
+            year: "1990",
+            value: 57
+        }, {
+            type: "Democracies",
+            year: "2000",
+            value: 87
+        }, {
+            type: "Democracies",
+            year: "2010",
+            value: 98
+        }, {
+            type: "Democracies",
+            year: "2018",
+            value: 99
+        }, {
+            type: "Price",
+            year: "1930",
+            value: 56
+        }, {
+            type: "Price",
+            year: "1940",
+            value: 122
+        }, {
+            type: "Price",
+            year: "1950",
+            value: 72
+        }, {
+            type: "Price",
+            year: "1960",
+            value: 82
+        }, {
+            type: "Price",
+            year: "1970",
+            value: 67
+        }, {
+            type: "Price",
+            year: "1980",
+            value: 89
+        }, {
+            type: "Price",
+            year: "1990",
+            value: 60
+        }, {
+            type: "Price",
+            year: "2000",
+            value: 123
+        }, {
+            type: "Price",
+            year: "2010",
+            value: 111
+        }, {
+            type: "Price",
+            year: "2018",
+            value: 99
+        } ]
+    },
+    height: 500,
+    xField: [ "year", "type" ],
+    yField: "value",
+    seriesField: "type",
+    axes: [ {
+        orient: "bottom",
+        visible: !0,
+        domainLine: {
+            visible: !0
+        },
+        tick: {
+            visible: !0
+        }
+    }, {
+        orient: "left",
+        visible: !0,
+        domainLine: {
+            visible: !1
+        },
+        tick: {
+            visible: !1
+        }
+    } ],
+    legends: {
+        visible: !0
+    }
+};
+
+export const barGroupHorizontalSpec = {
+    type: "bar",
+    data: {
+        values: [ {
+            type: "Autocracies",
+            year: "1930",
+            value: 129
+        }, {
+            type: "Autocracies",
+            year: "1940",
+            value: 133
+        }, {
+            type: "Autocracies",
+            year: "1950",
+            value: 130
+        }, {
+            type: "Autocracies",
+            year: "1960",
+            value: 126
+        }, {
+            type: "Autocracies",
+            year: "1970",
+            value: 117
+        }, {
+            type: "Autocracies",
+            year: "1980",
+            value: 114
+        }, {
+            type: "Autocracies",
+            year: "1990",
+            value: 111
+        }, {
+            type: "Democracies",
+            year: "1930",
+            value: 22
+        }, {
+            type: "Democracies",
+            year: "1940",
+            value: 13
+        }, {
+            type: "Democracies",
+            year: "1950",
+            value: 25
+        }, {
+            type: "Democracies",
+            year: "1960",
+            value: 29
+        }, {
+            type: "Democracies",
+            year: "1970",
+            value: 38
+        }, {
+            type: "Democracies",
+            year: "1980",
+            value: 41
+        }, {
+            type: "Democracies",
+            year: "1990",
+            value: 57
+        } ]
+    },
+    height: 500,
+    direction: "horizontal",
+    xField: "value",
+    yField: [ "year", "type" ],
+    seriesField: "type",
+    axes: [ {
+        orient: "left",
+        visible: !0,
+        domainLine: {
+            visible: !0
+        },
+        tick: {
+            visible: !0
+        }
+    }, {
+        orient: "bottom",
+        visible: !0,
+        domainLine: {
+            visible: !1
+        },
+        tick: {
+            visible: !1
+        }
+    } ],
+    legends: {
+        visible: !0
+    }
+};
+
+export const barStackedSpec = {
+    type: "bar",
+    data: {
+        values: [ {
+            type: "Autocracies",
+            year: "1930",
+            value: 129
+        }, {
+            type: "Autocracies",
+            year: "1940",
+            value: 133
+        }, {
+            type: "Autocracies",
+            year: "1950",
+            value: 130
+        }, {
+            type: "Autocracies",
+            year: "1960",
+            value: 126
+        }, {
+            type: "Autocracies",
+            year: "1970",
+            value: 117
+        }, {
+            type: "Autocracies",
+            year: "1980",
+            value: 114
+        }, {
+            type: "Autocracies",
+            year: "1990",
+            value: 111
+        }, {
+            type: "Autocracies",
+            year: "2000",
+            value: 89
+        }, {
+            type: "Autocracies",
+            year: "2010",
+            value: 80
+        }, {
+            type: "Autocracies",
+            year: "2018",
+            value: 80
+        }, {
+            type: "Democracies",
+            year: "1930",
+            value: 22
+        }, {
+            type: "Democracies",
+            year: "1940",
+            value: 13
+        }, {
+            type: "Democracies",
+            year: "1950",
+            value: 25
+        }, {
+            type: "Democracies",
+            year: "1960",
+            value: 29
+        }, {
+            type: "Democracies",
+            year: "1970",
+            value: 38
+        }, {
+            type: "Democracies",
+            year: "1980",
+            value: 41
+        }, {
+            type: "Democracies",
+            year: "1990",
+            value: 57
+        }, {
+            type: "Democracies",
+            year: "2000",
+            value: 87
+        }, {
+            type: "Democracies",
+            year: "2010",
+            value: 98
+        }, {
+            type: "Democracies",
+            year: "2018",
+            value: 99
+        }, {
+            type: "Price",
+            year: "1930",
+            value: 56
+        }, {
+            type: "Price",
+            year: "1940",
+            value: 122
+        }, {
+            type: "Price",
+            year: "1950",
+            value: 72
+        }, {
+            type: "Price",
+            year: "1960",
+            value: 82
+        }, {
+            type: "Price",
+            year: "1970",
+            value: 67
+        }, {
+            type: "Price",
+            year: "1980",
+            value: 89
+        }, {
+            type: "Price",
+            year: "1990",
+            value: 60
+        }, {
+            type: "Price",
+            year: "2000",
+            value: 123
+        }, {
+            type: "Price",
+            year: "2010",
+            value: 111
+        }, {
+            type: "Price",
+            year: "2018",
+            value: 99
+        } ]
+    },
+    height: 500,
+    xField: "year",
+    yField: "value",
+    seriesField: "type",
+    axes: [ {
+        orient: "bottom",
+        visible: !0,
+        domainLine: {
+            visible: !0
+        },
+        tick: {
+            visible: !0
+        }
+    }, {
+        orient: "left",
+        visible: !0,
+        domainLine: {
+            visible: !1
+        },
+        tick: {
+            visible: !1
+        }
+    } ],
+    legends: {
+        visible: !0
+    },
+    indicator: {
+        visible: !0
+    }
+};
+
+export const barStackedHorizontalSpec = {
+    type: "bar",
+    data: {
+        values: [ {
+            type: "Autocracies",
+            year: "1930",
+            value: 129
+        }, {
+            type: "Autocracies",
+            year: "1940",
+            value: 133
+        }, {
+            type: "Autocracies",
+            year: "1950",
+            value: 130
+        }, {
+            type: "Autocracies",
+            year: "1960",
+            value: 126
+        }, {
+            type: "Autocracies",
+            year: "1970",
+            value: 117
+        }, {
+            type: "Autocracies",
+            year: "1980",
+            value: 114
+        }, {
+            type: "Autocracies",
+            year: "1990",
+            value: 111
+        }, {
+            type: "Democracies",
+            year: "1930",
+            value: 22
+        }, {
+            type: "Democracies",
+            year: "1940",
+            value: 13
+        }, {
+            type: "Democracies",
+            year: "1950",
+            value: 25
+        }, {
+            type: "Democracies",
+            year: "1960",
+            value: 29
+        }, {
+            type: "Democracies",
+            year: "1970",
+            value: 38
+        }, {
+            type: "Democracies",
+            year: "1980",
+            value: 41
+        }, {
+            type: "Democracies",
+            year: "1990",
+            value: 57
+        }, {
+            type: "Price",
+            year: "1930",
+            value: 56
+        }, {
+            type: "Price",
+            year: "1940",
+            value: 122
+        }, {
+            type: "Price",
+            year: "1950",
+            value: 72
+        }, {
+            type: "Price",
+            year: "1960",
+            value: 82
+        }, {
+            type: "Price",
+            year: "1970",
+            value: 67
+        }, {
+            type: "Price",
+            year: "1980",
+            value: 89
+        }, {
+            type: "Price",
+            year: "1990",
+            value: 60
+        }, {
+            type: "D",
+            year: "1930",
+            value: 56
+        }, {
+            type: "D",
+            year: "1940",
+            value: 122
+        }, {
+            type: "D",
+            year: "1950",
+            value: 72
+        }, {
+            type: "D",
+            year: "1960",
+            value: 82
+        }, {
+            type: "D",
+            year: "1970",
+            value: 67
+        }, {
+            type: "D",
+            year: "1980",
+            value: 89
+        }, {
+            type: "D",
+            year: "1990",
+            value: 60
+        }, {
+            type: "E",
+            year: "1930",
+            value: 56
+        }, {
+            type: "E",
+            year: "1940",
+            value: 122
+        }, {
+            type: "E",
+            year: "1950",
+            value: 72
+        }, {
+            type: "E",
+            year: "1960",
+            value: 82
+        }, {
+            type: "E",
+            year: "1970",
+            value: 67
+        }, {
+            type: "E",
+            year: "1980",
+            value: 89
+        }, {
+            type: "E",
+            year: "1990",
+            value: 60
+        } ]
+    },
+    height: 500,
+    direction: "horizontal",
+    xField: "value",
+    yField: "year",
+    seriesField: "type",
+    axes: [ {
+        orient: "left",
+        visible: !0,
+        domainLine: {
+            visible: !0
+        },
+        tick: {
+            visible: !0
+        }
+    }, {
+        orient: "bottom",
+        visible: !0,
+        domainLine: {
+            visible: !1
+        },
+        tick: {
+            visible: !1
+        }
+    } ],
+    legends: {
+        visible: !0
+    },
+    indicator: {
+        visible: !0
+    }
+};
+
+export const barStackedPercentSpec = {
+    type: "bar",
+    stack: !0,
+    percent: !0,
+    data: {
+        values: [ {
+            type: "Autocracies",
+            year: "1930",
+            value: 129
+        }, {
+            type: "Autocracies",
+            year: "1940",
+            value: 133
+        }, {
+            type: "Autocracies",
+            year: "1950",
+            value: 130
+        }, {
+            type: "Autocracies",
+            year: "1960",
+            value: 126
+        }, {
+            type: "Autocracies",
+            year: "1970",
+            value: 117
+        }, {
+            type: "Autocracies",
+            year: "1980",
+            value: 114
+        }, {
+            type: "Autocracies",
+            year: "1990",
+            value: 111
+        }, {
+            type: "Autocracies",
+            year: "2000",
+            value: 89
+        }, {
+            type: "Autocracies",
+            year: "2010",
+            value: 80
+        }, {
+            type: "Autocracies",
+            year: "2018",
+            value: 80
+        }, {
+            type: "Democracies",
+            year: "1930",
+            value: 22
+        }, {
+            type: "Democracies",
+            year: "1940",
+            value: 13
+        }, {
+            type: "Democracies",
+            year: "1950",
+            value: 25
+        }, {
+            type: "Democracies",
+            year: "1960",
+            value: 29
+        }, {
+            type: "Democracies",
+            year: "1970",
+            value: 38
+        }, {
+            type: "Democracies",
+            year: "1980",
+            value: 41
+        }, {
+            type: "Democracies",
+            year: "1990",
+            value: 57
+        }, {
+            type: "Democracies",
+            year: "2000",
+            value: 87
+        }, {
+            type: "Democracies",
+            year: "2010",
+            value: 98
+        }, {
+            type: "Democracies",
+            year: "2018",
+            value: 99
+        }, {
+            type: "Price",
+            year: "1930",
+            value: 56
+        }, {
+            type: "Price",
+            year: "1940",
+            value: 122
+        }, {
+            type: "Price",
+            year: "1950",
+            value: 72
+        }, {
+            type: "Price",
+            year: "1960",
+            value: 82
+        }, {
+            type: "Price",
+            year: "1970",
+            value: 67
+        }, {
+            type: "Price",
+            year: "1980",
+            value: 89
+        }, {
+            type: "Price",
+            year: "1990",
+            value: 60
+        }, {
+            type: "Price",
+            year: "2000",
+            value: 123
+        }, {
+            type: "Price",
+            year: "2010",
+            value: 111
+        }, {
+            type: "Price",
+            year: "2018",
+            value: 99
+        } ]
+    },
+    height: 500,
+    xField: "year",
+    yField: "value",
+    seriesField: "type",
+    axes: [ {
+        orient: "bottom",
+        visible: !0,
+        domainLine: {
+            visible: !0
+        },
+        tick: {
+            visible: !0
+        }
+    }, {
+        orient: "left",
+        visible: !0,
+        domainLine: {
+            visible: !1
+        },
+        tick: {
+            visible: !1
+        }
+    } ],
+    legends: {
+        visible: !0
+    },
+    label: {
+        visible: !1
+    }
+};
+
+export const lineSpec = {
+    type: "line",
+    data: {
+        values: [ {
+            type: "Nail polish",
+            country: "Africa",
+            value: 4229
+        }, {
+            type: "Nail polish",
+            country: "China",
+            value: 3054
+        }, {
+            type: "Nail polish",
+            country: "USA",
+            value: 12814
+        }, {
+            type: "Eyebrow pencil",
+            country: "Africa",
+            value: 3932
+        }, {
+            type: "Eyebrow pencil",
+            country: "China",
+            value: 5067
+        }, {
+            type: "Eyebrow pencil",
+            country: "USA",
+            value: 13012
+        }, {
+            type: "Rouge",
+            country: "Africa",
+            value: 5221
+        }, {
+            type: "Rouge",
+            country: "China",
+            value: 7004
+        }, {
+            type: "Rouge",
+            country: "USA",
+            value: 11624
+        }, {
+            type: "Lipstick",
+            country: "Africa",
+            value: 9256
+        }, {
+            type: "Lipstick",
+            country: "China",
+            value: 9054
+        }, {
+            type: "Lipstick",
+            country: "USA",
+            value: 8814
+        }, {
+            type: "Eyeshadows",
+            country: "Africa",
+            value: 3308
+        }, {
+            type: "Eyeshadows",
+            country: "China",
+            value: 12043
+        }, {
+            type: "Eyeshadows",
+            country: "USA",
+            value: 12998
+        }, {
+            type: "Eyeliner",
+            country: "Africa",
+            value: 5432
+        }, {
+            type: "Eyeliner",
+            country: "China",
+            value: 15067
+        }, {
+            type: "Eyeliner",
+            country: "USA",
+            value: 12321
+        }, {
+            type: "Foundation",
+            country: "Africa",
+            value: 13701
+        }, {
+            type: "Foundation",
+            country: "China",
+            value: 10119
+        }, {
+            type: "Foundation",
+            country: "USA",
+            value: 10342
+        }, {
+            type: "Lip gloss",
+            country: "Africa",
+            value: 4008
+        }, {
+            type: "Lip gloss",
+            country: "China",
+            value: 12043
+        }, {
+            type: "Lip gloss",
+            country: "USA",
+            value: 22998
+        }, {
+            type: "Mascara",
+            country: "Africa",
+            value: 18712
+        }, {
+            type: "Mascara",
+            country: "China",
+            value: 10419
+        }, {
+            type: "Mascara",
+            country: "USA",
+            value: 11261
+        } ]
+    },
+    height: 600,
+    xField: [ "type" ],
+    yField: "value",
+    seriesField: "country",
+    legends: {
+        visible: !0
+    },
+    point: {
+        state: {
+            dimension_hover: {
+                visible: !0,
+                size: 12
+            }
+        }
+    },
+    line: {
+        state: {
+            active: {
+                lineWidth: 3
+            }
+        }
+    },
+    interactions: [ {
+        type: "element-active-by-legend",
+        state: "active"
+    } ],
+    crosshair: {
+        xField: {
+            line: {
+                type: "line",
+                style: {
+                    lineWidth: 1
+                }
+            }
+        }
+    }
+};
+
+export const ringSpec = {
+    type: "pie",
+    data: [ {
+        id: "id0",
+        values: [ {
+            type: "Category 1",
+            value: "0.38"
+        }, {
+            type: "Category 2",
+            value: "0.26"
+        }, {
+            type: "Category 3",
+            value: "0.36"
+        } ]
+    } ],
+    valueField: "value",
+    categoryField: "type",
+    legends: {
+        visible: !0,
+        orient: "bottom"
+    },
+    interactions: [ {
+        type: "element-active-by-legend",
+        state: "active"
+    } ],
+    pie: {
+        state: {
+            active: {
+                lineWidth: 0
+            }
+        }
+    },
+    label: {
+        formatMethod: (value, data) => ({
+            type: "rich",
+            text: [ {
+                text: `${data.value}\n`,
+                fontSize: 18,
+                fontWeight: "bold",
+                fill: "black"
+            }, {
+                text: data.type,
+                fill: "#595959"
+            } ]
+        })
+    },
+    indicator: {
+        visible: !0,
+        trigger: "none",
+        title: {
+            visible: !0,
+            style: {
+                text: "饼图",
+                fontSize: 30
+            }
+        }
+    }
+};
+
+export const pieSpec = {
+    type: "pie",
+    innerRadius: 0,
+    data: [ {
+        id: "id0",
+        values: [ {
+            type: "Category 1",
+            value: "0.38"
+        }, {
+            type: "Category 2",
+            value: "0.26"
+        }, {
+            type: "Category 3",
+            value: "0.36"
+        } ]
+    } ],
+    valueField: "value",
+    categoryField: "type",
+    legends: {
+        visible: !0,
+        orient: "bottom"
+    },
+    interactions: [ {
+        type: "element-active-by-legend",
+        state: "active"
+    } ],
+    pie: {
+        state: {
+            active: {
+                lineWidth: 0
+            }
+        }
+    },
+    label: {
+        formatMethod: (value, data) => ({
+            type: "rich",
+            text: [ {
+                text: `${data.value}\n`,
+                fontSize: 18,
+                fontWeight: "bold",
+                fill: "black"
+            }, {
+                text: data.type,
+                fill: "#595959"
+            } ]
+        })
+    }
+};
+
+export const radarSpec = {
+    type: "radar",
+    data: [ {
+        id: "radarData",
+        values: [ {
+            key: "Strength",
+            value: 6,
+            type: "Risk"
+        }, {
+            key: "Speed",
+            value: 5,
+            type: "Risk"
+        }, {
+            key: "Shooting",
+            value: 3,
+            type: "Risk"
+        }, {
+            key: "Endurance",
+            value: 4,
+            type: "Risk"
+        }, {
+            key: "Precision",
+            value: 5,
+            type: "Risk"
+        }, {
+            key: "Strength",
+            value: 5,
+            type: "Average risk"
+        }, {
+            key: "Speed",
+            value: 5,
+            type: "Average risk"
+        }, {
+            key: "Shooting",
+            value: 5,
+            type: "Average risk"
+        }, {
+            key: "Endurance",
+            value: 5,
+            type: "Average risk"
+        }, {
+            key: "Precision",
+            value: 5,
+            type: "Average risk"
+        } ]
+    } ],
+    categoryField: "key",
+    valueField: "value",
+    seriesField: "type",
+    point: {
+        state: {
+            dimension_hover: {
+                visible: !0,
+                size: 6
+            }
+        }
+    },
+    line: {
+        state: {
+            active: {
+                lineWidth: 2
+            }
+        }
+    },
+    area: {
+        visible: !0,
+        state: {
+            active: {
+                fillOpacity: 0
+            }
+        }
+    },
+    crosshair: {
+        categoryField: {
+            line: {
+                style: {
+                    lineWidth: 1
+                }
+            }
+        }
+    },
+    legends: {
+        visible: !0
+    },
+    outerRadius: .8,
+    interactions: [ {
+        type: "element-active-by-legend",
+        state: "active"
+    } ],
+    axes: [ {
+        orient: "radius",
+        zIndex: 100,
+        min: 0,
+        max: 8,
+        grid: {
+            smooth: !1
+        },
+        label: {
+            visible: !0
+        }
+    }, {
+        orient: "angle",
+        zIndex: 50,
+        grid: {
+            smooth: !1
+        },
+        domainLine: {
+            visible: !1
+        }
+    } ]
+};
+
+export const funnelSpec = {
+    type: "funnel",
+    categoryField: "name",
+    valueField: "value",
+    data: [ {
+        id: "funnel",
+        values: [ {
+            value: 100,
+            name: "Step1"
+        }, {
+            value: 80,
+            name: "Step2"
+        }, {
+            value: 60,
+            name: "Step3"
+        }, {
+            value: 40,
+            name: "Step4"
+        }, {
+            value: 20,
+            name: "Step5"
+        } ]
+    } ],
+    label: {
+        visible: !0
+    },
+    legends: {
+        visible: !0,
+        orient: "bottom"
+    }
+};
+
+export const areaSpec = {
+    type: "area",
+    seriesMark: "line",
+    data: {
+        values: [ {
+            type: "Nail polish",
+            country: "Africa",
+            value: 4229
+        }, {
+            type: "Nail polish",
+            country: "China",
+            value: 3054
+        }, {
+            type: "Nail polish",
+            country: "USA",
+            value: 12814
+        }, {
+            type: "Eyebrow pencil",
+            country: "Africa",
+            value: 3932
+        }, {
+            type: "Eyebrow pencil",
+            country: "China",
+            value: 5067
+        }, {
+            type: "Eyebrow pencil",
+            country: "USA",
+            value: 13012
+        }, {
+            type: "Rouge",
+            country: "Africa",
+            value: 5221
+        }, {
+            type: "Rouge",
+            country: "China",
+            value: 7004
+        }, {
+            type: "Rouge",
+            country: "USA",
+            value: 11624
+        }, {
+            type: "Lipstick",
+            country: "Africa",
+            value: 9256
+        }, {
+            type: "Lipstick",
+            country: "China",
+            value: 9054
+        }, {
+            type: "Lipstick",
+            country: "USA",
+            value: 8814
+        }, {
+            type: "Eyeshadows",
+            country: "Africa",
+            value: 3308
+        }, {
+            type: "Eyeshadows",
+            country: "China",
+            value: 12043
+        }, {
+            type: "Eyeshadows",
+            country: "USA",
+            value: 12998
+        }, {
+            type: "Eyeliner",
+            country: "Africa",
+            value: 5432
+        }, {
+            type: "Eyeliner",
+            country: "China",
+            value: 15067
+        }, {
+            type: "Eyeliner",
+            country: "USA",
+            value: 12321
+        }, {
+            type: "Foundation",
+            country: "Africa",
+            value: 13701
+        }, {
+            type: "Foundation",
+            country: "China",
+            value: 10119
+        }, {
+            type: "Foundation",
+            country: "USA",
+            value: 10342
+        }, {
+            type: "Lip gloss",
+            country: "Africa",
+            value: 4008
+        }, {
+            type: "Lip gloss",
+            country: "China",
+            value: 12043
+        }, {
+            type: "Lip gloss",
+            country: "USA",
+            value: 22998
+        }, {
+            type: "Mascara",
+            country: "Africa",
+            value: 18712
+        }, {
+            type: "Mascara",
+            country: "China",
+            value: 10419
+        }, {
+            type: "Mascara",
+            country: "USA",
+            value: 11261
+        } ]
+    },
+    height: 600,
+    xField: [ "type" ],
+    yField: "value",
+    seriesField: "country",
+    legends: {
+        visible: !0
+    },
+    line: {
+        style: {
+            curveType: "linear"
+        }
+    },
+    point: {
+        state: {
+            dimension_hover: {
+                visible: !0,
+                size: 12
+            }
+        }
+    },
+    crosshair: {
+        xField: {
+            line: {
+                type: "line",
+                style: {
+                    lineWidth: 1
+                }
+            }
+        }
+    },
+    stack: !1
+};
+
+export const gaugeSpec = {
+    type: "gauge",
+    data: [ {
+        id: "id0",
+        values: [ {
+            type: "目标A",
+            value: 45
+        } ]
+    } ],
+    categoryField: "type",
+    valueField: "value",
+    outerRadius: .8,
+    innerRadius: .7,
+    startAngle: -180,
+    endAngle: 0,
+    indicator: [ {
+        visible: !0,
+        title: {
+            style: {
+                text: "45",
+                fontSize: 60,
+                fontWeight: 800
+            }
+        }
+    } ],
+    axes: [ {
+        type: "linear",
+        orient: "angle",
+        min: 0,
+        max: 50,
+        offset: 20,
+        radius: .81,
+        grid: {
+            visible: !1
+        },
+        tick: {
+            visible: !0,
+            tickSize: 5,
+            style: {
+                lineWidth: 1
+            }
+        },
+        subTick: {
+            visible: !0,
+            tickSize: 3,
+            style: {
+                lineWidth: 1
+            }
+        },
+        label: {
+            visible: !0,
+            style: {
+                fill: "black",
+                fontSize: 12
+            }
+        }
+    } ]
+};
+
+export const horizontalBarSpec = {
+    type: "bar",
+    data: [ {
+        id: "barData",
+        values: [ {
+            province: "北京",
+            value: 3080,
+            type: "top1"
+        }, {
+            province: "天津",
+            value: 2880,
+            type: "top2"
+        }, {
+            province: "重庆",
+            value: 880,
+            type: "top3"
+        }, {
+            province: "深圳",
+            value: 780,
+            type: "common"
+        }, {
+            province: "广州",
+            value: 680,
+            type: "common"
+        }, {
+            province: "山东",
+            value: 580,
+            type: "common"
+        }, {
+            province: "浙江",
+            value: 480,
+            type: "common"
+        }, {
+            province: "福建",
+            value: 100,
+            type: "common"
+        }, {
+            province: "石家庄",
+            value: 100,
+            type: "common"
+        }, {
+            province: "广西壮族自治区",
+            value: 100,
+            type: "common"
+        } ]
+    } ],
+    direction: "horizontal",
+    xField: "value",
+    yField: "province",
+    seriesField: "province",
+    padding: {
+        right: 50,
+        left: 10
+    },
+    axes: [ {
+        orient: "bottom",
+        visible: !1,
+        nice: !1
+    }, {
+        orient: "left",
+        maxWidth: 65,
+        label: {
+            autoLimit: !0
+        },
+        domainLine: {
+            visible: !1
+        },
+        tick: {
+            visible: !1
+        }
+    } ],
+    stackCornerRadius: 0,
+    bar: {
+        style: {
+            cornerRadius: [ 5, 5, 5, 5 ],
+            height: 10
+        }
+    },
+    barBackground: {
+        visible: !0,
+        style: {
+            cornerRadius: [ 5, 5, 5, 5 ],
+            height: 10
+        },
+        state: {
+            hover: {
+                stroke: "#D9D9D9",
+                lineWidth: 1
+            }
+        }
+    },
+    extensionMark: [ {
+        type: "text",
+        dataId: "barData",
+        visible: !0,
+        style: {
+            text: datum => datum.value,
+            fontSize: 12,
+            x: (datum, ctx) => ctx.getRegion().getLayoutRect().width + 10,
+            y: (datum, ctx) => ctx.valueToY([ datum.province ]) + ctx.yBandwidth() / 2,
+            textBaseline: "middle",
+            textAlign: "left",
+            fill: "#595959",
+            size: 20
+        }
+    } ],
+    crosshair: {
+        yField: {
+            visible: !1
+        }
+    },
+    tooltip: {
+        mark: {
+            title: {
+                visible: !1
+            }
+        },
+        dimension: {
+            title: {
+                visible: !1
+            }
+        },
+        style: {
+            shape: {
+                shapeType: "circle"
+            }
+        }
+    }
+};
+
+export const scatterSpec = {
+    type: "scatter",
+    data: [ {
+        id: "barData",
+        values: [ {
+            gender: "female",
+            height: 156.5,
+            weight: 51.6,
+            age: 26
+        }, {
+            gender: "female",
+            height: 158,
+            weight: 59,
+            age: 22
+        }, {
+            gender: "female",
+            height: 159,
+            weight: 49.2,
+            age: 23
+        }, {
+            gender: "female",
+            height: 160,
+            weight: 63,
+            age: 31
+        }, {
+            gender: "female",
+            height: 162,
+            weight: 53.6,
+            age: 30
+        }, {
+            gender: "female",
+            height: 163,
+            weight: 59,
+            age: 17
+        }, {
+            gender: "female",
+            height: 168,
+            weight: 47.6,
+            age: 18
+        }, {
+            gender: "female",
+            height: 170,
+            weight: 69.8,
+            age: 26
+        }, {
+            gender: "female",
+            height: 170.2,
+            weight: 66.8,
+            age: 25
+        }, {
+            gender: "female",
+            height: 171,
+            weight: 75.2,
+            age: 27
+        }, {
+            gender: "male",
+            height: 171.5,
+            weight: 65.6,
+            age: 29
+        }, {
+            gender: "male",
+            height: 172,
+            weight: 71.8,
+            age: 15
+        }, {
+            gender: "male",
+            height: 175,
+            weight: 80.7,
+            age: 18
+        }, {
+            gender: "male",
+            height: 178,
+            weight: 72.6,
+            age: 19
+        }, {
+            gender: "male",
+            height: 180,
+            weight: 78.8,
+            age: 21
+        }, {
+            gender: "male",
+            height: 183,
+            weight: 74.8,
+            age: 25
+        }, {
+            gender: "male",
+            height: 184,
+            weight: 86.4,
+            age: 27
+        }, {
+            gender: "male",
+            height: 184,
+            weight: 78.4,
+            age: 23
+        }, {
+            gender: "male",
+            height: 185,
+            weight: 62,
+            age: 28
+        }, {
+            gender: "male",
+            height: 187,
+            weight: 91.6,
+            age: 50
+        } ]
+    } ],
+    xField: "height",
+    yField: "weight",
+    seriesField: "gender",
+    legends: {
+        visible: !0
+    },
+    crosshair: {
+        xField: {
+            visible: !1
+        }
+    },
+    interactions: [ {
+        type: "element-active-by-legend",
+        state: "active"
+    } ],
+    tooltip: {
+        dimension: {
+            visible: !1
+        }
+    },
+    point: {
+        state: {
+            active: {
+                size: 10,
+                fillOpacity: .6,
+                strokeOpacity: .6,
+                outerBorder: {
+                    lineWidth: 1,
+                    strokeOpacity: .2,
+                    distance: 2
+                }
+            }
+        }
+    },
+    axes: [ {
+        orient: "bottom",
+        type: "linear",
+        zero: !1,
+        domainLine: {
+            visible: !0
+        },
+        grid: {
+            visible: !1
+        }
+    } ]
+};
+
+export const indicatorSankeySpec = {
+    type: "sankey",
+    data: [ {
+        id: "sankeyData",
+        values: [ {
+            links: [ {
+                source: "Opportunity Audience",
+                target: "High Potential Users",
+                value: 199999
+            }, {
+                source: "High Potential User 0",
+                target: "High Potential Users",
+                value: 299999
+            }, {
+                source: "First Course New Order",
+                target: "High Potential Users",
+                value: 399999
+            }, {
+                source: "First Course New Order",
+                target: "Repeat Loyalty",
+                value: 499999
+            }, {
+                source: "Deputy Purchase Loyalty",
+                target: "High Potential Users",
+                value: 599999
+            }, {
+                source: "Others",
+                value: 199999
+            }, {
+                target: "First Order New Customer",
+                value: 999
+            } ]
+        } ]
+    } ],
+    dataId: "sankeyData",
+    categoryField: "name",
+    valueField: "value",
+    sourceField: "source",
+    targetField: "target",
+    dropIsolatedNode: !1,
+    nodeGap: 2,
+    nodeWidth: 200,
+    equalNodeHeight: !0,
+    linkOverlap: "center",
+    label: {
+        visible: !1,
+        style: {
+            fontSize: 10
+        }
+    },
+    node: {
+        state: {
+            hover: {
+                stroke: "#333333"
+            },
+            selected: {
+                lineWidth: 1,
+                brighter: 1,
+                fillOpacity: .1
+            }
+        },
+        style: {
+            fill: "#1664FF",
+            fillOpacity: 0,
+            lineWidth: 1,
+            stroke: "#1664FF",
+            html: (datum, a, c) => {
+                const hasSource = datum.targetLinks && datum.targetLinks.length;
+                return {
+                    style: ({width: width, height: height}) => ({
+                        "border-right": "8px solid #1664FF",
+                        width: `${width}px`,
+                        height: `${height}px`,
+                        background: hasSource ? "#1664FF" : "transparent"
+                    }),
+                    dom: `<div style="margin: 10px 0 0 10px;">\n              <p style="\n              margin:0;\n              font-weight:500;\n              line-height: 18px;\n              font-size:12px;\n              color:${hasSource ? "#fff" : "#646475"};\n              ">${datum.key}</p>\n              <p style="margin:0;font-weight: 700;\n              font-size: 20px;\n              line-height: 28px;\n              color: ${hasSource ? "#fff" : "#1d1d2e"};">${datum.value}</p>\n            </div>`
+                };
+            }
+        }
+    },
+    link: {
+        style: {
+            fill: "#1664FF"
+        },
+        state: {
+            hover: {
+                fillOpacity: 1
+            },
+            selected: {
+                fill: "#1664FF",
+                stroke: "",
+                lineWidth: 1,
+                brighter: 1,
+                fillOpacity: .2
+            }
+        }
+    }
+};
+//# sourceMappingURL=chartSpec.js.map