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

package/esm/spec/indicatorSankey.d.ts

@@ -0,0 +1,81 @@
+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;
+            };
+        };
+    };
+};

package/esm/spec/indicatorSankey.js

@@ -0,0 +1,99 @@
+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=indicatorSankey.js.map

package/esm/spec/indicatorSankey.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/spec/indicatorSankey.ts"],"names":[],"mappings":"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","file":"indicatorSankey.js","sourcesContent":["export const indicatorSankeySpec = {\n  type: 'sankey',\n  data: [\n    {\n      id: 'sankeyData',\n      values: [\n        {\n          links: [\n            {\n              source: 'Opportunity Audience',\n              target: 'High Potential Users',\n              value: 199999\n            },\n            {\n              source: 'High Potential User 0',\n              target: 'High Potential Users',\n              value: 299999\n            },\n            {\n              source: 'First Course New Order',\n              target: 'High Potential Users',\n              value: 399999\n            },\n            {\n              source: 'First Course New Order',\n              target: 'Repeat Loyalty',\n              value: 499999\n            },\n            {\n              source: 'Deputy Purchase Loyalty',\n              target: 'High Potential Users',\n              value: 599999\n            },\n            {\n              source: 'Others',\n              value: 199999\n            },\n            {\n              target: 'First Order New Customer',\n              value: 999\n            }\n          ]\n        }\n      ]\n    }\n  ],\n  dataId: 'sankeyData',\n  categoryField: 'name',\n  valueField: 'value',\n  sourceField: 'source',\n  targetField: 'target',\n  // nodeAlign: 'justify',\n\n  dropIsolatedNode: false,\n  nodeGap: 2,\n  nodeWidth: 200,\n\n  // nodeHeight: 100,\n  equalNodeHeight: true,\n  linkOverlap: 'center',\n  label: {\n    visible: false,\n    style: {\n      fontSize: 10\n    }\n  },\n  node: {\n    state: {\n      hover: {\n        stroke: '#333333'\n      },\n      selected: {\n        lineWidth: 1,\n        brighter: 1,\n        fillOpacity: 0.1\n      }\n    },\n    style: {\n      fill: '#1664FF',\n      fillOpacity: 0,\n      lineWidth: 1,\n      stroke: '#1664FF',\n      html: (datum: any, a: any, c: any) => {\n        const color = '#1664FF';\n        const hasSource = datum.targetLinks && datum.targetLinks.length;\n\n        return {\n          style: ({ width, height }: any) => {\n            return {\n              'border-right': `8px solid ${color}`,\n              width: `${width}px`,\n              height: `${height}px`,\n              background: hasSource ? color : 'transparent'\n            };\n          },\n          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>`\n        };\n      }\n    }\n  },\n  link: {\n    style: {\n      fill: '#1664FF'\n    },\n    state: {\n      hover: {\n        fillOpacity: 1\n      },\n      selected: {\n        fill: '#1664FF',\n        stroke: '',\n        lineWidth: 1,\n        brighter: 1,\n        fillOpacity: 0.2\n      }\n    }\n  }\n};\n"]}

package/esm/spec/line.d.ts

@@ -0,0 +1,46 @@
+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;
+                };
+            };
+        };
+    };
+};

package/esm/spec/line.js

@@ -0,0 +1,150 @@
+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
+                }
+            }
+        }
+    }
+};

package/esm/spec/line.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/spec/line.ts"],"names":[],"mappings":"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","file":"line.js","sourcesContent":["export const lineSpec = {\n  type: 'line',\n  data: {\n    values: [\n      { type: 'Nail polish', country: 'Africa', value: 4229 },\n      { type: 'Nail polish', country: 'China', value: 3054 },\n      { type: 'Nail polish', country: 'USA', value: 12814 },\n      { type: 'Eyebrow pencil', country: 'Africa', value: 3932 },\n      { type: 'Eyebrow pencil', country: 'China', value: 5067 },\n      { type: 'Eyebrow pencil', country: 'USA', value: 13012 },\n      { type: 'Rouge', country: 'Africa', value: 5221 },\n      { type: 'Rouge', country: 'China', value: 7004 },\n      { type: 'Rouge', country: 'USA', value: 11624 },\n      { type: 'Lipstick', country: 'Africa', value: 9256 },\n      { type: 'Lipstick', country: 'China', value: 9054 },\n      { type: 'Lipstick', country: 'USA', value: 8814 },\n      { type: 'Eyeshadows', country: 'Africa', value: 3308 },\n      { type: 'Eyeshadows', country: 'China', value: 12043 },\n      { type: 'Eyeshadows', country: 'USA', value: 12998 },\n      { type: 'Eyeliner', country: 'Africa', value: 5432 },\n      { type: 'Eyeliner', country: 'China', value: 15067 },\n      { type: 'Eyeliner', country: 'USA', value: 12321 },\n      { type: 'Foundation', country: 'Africa', value: 13701 },\n      { type: 'Foundation', country: 'China', value: 10119 },\n      { type: 'Foundation', country: 'USA', value: 10342 },\n      { type: 'Lip gloss', country: 'Africa', value: 4008 },\n      { type: 'Lip gloss', country: 'China', value: 12043 },\n      { type: 'Lip gloss', country: 'USA', value: 22998 },\n      { type: 'Mascara', country: 'Africa', value: 18712 },\n      { type: 'Mascara', country: 'China', value: 10419 },\n      { type: 'Mascara', country: 'USA', value: 11261 }\n    ]\n  },\n  height: 600,\n  xField: ['type'],\n  yField: 'value',\n  seriesField: 'country',\n  legends: {\n    visible: true\n  },\n  point: {\n    state: {\n      dimension_hover: {\n        visible: true,\n        size: 12\n      }\n    }\n  },\n  line: {\n    state: {\n      active: {\n        lineWidth: 3\n      }\n    }\n  },\n  interactions: [\n    {\n      type: 'element-active-by-legend',\n      state: 'active'\n    }\n  ],\n  crosshair: {\n    xField: {\n      line: {\n        type: 'line',\n        style: {\n          lineWidth: 1\n        }\n      }\n    }\n  }\n};\n"]}

