VChart
VChart copied to clipboard
[Bug] 当2个系列使用同一份数据,并且堆积时。会出现效果错误
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
Expected Behavior
Environment
- OS:
- Browser:
- Framework:
Any additional comments?
No response