VChart icon indicating copy to clipboard operation
VChart copied to clipboard

[Bug] 当2个系列使用同一份数据,并且堆积时。会出现效果错误

Open xuefei1313 opened this issue 1 year ago • 0 comments

Version

1.19.5

Link to Minimal Reproduction

null

Steps to Reproduce

const spec = {
    "type": "common",
    "axes": [
        {
            "orient": "left",
        },
        {
            "orient": "bottom",
        }
    ],
    "series": [
        {
            "id": "area",
            "type": "area",
            "xField": "time",
            "yField": "value",
            "seriesField": "groupName",
            // "stack": false,
        },
        {
            "id": "compare",
            "type": "area",
            "name": "compare",
            "xField": "time",
            "yField": "compareValue",
            "seriesField": "groupName",
            "stack": false,
            "line": {
                "style": {
                    "lineDash": [
                        6,
                        4
                    ],
                    "strokeWidth": 1.5
                },
                "interactive": false
            },
        }
    ],
    "data": [
        {
            "name": "area",
            "values": [
                {
                    "groupName": "b28a7cc47b8d9f3e453677c61401dd62,1,funnel_query,B",
                    "eventName": "B ",
                    "key": "b28a7cc47b8d9f3e453677c61401dd62,1,funnel_query,B",
                    "legendKey": "b28a7cc47b8d9f3e453677c61401dd62,1,funnel_query,B",
                    "showName": "funnel_query(总次数(PV))",
                    "seriesName": "b28a7cc47b8d9f3e453677c61401dd62,1,funnel_query,B",
                    "axisValue": "20240704",
                    "compareAxisValue": "20240627",
                    "time": "周四, 07-04*周四, 06-27",
                    "timeValue": "20240704",
                    "value": 2639,
                    "isEmptyBase": false,
                    "isEmptyCompare": false,
                    "compareValue": 4009,
                    "compareValueText": "4,009",
                    "valueText": "2,639",
                    "numTitle": "2,639",
                    "compareNumTitle": "4,009",
                    "labelName": "B1",
                    "latest": false
                },
                {
                    "groupName": "b28a7cc47b8d9f3e453677c61401dd62,1,funnel_query,B",
                    "eventName": "B ",
                    "key": "b28a7cc47b8d9f3e453677c61401dd62,1,funnel_query,B",
                    "legendKey": "b28a7cc47b8d9f3e453677c61401dd62,1,funnel_query,B",
                    "showName": "funnel_query(总次数(PV))",
                    "seriesName": "b28a7cc47b8d9f3e453677c61401dd62,1,funnel_query,B",
                    "axisValue": "20240705",
                    "compareAxisValue": "20240628",
                    "time": "周五, 07-05*周五, 06-28",
                    "timeValue": "20240705",
                    "value": 2438,
                    "isEmptyBase": false,
                    "isEmptyCompare": false,
                    "compareValue": 1715,
                    "compareValueText": "1,715",
                    "valueText": "2,438",
                    "numTitle": "2,438",
                    "compareNumTitle": "1,715",
                    "labelName": "B1",
                    "latest": false
                },
                {
                    "groupName": "b28a7cc47b8d9f3e453677c61401dd62,1,funnel_query,B",
                    "eventName": "B ",
                    "key": "b28a7cc47b8d9f3e453677c61401dd62,1,funnel_query,B",
                    "legendKey": "b28a7cc47b8d9f3e453677c61401dd62,1,funnel_query,B",
                    "showName": "funnel_query(总次数(PV))",
                    "seriesName": "b28a7cc47b8d9f3e453677c61401dd62,1,funnel_query,B",
                    "axisValue": "20240706",
                    "compareAxisValue": "20240629",
                    "time": "周六, 07-06*周六, 06-29",
                    "timeValue": "20240706",
                    "value": 349,
                    "isEmptyBase": false,
                    "isEmptyCompare": false,
                    "compareValue": 400,
                    "compareValueText": "400",
                    "valueText": "349",
                    "numTitle": "349",
                    "compareNumTitle": "400",
                    "labelName": "B1",
                    "latest": false
                },
                {
                    "groupName": "b28a7cc47b8d9f3e453677c61401dd62,1,funnel_query,B",
                    "eventName": "B ",
                    "key": "b28a7cc47b8d9f3e453677c61401dd62,1,funnel_query,B",
                    "legendKey": "b28a7cc47b8d9f3e453677c61401dd62,1,funnel_query,B",
                    "showName": "funnel_query(总次数(PV))",
                    "seriesName": "b28a7cc47b8d9f3e453677c61401dd62,1,funnel_query,B",
                    "axisValue": "20240707",
                    "compareAxisValue": "20240630",
                    "time": "周日, 07-07*周日, 06-30",
                    "timeValue": "20240707",
                    "value": 351,
                    "isEmptyBase": false,
                    "isEmptyCompare": false,
                    "compareValue": 527,
                    "compareValueText": "527",
                    "valueText": "351",
                    "numTitle": "351",
                    "compareNumTitle": "527",
                    "labelName": "B1",
                    "latest": false
                },
                {
                    "groupName": "b28a7cc47b8d9f3e453677c61401dd62,1,funnel_query,B",
                    "eventName": "B ",
                    "key": "b28a7cc47b8d9f3e453677c61401dd62,1,funnel_query,B",
                    "legendKey": "b28a7cc47b8d9f3e453677c61401dd62,1,funnel_query,B",
                    "showName": "funnel_query(总次数(PV))",
                    "seriesName": "b28a7cc47b8d9f3e453677c61401dd62,1,funnel_query,B",
                    "axisValue": "20240708",
                    "compareAxisValue": "20240701",
                    "time": "周一, 07-08*周一, 07-01",
                    "timeValue": "20240708",
                    "value": 3446,
                    "isEmptyBase": false,
                    "isEmptyCompare": false,
                    "compareValue": 3139,
                    "compareValueText": "3,139",
                    "valueText": "3,446",
                    "numTitle": "3,446",
                    "compareNumTitle": "3,139",
                    "labelName": "B1",
                    "latest": false
                },
                {
                    "groupName": "b28a7cc47b8d9f3e453677c61401dd62,1,funnel_query,B",
                    "eventName": "B ",
                    "key": "b28a7cc47b8d9f3e453677c61401dd62,1,funnel_query,B",
                    "legendKey": "b28a7cc47b8d9f3e453677c61401dd62,1,funnel_query,B",
                    "showName": "funnel_query(总次数(PV))",
                    "seriesName": "b28a7cc47b8d9f3e453677c61401dd62,1,funnel_query,B",
                    "axisValue": "20240709",
                    "compareAxisValue": "20240702",
                    "time": "周二, 07-09*周二, 07-02",
                    "timeValue": "20240709",
                    "value": 2776,
                    "isEmptyBase": false,
                    "isEmptyCompare": false,
                    "compareValue": 2351,
                    "compareValueText": "2,351",
                    "valueText": "2,776",
                    "numTitle": "2,776",
                    "compareNumTitle": "2,351",
                    "labelName": "B1",
                    "latest": false
                },
                {
                    "groupName": "b28a7cc47b8d9f3e453677c61401dd62,1,funnel_query,B",
                    "eventName": "B ",
                    "key": "b28a7cc47b8d9f3e453677c61401dd62,1,funnel_query,B",
                    "legendKey": "b28a7cc47b8d9f3e453677c61401dd62,1,funnel_query,B",
                    "showName": "funnel_query(总次数(PV))",
                    "seriesName": "b28a7cc47b8d9f3e453677c61401dd62,1,funnel_query,B",
                    "axisValue": "20240710",
                    "compareAxisValue": "20240703",
                    "time": "周三, 07-10*周三, 07-03",
                    "timeValue": "20240710",
                    "value": 3886,
                    "isEmptyBase": false,
                    "isEmptyCompare": false,
                    "compareValue": 2172,
                    "compareValueText": "2,172",
                    "valueText": "3,886",
                    "numTitle": "3,886",
                    "compareNumTitle": "2,172",
                    "labelName": "B1",
                    "latest": false
                },
                {
                    "groupName": "b28a7cc47b8d9f3e453677c61401dd62,1,retention_query,A",
                    "eventName": "A ",
                    "key": "b28a7cc47b8d9f3e453677c61401dd62,1,retention_query,A",
                    "legendKey": "b28a7cc47b8d9f3e453677c61401dd62,1,retention_query,A",
                    "showName": "retention_query(总次数(PV))",
                    "seriesName": "b28a7cc47b8d9f3e453677c61401dd62,1,retention_query,A",
                    "axisValue": "20240704",
                    "compareAxisValue": "20240627",
                    "time": "周四, 07-04*周四, 06-27",
                    "timeValue": "20240704",
                    "value": 631,
                    "isEmptyBase": false,
                    "isEmptyCompare": false,
                    "compareValue": 674,
                    "compareValueText": "674",
                    "valueText": "631",
                    "numTitle": "631",
                    "compareNumTitle": "674",
                    "labelName": "A1",
                    "latest": false
                },
                {
                    "groupName": "b28a7cc47b8d9f3e453677c61401dd62,1,retention_query,A",
                    "eventName": "A ",
                    "key": "b28a7cc47b8d9f3e453677c61401dd62,1,retention_query,A",
                    "legendKey": "b28a7cc47b8d9f3e453677c61401dd62,1,retention_query,A",
                    "showName": "retention_query(总次数(PV))",
                    "seriesName": "b28a7cc47b8d9f3e453677c61401dd62,1,retention_query,A",
                    "axisValue": "20240705",
                    "compareAxisValue": "20240628",
                    "time": "周五, 07-05*周五, 06-28",
                    "timeValue": "20240705",
                    "value": 569,
                    "isEmptyBase": false,
                    "isEmptyCompare": false,
                    "compareValue": 542,
                    "compareValueText": "542",
                    "valueText": "569",
                    "numTitle": "569",
                    "compareNumTitle": "542",
                    "labelName": "A1",
                    "latest": false
                },
                {
                    "groupName": "b28a7cc47b8d9f3e453677c61401dd62,1,retention_query,A",
                    "eventName": "A ",
                    "key": "b28a7cc47b8d9f3e453677c61401dd62,1,retention_query,A",
                    "legendKey": "b28a7cc47b8d9f3e453677c61401dd62,1,retention_query,A",
                    "showName": "retention_query(总次数(PV))",
                    "seriesName": "b28a7cc47b8d9f3e453677c61401dd62,1,retention_query,A",
                    "axisValue": "20240706",
                    "compareAxisValue": "20240629",
                    "time": "周六, 07-06*周六, 06-29",
                    "timeValue": "20240706",
                    "value": 200,
                    "isEmptyBase": false,
                    "isEmptyCompare": false,
                    "compareValue": 207,
                    "compareValueText": "207",
                    "valueText": "200",
                    "numTitle": "200",
                    "compareNumTitle": "207",
                    "labelName": "A1",
                    "latest": false
                },
                {
                    "groupName": "b28a7cc47b8d9f3e453677c61401dd62,1,retention_query,A",
                    "eventName": "A ",
                    "key": "b28a7cc47b8d9f3e453677c61401dd62,1,retention_query,A",
                    "legendKey": "b28a7cc47b8d9f3e453677c61401dd62,1,retention_query,A",
                    "showName": "retention_query(总次数(PV))",
                    "seriesName": "b28a7cc47b8d9f3e453677c61401dd62,1,retention_query,A",
                    "axisValue": "20240707",
                    "compareAxisValue": "20240630",
                    "time": "周日, 07-07*周日, 06-30",
                    "timeValue": "20240707",
                    "value": 203,
                    "isEmptyBase": false,
                    "isEmptyCompare": false,
                    "compareValue": 224,
                    "compareValueText": "224",
                    "valueText": "203",
                    "numTitle": "203",
                    "compareNumTitle": "224",
                    "labelName": "A1",
                    "latest": false
                },
                {
                    "groupName": "b28a7cc47b8d9f3e453677c61401dd62,1,retention_query,A",
                    "eventName": "A ",
                    "key": "b28a7cc47b8d9f3e453677c61401dd62,1,retention_query,A",
                    "legendKey": "b28a7cc47b8d9f3e453677c61401dd62,1,retention_query,A",
                    "showName": "retention_query(总次数(PV))",
                    "seriesName": "b28a7cc47b8d9f3e453677c61401dd62,1,retention_query,A",
                    "axisValue": "20240708",
                    "compareAxisValue": "20240701",
                    "time": "周一, 07-08*周一, 07-01",
                    "timeValue": "20240708",
                    "value": 808,
                    "isEmptyBase": false,
                    "isEmptyCompare": false,
                    "compareValue": 761,
                    "compareValueText": "761",
                    "valueText": "808",
                    "numTitle": "808",
                    "compareNumTitle": "761",
                    "labelName": "A1",
                    "latest": false
                },
                {
                    "groupName": "b28a7cc47b8d9f3e453677c61401dd62,1,retention_query,A",
                    "eventName": "A ",
                    "key": "b28a7cc47b8d9f3e453677c61401dd62,1,retention_query,A",
                    "legendKey": "b28a7cc47b8d9f3e453677c61401dd62,1,retention_query,A",
                    "showName": "retention_query(总次数(PV))",
                    "seriesName": "b28a7cc47b8d9f3e453677c61401dd62,1,retention_query,A",
                    "axisValue": "20240709",
                    "compareAxisValue": "20240702",
                    "time": "周二, 07-09*周二, 07-02",
                    "timeValue": "20240709",
                    "value": 739,
                    "isEmptyBase": false,
                    "isEmptyCompare": false,
                    "compareValue": 749,
                    "compareValueText": "749",
                    "valueText": "739",
                    "numTitle": "739",
                    "compareNumTitle": "749",
                    "labelName": "A1",
                    "latest": false
                },
                {
                    "groupName": "b28a7cc47b8d9f3e453677c61401dd62,1,retention_query,A",
                    "eventName": "A ",
                    "key": "b28a7cc47b8d9f3e453677c61401dd62,1,retention_query,A",
                    "legendKey": "b28a7cc47b8d9f3e453677c61401dd62,1,retention_query,A",
                    "showName": "retention_query(总次数(PV))",
                    "seriesName": "b28a7cc47b8d9f3e453677c61401dd62,1,retention_query,A",
                    "axisValue": "20240710",
                    "compareAxisValue": "20240703",
                    "time": "周三, 07-10*周三, 07-03",
                    "timeValue": "20240710",
                    "value": 530,
                    "isEmptyBase": false,
                    "isEmptyCompare": false,
                    "compareValue": 626,
                    "compareValueText": "626",
                    "valueText": "530",
                    "numTitle": "530",
                    "compareNumTitle": "626",
                    "labelName": "A1",
                    "latest": false
                }
            ],
            "fields": {
                "groupName": {
                    "sortIndex": 0,
                    "sortReverse": true
                }
            }
        }
    ],
};

Current Behavior

image

Expected Behavior

image

Environment

- OS:
- Browser:
- Framework:

Any additional comments?

No response

xuefei1313 avatar Jul 12 '24 03:07 xuefei1313