package/esm/spec/pie.d.ts

@@ -0,0 +1,44 @@
+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;
+            })[];
+        };
+    };
+};

package/esm/spec/pie.js

@@ -0,0 +1,49 @@
+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"
+            } ]
+        })
+    }
+};
+//# sourceMappingURL=pie.js.map

package/esm/spec/pie.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/spec/pie.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,OAAO,GAAG;IACrB,IAAI,EAAE,KAAK;IACX,WAAW,EAAE,CAAC;IACd,IAAI,EAAE;QACJ;YACE,EAAE,EAAE,KAAK;YACT,MAAM,EAAE;gBACN,EAAE,IAAI,EAAE,YAAY,EAAE,KAAK,EAAE,MAAM,EAAE;gBACrC,EAAE,IAAI,EAAE,YAAY,EAAE,KAAK,EAAE,MAAM,EAAE;gBACrC,EAAE,IAAI,EAAE,YAAY,EAAE,KAAK,EAAE,MAAM,EAAE;aACtC;SACF;KACF;IACD,UAAU,EAAE,OAAO;IACnB,aAAa,EAAE,MAAM;IACrB,OAAO,EAAE;QACP,OAAO,EAAE,IAAI;QACb,MAAM,EAAE,QAAQ;KACjB;IACD,YAAY,EAAE;QACZ;YACE,IAAI,EAAE,0BAA0B;YAChC,KAAK,EAAE,QAAQ;SAChB;KACF;IACD,GAAG,EAAE;QACH,KAAK,EAAE;YACL,MAAM,EAAE;gBACN,SAAS,EAAE,CAAC;aACb;SACF;KACF;IACD,KAAK,EAAE;QACL,YAAY,EAAE,CAAC,KAAU,EAAE,IAAS,EAAE,EAAE;YACtC,OAAO;gBACL,IAAI,EAAE,MAAM;gBACZ,IAAI,EAAE;oBACJ;wBACE,IAAI,EAAE,GAAG,IAAI,CAAC,KAAK,IAAI;wBACvB,QAAQ,EAAE,EAAE;wBACZ,UAAU,EAAE,MAAM;wBAClB,IAAI,EAAE,OAAO;qBACd;oBACD;wBACE,IAAI,EAAE,IAAI,CAAC,IAAI;wBACf,IAAI,EAAE,SAAS;qBAChB;iBACF;aACF,CAAC;QACJ,CAAC;KACF;CACF,CAAC","file":"pie.js","sourcesContent":["export const pieSpec = {\n  type: 'pie',\n  innerRadius: 0,\n  data: [\n    {\n      id: 'id0',\n      values: [\n        { type: 'Category 1', value: '0.38' },\n        { type: 'Category 2', value: '0.26' },\n        { type: 'Category 3', value: '0.36' }\n      ]\n    }\n  ],\n  valueField: 'value',\n  categoryField: 'type',\n  legends: {\n    visible: true,\n    orient: 'bottom'\n  },\n  interactions: [\n    {\n      type: 'element-active-by-legend',\n      state: 'active'\n    }\n  ],\n  pie: {\n    state: {\n      active: {\n        lineWidth: 0\n      }\n    }\n  },\n  label: {\n    formatMethod: (value: any, data: any) => {\n      return {\n        type: 'rich',\n        text: [\n          {\n            text: `${data.value}\\n`,\n            fontSize: 18,\n            fontWeight: 'bold',\n            fill: 'black'\n          },\n          {\n            text: data.type,\n            fill: '#595959'\n          }\n        ]\n      };\n    }\n  }\n};\n"]}

package/esm/spec/radar.d.ts

@@ -0,0 +1,79 @@
+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;
+    })[];
+};

package/esm/spec/radar.js

@@ -0,0 +1,112 @@
+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
+        }
+    } ]
+};
+//# sourceMappingURL=radar.js.map