From 06ae84a8a3d5e75c920d8714970ed49d6521c1dd Mon Sep 17 00:00:00 2001 From: Rui-Sun Date: Fri, 14 Jun 2024 18:02:40 +0800 Subject: [PATCH] test: update viewbox demo --- packages/vtable/examples/debug/viewbox.ts | 6406 +++++++++++---------- 1 file changed, 3304 insertions(+), 3102 deletions(-) diff --git a/packages/vtable/examples/debug/viewbox.ts b/packages/vtable/examples/debug/viewbox.ts index 43481b4ce..a02b45d87 100644 --- a/packages/vtable/examples/debug/viewbox.ts +++ b/packages/vtable/examples/debug/viewbox.ts @@ -13,3134 +13,3332 @@ export function createTable() { canvas.style.width = '800px'; canvas.style.height = '800px'; container?.appendChild(canvas); - const option = { - widthMode: 'adaptive', - heightMode: 'adaptive', - rowTree: [], - columnTree: [], - rows: [], - columns: [], - defaultHeaderRowHeight: 'auto', - indicatorTitle: ' ', - autoWrapText: true, - eventOptions: { - preventDefaultContextMenu: false - }, - corner: { - titleOnDimension: 'row' - }, - title: { - text: '', - align: 'center', - orient: 'top', - padding: [0, 0, 0, 0], - textStyle: { - fontSize: 12, - fill: '#333333', - fontWeight: 'bold' - } - }, - defaultHeaderColWidth: ['auto'], - padding: 0, - labelLayout: 'region', - data: [ - { - id: 'data', - values: [ - [ - { - '10001': 'MAU新会员转化率', - '10003': '240114152033385', - '20001': 'MAU新会员转化率', - '010002': '0.002298293736295464', - '240103151324273': '2024-01-01', - '240114152033385': '0.002298293736295464' - }, - { - '10001': 'MAU新会员转化率', - '10003': '240114152033385', - '20001': 'MAU新会员转化率', - '010002': '0.0023029631491047415', - '240103151324273': '2024-01-02', - '240114152033385': '0.0023029631491047415' - }, - { - '10001': 'MAU新会员转化率', - '10003': '240114152033385', - '20001': 'MAU新会员转化率', - '010002': '0.002302147170512614', - '240103151324273': '2024-01-03', - '240114152033385': '0.002302147170512614' - }, - { - '10001': 'MAU新会员转化率', - '10003': '240114152033385', - '20001': 'MAU新会员转化率', - '010002': '0.002298785339930673', - '240103151324273': '2024-01-04', - '240114152033385': '0.002298785339930673' - }, - { - '10001': 'MAU新会员转化率', - '10003': '240114152033385', - '20001': 'MAU新会员转化率', - '010002': '0.0022937589477976207', - '240103151324273': '2024-01-05', - '240114152033385': '0.0022937589477976207' - }, - { - '10001': 'MAU新会员转化率', - '10003': '240114152033385', - '20001': 'MAU新会员转化率', - '010002': '0.002286768611236427', - '240103151324273': '2024-01-06', - '240114152033385': '0.002286768611236427' - }, - { - '10001': 'MAU新会员转化率', - '10003': '240114152033385', - '20001': 'MAU新会员转化率', - '010002': '0.00228186287626165', - '240103151324273': '2024-01-07', - '240114152033385': '0.00228186287626165' - }, - { - '10001': 'MAU新会员转化率', - '10003': '240114152033385', - '20001': 'MAU新会员转化率', - '010002': '0.00228098978895828', - '240103151324273': '2024-01-08', - '240114152033385': '0.00228098978895828' - }, - { - '10001': 'MAU新会员转化率', - '10003': '240114152033385', - '20001': 'MAU新会员转化率', - '010002': '0.0022770077676922827', - '240103151324273': '2024-01-09', - '240114152033385': '0.0022770077676922827' - }, - { - '10001': 'MAU新会员转化率', - '10003': '240114152033385', - '20001': 'MAU新会员转化率', - '010002': '0.002272426566624512', - '240103151324273': '2024-01-10', - '240114152033385': '0.002272426566624512' - }, - { - '10001': 'MAU新会员转化率', - '10003': '240114152033385', - '20001': 'MAU新会员转化率', - '010002': '0.00227248281619085', - '240103151324273': '2024-01-11', - '240114152033385': '0.00227248281619085' - }, - { - '10001': 'MAU新会员转化率', - '10003': '240114152033385', - '20001': 'MAU新会员转化率', - '010002': '0.0022675403408664307', - '240103151324273': '2024-01-12', - '240114152033385': '0.0022675403408664307' - }, - { - '10001': 'MAU新会员转化率', - '10003': '240114152033385', - '20001': 'MAU新会员转化率', - '010002': '0.0022582848077943164', - '240103151324273': '2024-01-13', - '240114152033385': '0.0022582848077943164' - }, - { - '10001': 'MAU新会员转化率', - '10003': '240114152033385', - '20001': 'MAU新会员转化率', - '010002': '0.00224960750371724', - '240103151324273': '2024-01-14', - '240114152033385': '0.00224960750371724' - }, - { - '10001': 'MAU新会员转化率', - '10003': '240114152033385', - '20001': 'MAU新会员转化率', - '010002': '0.0022519812946625345', - '240103151324273': '2024-01-15', - '240114152033385': '0.0022519812946625345' - }, - { - '10001': 'MAU新会员转化率', - '10003': '240114152033385', - '20001': 'MAU新会员转化率', - '010002': '0.0022569000669138144', - '240103151324273': '2024-01-16', - '240114152033385': '0.0022569000669138144' - }, - { - '10001': 'MAU新会员转化率', - '10003': '240114152033385', - '20001': 'MAU新会员转化率', - '010002': '0.0022591102540714197', - '240103151324273': '2024-01-17', - '240114152033385': '0.0022591102540714197' - }, - { - '10001': 'MAU新会员转化率', - '10003': '240114152033385', - '20001': 'MAU新会员转化率', - '010002': '0.0022742003131701097', - '240103151324273': '2024-01-18', - '240114152033385': '0.0022742003131701097' - }, - { - '10001': 'MAU新会员转化率', - '10003': '240114152033385', - '20001': 'MAU新会员转化率', - '010002': '0.0022836958382948624', - '240103151324273': '2024-01-19', - '240114152033385': '0.0022836958382948624' - }, - { - '10001': 'MAU新会员转化率', - '10003': '240114152033385', - '20001': 'MAU新会员转化率', - '010002': '0.0022876192993865714', - '240103151324273': '2024-01-20', - '240114152033385': '0.0022876192993865714' - }, - { - '10001': 'MAU新会员转化率', - '10003': '240114152033385', - '20001': 'MAU新会员转化率', - '010002': '0.0022888090382742142', - '240103151324273': '2024-01-21', - '240114152033385': '0.0022888090382742142' - } - ], - [ - { - '10001': 'MAU召回会员转化率', - '10003': '240114152033388', - '20001': 'MAU召回会员转化率', - '110002': '0.0008121744616237642', - '240103151324273': '2024-01-01', - '240114152033388': '0.0008121744616237642' - }, - { - '10001': 'MAU召回会员转化率', - '10003': '240114152033388', - '20001': 'MAU召回会员转化率', - '110002': '0.0008070672072548594', - '240103151324273': '2024-01-02', - '240114152033388': '0.0008070672072548594' - }, - { - '10001': 'MAU召回会员转化率', - '10003': '240114152033388', - '20001': 'MAU召回会员转化率', - '110002': '0.0008023629702409944', - '240103151324273': '2024-01-03', - '240114152033388': '0.0008023629702409944' - }, - { - '10001': 'MAU召回会员转化率', - '10003': '240114152033388', - '20001': 'MAU召回会员转化率', - '110002': '0.0008046114359005983', - '240103151324273': '2024-01-04', - '240114152033388': '0.0008046114359005983' - }, - { - '10001': 'MAU召回会员转化率', - '10003': '240114152033388', - '20001': 'MAU召回会员转化率', - '110002': '0.0008037968540141206', - '240103151324273': '2024-01-05', - '240114152033388': '0.0008037968540141206' - }, - { - '10001': 'MAU召回会员转化率', - '10003': '240114152033388', - '20001': 'MAU召回会员转化率', - '110002': '0.0008164748521489349', - '240103151324273': '2024-01-06', - '240114152033388': '0.0008164748521489349' - }, - { - '10001': 'MAU召回会员转化率', - '10003': '240114152033388', - '20001': 'MAU召回会员转化率', - '110002': '0.0008082704688049527', - '240103151324273': '2024-01-07', - '240114152033388': '0.0008082704688049527' - }, - { - '10001': 'MAU召回会员转化率', - '10003': '240114152033388', - '20001': 'MAU召回会员转化率', - '110002': '0.0008072581329952039', - '240103151324273': '2024-01-08', - '240114152033388': '0.0008072581329952039' - }, - { - '10001': 'MAU召回会员转化率', - '10003': '240114152033388', - '20001': 'MAU召回会员转化率', - '110002': '0.0008067492359218758', - '240103151324273': '2024-01-09', - '240114152033388': '0.0008067492359218758' - }, - { - '10001': 'MAU召回会员转化率', - '10003': '240114152033388', - '20001': 'MAU召回会员转化率', - '110002': '0.0008006904274883237', - '240103151324273': '2024-01-10', - '240114152033388': '0.0008006904274883237' - }, - { - '10001': 'MAU召回会员转化率', - '10003': '240114152033388', - '20001': 'MAU召回会员转化率', - '110002': '0.0008041817967195804', - '240103151324273': '2024-01-11', - '240114152033388': '0.0008041817967195804' - }, - { - '10001': 'MAU召回会员转化率', - '10003': '240114152033388', - '20001': 'MAU召回会员转化率', - '110002': '0.0008065451122881741', - '240103151324273': '2024-01-12', - '240114152033388': '0.0008065451122881741' - }, - { - '10001': 'MAU召回会员转化率', - '10003': '240114152033388', - '20001': 'MAU召回会员转化率', - '110002': '0.0008045452183187166', - '240103151324273': '2024-01-13', - '240114152033388': '0.0008045452183187166' - }, - { - '10001': 'MAU召回会员转化率', - '10003': '240114152033388', - '20001': 'MAU召回会员转化率', - '110002': '0.0008034595372288693', - '240103151324273': '2024-01-14', - '240114152033388': '0.0008034595372288693' - }, - { - '10001': 'MAU召回会员转化率', - '10003': '240114152033388', - '20001': 'MAU召回会员转化率', - '110002': '0.000806365157768805', - '240103151324273': '2024-01-15', - '240114152033388': '0.000806365157768805' - }, - { - '10001': 'MAU召回会员转化率', - '10003': '240114152033388', - '20001': 'MAU召回会员转化率', - '110002': '0.0008101232626764969', - '240103151324273': '2024-01-16', - '240114152033388': '0.0008101232626764969' - }, - { - '10001': 'MAU召回会员转化率', - '10003': '240114152033388', - '20001': 'MAU召回会员转化率', - '110002': '0.0008089185575592793', - '240103151324273': '2024-01-17', - '240114152033388': '0.0008089185575592793' - }, - { - '10001': 'MAU召回会员转化率', - '10003': '240114152033388', - '20001': 'MAU召回会员转化率', - '110002': '0.0008161604003895822', - '240103151324273': '2024-01-18', - '240114152033388': '0.0008161604003895822' - }, - { - '10001': 'MAU召回会员转化率', - '10003': '240114152033388', - '20001': 'MAU召回会员转化率', - '110002': '0.0008217670532066235', - '240103151324273': '2024-01-19', - '240114152033388': '0.0008217670532066235' - }, - { - '10001': 'MAU召回会员转化率', - '10003': '240114152033388', - '20001': 'MAU召回会员转化率', - '110002': '0.000825533215341078', - '240103151324273': '2024-01-20', - '240114152033388': '0.000825533215341078' - }, - { - '10001': 'MAU召回会员转化率', - '10003': '240114152033388', - '20001': 'MAU召回会员转化率', - '110002': '0.0008315640756712879', - '240103151324273': '2024-01-21', - '240114152033388': '0.0008315640756712879' - } - ], - [ - { - '10001': '新会员次月留存率', - '10003': '240104172731201', - '20001': '新会员次月留存率', - '210002': '0.5181159015941292', - '240103151324273': '2024-01-01', - '240104172731201': '0.5181159015941292' - }, - { - '10001': '新会员次月留存率', - '10003': '240104172731201', - '20001': '新会员次月留存率', - '210002': '0.5165234803594506', - '240103151324273': '2024-01-02', - '240104172731201': '0.5165234803594506' - }, - { - '10001': '新会员次月留存率', - '10003': '240104172731201', - '20001': '新会员次月留存率', - '210002': '0.517116236622636', - '240103151324273': '2024-01-03', - '240104172731201': '0.517116236622636' - }, - { - '10001': '新会员次月留存率', - '10003': '240104172731201', - '20001': '新会员次月留存率', - '210002': '0.5173991688612802', - '240103151324273': '2024-01-04', - '240104172731201': '0.5173991688612802' - }, - { - '10001': '新会员次月留存率', - '10003': '240104172731201', - '20001': '新会员次月留存率', - '210002': '0.5171419726661036', - '240103151324273': '2024-01-05', - '240104172731201': '0.5171419726661036' - }, - { - '10001': '新会员次月留存率', - '10003': '240104172731201', - '20001': '新会员次月留存率', - '210002': '0.5162722935024562', - '240103151324273': '2024-01-06', - '240104172731201': '0.5162722935024562' - }, - { - '10001': '新会员次月留存率', - '10003': '240104172731201', - '20001': '新会员次月留存率', - '210002': '0.5153710487878603', - '240103151324273': '2024-01-07', - '240104172731201': '0.5153710487878603' - }, - { - '10001': '新会员次月留存率', - '10003': '240104172731201', - '20001': '新会员次月留存率', - '210002': '0.5146704075478861', - '240103151324273': '2024-01-08', - '240104172731201': '0.5146704075478861' - }, - { - '10001': '新会员次月留存率', - '10003': '240104172731201', - '20001': '新会员次月留存率', - '210002': '0.5124717293301558', - '240103151324273': '2024-01-09', - '240104172731201': '0.5124717293301558' - }, - { - '10001': '新会员次月留存率', - '10003': '240104172731201', - '20001': '新会员次月留存率', - '210002': '0.5124242383215318', - '240103151324273': '2024-01-10', - '240104172731201': '0.5124242383215318' - }, - { - '10001': '新会员次月留存率', - '10003': '240104172731201', - '20001': '新会员次月留存率', - '210002': '0.5141192166565074', - '240103151324273': '2024-01-11', - '240104172731201': '0.5141192166565074' - }, - { - '10001': '新会员次月留存率', - '10003': '240104172731201', - '20001': '新会员次月留存率', - '210002': '0.5137010998937498', - '240103151324273': '2024-01-12', - '240104172731201': '0.5137010998937498' - }, - { - '10001': '新会员次月留存率', - '10003': '240104172731201', - '20001': '新会员次月留存率', - '210002': '0.5125814246497741', - '240103151324273': '2024-01-13', - '240104172731201': '0.5125814246497741' - }, - { - '10001': '新会员次月留存率', - '10003': '240104172731201', - '20001': '新会员次月留存率', - '210002': '0.5134094679820241', - '240103151324273': '2024-01-14', - '240104172731201': '0.5134094679820241' - }, - { - '10001': '新会员次月留存率', - '10003': '240104172731201', - '20001': '新会员次月留存率', - '210002': '0.5140303942386522', - '240103151324273': '2024-01-15', - '240104172731201': '0.5140303942386522' - }, - { - '10001': '新会员次月留存率', - '10003': '240104172731201', - '20001': '新会员次月留存率', - '210002': '0.5139058416705014', - '240103151324273': '2024-01-16', - '240104172731201': '0.5139058416705014' - }, - { - '10001': '新会员次月留存率', - '10003': '240104172731201', - '20001': '新会员次月留存率', - '210002': '0.5140982584441186', - '240103151324273': '2024-01-17', - '240104172731201': '0.5140982584441186' - }, - { - '10001': '新会员次月留存率', - '10003': '240104172731201', - '20001': '新会员次月留存率', - '210002': '0.5157212566213728', - '240103151324273': '2024-01-18', - '240104172731201': '0.5157212566213728' - }, - { - '10001': '新会员次月留存率', - '10003': '240104172731201', - '20001': '新会员次月留存率', - '210002': '0.5163415849199327', - '240103151324273': '2024-01-19', - '240104172731201': '0.5163415849199327' - }, - { - '10001': '新会员次月留存率', - '10003': '240104172731201', - '20001': '新会员次月留存率', - '210002': '0.5160313233064864', - '240103151324273': '2024-01-20', - '240104172731201': '0.5160313233064864' - }, - { - '10001': '新会员次月留存率', - '10003': '240104172731201', - '20001': '新会员次月留存率', - '210002': '0.520981976426155', - '240103151324273': '2024-01-21', - '240104172731201': '0.520981976426155' - } - ], - [ - { - '10001': '老会员次月留存率', - '10003': '240104172731204', - '20001': '老会员次月留存率', - '310002': '0.8491549586706896', - '240103151324273': '2024-01-01', - '240104172731204': '0.8491549586706896' - }, - { - '10001': '老会员次月留存率', - '10003': '240104172731204', - '20001': '老会员次月留存率', - '310002': '0.8499997187905293', - '240103151324273': '2024-01-02', - '240104172731204': '0.8499997187905293' - }, - { - '10001': '老会员次月留存率', - '10003': '240104172731204', - '20001': '老会员次月留存率', - '310002': '0.8509766143006294', - '240103151324273': '2024-01-03', - '240104172731204': '0.8509766143006294' - }, - { - '10001': '老会员次月留存率', - '10003': '240104172731204', - '20001': '老会员次月留存率', - '310002': '0.8514465927149396', - '240103151324273': '2024-01-04', - '240104172731204': '0.8514465927149396' - }, - { - '10001': '老会员次月留存率', - '10003': '240104172731204', - '20001': '老会员次月留存率', - '310002': '0.8502155378356793', - '240103151324273': '2024-01-05', - '240104172731204': '0.8502155378356793' - }, - { - '10001': '老会员次月留存率', - '10003': '240104172731204', - '20001': '老会员次月留存率', - '310002': '0.8483876156579856', - '240103151324273': '2024-01-06', - '240104172731204': '0.8483876156579856' - }, - { - '10001': '老会员次月留存率', - '10003': '240104172731204', - '20001': '老会员次月留存率', - '310002': '0.8442672459235311', - '240103151324273': '2024-01-07', - '240104172731204': '0.8442672459235311' - }, - { - '10001': '老会员次月留存率', - '10003': '240104172731204', - '20001': '老会员次月留存率', - '310002': '0.8443919719743964', - '240103151324273': '2024-01-08', - '240104172731204': '0.8443919719743964' - }, - { - '10001': '老会员次月留存率', - '10003': '240104172731204', - '20001': '老会员次月留存率', - '310002': '0.8443656276524998', - '240103151324273': '2024-01-09', - '240104172731204': '0.8443656276524998' - }, - { - '10001': '老会员次月留存率', - '10003': '240104172731204', - '20001': '老会员次月留存率', - '310002': '0.8437409090061698', - '240103151324273': '2024-01-10', - '240104172731204': '0.8437409090061698' - }, - { - '10001': '老会员次月留存率', - '10003': '240104172731204', - '20001': '老会员次月留存率', - '310002': '0.8437886614966147', - '240103151324273': '2024-01-11', - '240104172731204': '0.8437886614966147' - }, - { - '10001': '老会员次月留存率', - '10003': '240104172731204', - '20001': '老会员次月留存率', - '310002': '0.842972628392426', - '240103151324273': '2024-01-12', - '240104172731204': '0.842972628392426' - }, - { - '10001': '老会员次月留存率', - '10003': '240104172731204', - '20001': '老会员次月留存率', - '310002': '0.8421928806264737', - '240103151324273': '2024-01-13', - '240104172731204': '0.8421928806264737' - }, - { - '10001': '老会员次月留存率', - '10003': '240104172731204', - '20001': '老会员次月留存率', - '310002': '0.8416655433248755', - '240103151324273': '2024-01-14', - '240104172731204': '0.8416655433248755' - }, - { - '10001': '老会员次月留存率', - '10003': '240104172731204', - '20001': '老会员次月留存率', - '310002': '0.8419187546304148', - '240103151324273': '2024-01-15', - '240104172731204': '0.8419187546304148' - }, - { - '10001': '老会员次月留存率', - '10003': '240104172731204', - '20001': '老会员次月留存率', - '310002': '0.8425690557330622', - '240103151324273': '2024-01-16', - '240104172731204': '0.8425690557330622' - }, - { - '10001': '老会员次月留存率', - '10003': '240104172731204', - '20001': '老会员次月留存率', - '310002': '0.8422944267871347', - '240103151324273': '2024-01-17', - '240104172731204': '0.8422944267871347' - }, - { - '10001': '老会员次月留存率', - '10003': '240104172731204', - '20001': '老会员次月留存率', - '310002': '0.8423059386239165', - '240103151324273': '2024-01-18', - '240104172731204': '0.8423059386239165' - }, - { - '10001': '老会员次月留存率', - '10003': '240104172731204', - '20001': '老会员次月留存率', - '310002': '0.8417265960871636', - '240103151324273': '2024-01-19', - '240104172731204': '0.8417265960871636' - }, - { - '10001': '老会员次月留存率', - '10003': '240104172731204', - '20001': '老会员次月留存率', - '310002': '0.8405277901126161', - '240103151324273': '2024-01-20', - '240104172731204': '0.8405277901126161' - }, - { - '10001': '老会员次月留存率', - '10003': '240104172731204', - '20001': '老会员次月留存率', - '310002': '0.8368696884527291', - '240103151324273': '2024-01-21', - '240104172731204': '0.8368696884527291' - } - ] - ], - fields: { - '10001': { - alias: '指标名称 ' - }, - '20001': { - alias: '图例项 ', - domain: ['MAU新会员转化率', 'MAU召回会员转化率', '新会员次月留存率', '老会员次月留存率'], - sortIndex: 0, - lockStatisticsByDomain: true - }, - '110002': { - alias: '指标值 ' - }, - '210002': { - alias: '指标值 ' - }, - '310002': { - alias: '指标值 ' - }, - '010002': { - alias: '指标值 ' - }, - '240103151324273': { - alias: '数据日期', - domain: [ - '2024-01-01', - '2024-01-02', - '2024-01-03', - '2024-01-04', - '2024-01-05', - '2024-01-06', - '2024-01-07', - '2024-01-08', - '2024-01-09', - '2024-01-10', - '2024-01-11', - '2024-01-12', - '2024-01-13', - '2024-01-14', - '2024-01-15', - '2024-01-16', - '2024-01-17', - '2024-01-18', - '2024-01-19', - '2024-01-20', - '2024-01-21' - ], - sortIndex: 0, - lockStatisticsByDomain: true - }, - '240104172731201': { - alias: '新会员次月留存率' - }, - '240104172731204': { - alias: '老会员次月留存率' - }, - '240114152033385': { - alias: 'MAU新会员转化率' - }, - '240114152033388': { - alias: 'MAU召回会员转化率' - } - } - } - ], - axes: [ - { - type: 'band', - tick: { - visible: false - }, - - orient: 'bottom', - visible: true, - domainLine: { - visible: true, - style: { - lineWidth: 1, - stroke: '#989999' - } - }, - title: { - visible: false, - space: 0, - text: '数据日期', - style: { - fontSize: 1, - fill: '#363839', - fontWeight: 'normal' - } - }, - autoIndent: false, - sampling: false, - zIndex: 200, - label: { - visible: true, - space: 15, - style: { - fontSize: 12, - fill: '#6F6F6F', - angle: 0, - fontWeight: 'normal', - direction: 'horizontal', - maxLineWidth: 174 - }, - autoHide: true, - autoHideMethod: 'greedy', - flush: true, - lastVisible: true - }, - hover: true, - background: { - visible: true, - state: { - hover: { - fillOpacity: 0.08, - fill: '#141414' - }, - hover_reverse: { - fillOpacity: 0.08, - fill: '#141414' - } - } - }, - paddingInner: [0.15, 0.1], - paddingOuter: [0.075, 0.1] - } - ], - legends: [ - { - type: 'discrete', - visible: false - } - ], - records: { - '0': [ - { - '10001': 'MAU新会员转化率', - '10003': '240114152033385', - '20001': 'MAU新会员转化率', - '010002': '0.002298293736295464', - '240103151324273': '2024-01-01', - '240114152033385': '0.002298293736295464' - }, - { - '10001': 'MAU新会员转化率', - '10003': '240114152033385', - '20001': 'MAU新会员转化率', - '010002': '0.0023029631491047415', - '240103151324273': '2024-01-02', - '240114152033385': '0.0023029631491047415' - }, - { - '10001': 'MAU新会员转化率', - '10003': '240114152033385', - '20001': 'MAU新会员转化率', - '010002': '0.002302147170512614', - '240103151324273': '2024-01-03', - '240114152033385': '0.002302147170512614' - }, - { - '10001': 'MAU新会员转化率', - '10003': '240114152033385', - '20001': 'MAU新会员转化率', - '010002': '0.002298785339930673', - '240103151324273': '2024-01-04', - '240114152033385': '0.002298785339930673' - }, - { - '10001': 'MAU新会员转化率', - '10003': '240114152033385', - '20001': 'MAU新会员转化率', - '010002': '0.0022937589477976207', - '240103151324273': '2024-01-05', - '240114152033385': '0.0022937589477976207' - }, - { - '10001': 'MAU新会员转化率', - '10003': '240114152033385', - '20001': 'MAU新会员转化率', - '010002': '0.002286768611236427', - '240103151324273': '2024-01-06', - '240114152033385': '0.002286768611236427' - }, - { - '10001': 'MAU新会员转化率', - '10003': '240114152033385', - '20001': 'MAU新会员转化率', - '010002': '0.00228186287626165', - '240103151324273': '2024-01-07', - '240114152033385': '0.00228186287626165' - }, - { - '10001': 'MAU新会员转化率', - '10003': '240114152033385', - '20001': 'MAU新会员转化率', - '010002': '0.00228098978895828', - '240103151324273': '2024-01-08', - '240114152033385': '0.00228098978895828' - }, - { - '10001': 'MAU新会员转化率', - '10003': '240114152033385', - '20001': 'MAU新会员转化率', - '010002': '0.0022770077676922827', - '240103151324273': '2024-01-09', - '240114152033385': '0.0022770077676922827' - }, - { - '10001': 'MAU新会员转化率', - '10003': '240114152033385', - '20001': 'MAU新会员转化率', - '010002': '0.002272426566624512', - '240103151324273': '2024-01-10', - '240114152033385': '0.002272426566624512' - }, - { - '10001': 'MAU新会员转化率', - '10003': '240114152033385', - '20001': 'MAU新会员转化率', - '010002': '0.00227248281619085', - '240103151324273': '2024-01-11', - '240114152033385': '0.00227248281619085' - }, - { - '10001': 'MAU新会员转化率', - '10003': '240114152033385', - '20001': 'MAU新会员转化率', - '010002': '0.0022675403408664307', - '240103151324273': '2024-01-12', - '240114152033385': '0.0022675403408664307' - }, - { - '10001': 'MAU新会员转化率', - '10003': '240114152033385', - '20001': 'MAU新会员转化率', - '010002': '0.0022582848077943164', - '240103151324273': '2024-01-13', - '240114152033385': '0.0022582848077943164' - }, - { - '10001': 'MAU新会员转化率', - '10003': '240114152033385', - '20001': 'MAU新会员转化率', - '010002': '0.00224960750371724', - '240103151324273': '2024-01-14', - '240114152033385': '0.00224960750371724' - }, - { - '10001': 'MAU新会员转化率', - '10003': '240114152033385', - '20001': 'MAU新会员转化率', - '010002': '0.0022519812946625345', - '240103151324273': '2024-01-15', - '240114152033385': '0.0022519812946625345' - }, - { - '10001': 'MAU新会员转化率', - '10003': '240114152033385', - '20001': 'MAU新会员转化率', - '010002': '0.0022569000669138144', - '240103151324273': '2024-01-16', - '240114152033385': '0.0022569000669138144' - }, - { - '10001': 'MAU新会员转化率', - '10003': '240114152033385', - '20001': 'MAU新会员转化率', - '010002': '0.0022591102540714197', - '240103151324273': '2024-01-17', - '240114152033385': '0.0022591102540714197' - }, - { - '10001': 'MAU新会员转化率', - '10003': '240114152033385', - '20001': 'MAU新会员转化率', - '010002': '0.0022742003131701097', - '240103151324273': '2024-01-18', - '240114152033385': '0.0022742003131701097' - }, - { - '10001': 'MAU新会员转化率', - '10003': '240114152033385', - '20001': 'MAU新会员转化率', - '010002': '0.0022836958382948624', - '240103151324273': '2024-01-19', - '240114152033385': '0.0022836958382948624' - }, - { - '10001': 'MAU新会员转化率', - '10003': '240114152033385', - '20001': 'MAU新会员转化率', - '010002': '0.0022876192993865714', - '240103151324273': '2024-01-20', - '240114152033385': '0.0022876192993865714' - }, - { - '10001': 'MAU新会员转化率', - '10003': '240114152033385', - '20001': 'MAU新会员转化率', - '010002': '0.0022888090382742142', - '240103151324273': '2024-01-21', - '240114152033385': '0.0022888090382742142' - } - ], - '1': [ - { - '10001': 'MAU召回会员转化率', - '10003': '240114152033388', - '20001': 'MAU召回会员转化率', - '110002': '0.0008121744616237642', - '240103151324273': '2024-01-01', - '240114152033388': '0.0008121744616237642' - }, - { - '10001': 'MAU召回会员转化率', - '10003': '240114152033388', - '20001': 'MAU召回会员转化率', - '110002': '0.0008070672072548594', - '240103151324273': '2024-01-02', - '240114152033388': '0.0008070672072548594' - }, - { - '10001': 'MAU召回会员转化率', - '10003': '240114152033388', - '20001': 'MAU召回会员转化率', - '110002': '0.0008023629702409944', - '240103151324273': '2024-01-03', - '240114152033388': '0.0008023629702409944' - }, - { - '10001': 'MAU召回会员转化率', - '10003': '240114152033388', - '20001': 'MAU召回会员转化率', - '110002': '0.0008046114359005983', - '240103151324273': '2024-01-04', - '240114152033388': '0.0008046114359005983' - }, - { - '10001': 'MAU召回会员转化率', - '10003': '240114152033388', - '20001': 'MAU召回会员转化率', - '110002': '0.0008037968540141206', - '240103151324273': '2024-01-05', - '240114152033388': '0.0008037968540141206' - }, - { - '10001': 'MAU召回会员转化率', - '10003': '240114152033388', - '20001': 'MAU召回会员转化率', - '110002': '0.0008164748521489349', - '240103151324273': '2024-01-06', - '240114152033388': '0.0008164748521489349' - }, - { - '10001': 'MAU召回会员转化率', - '10003': '240114152033388', - '20001': 'MAU召回会员转化率', - '110002': '0.0008082704688049527', - '240103151324273': '2024-01-07', - '240114152033388': '0.0008082704688049527' - }, - { - '10001': 'MAU召回会员转化率', - '10003': '240114152033388', - '20001': 'MAU召回会员转化率', - '110002': '0.0008072581329952039', - '240103151324273': '2024-01-08', - '240114152033388': '0.0008072581329952039' - }, - { - '10001': 'MAU召回会员转化率', - '10003': '240114152033388', - '20001': 'MAU召回会员转化率', - '110002': '0.0008067492359218758', - '240103151324273': '2024-01-09', - '240114152033388': '0.0008067492359218758' - }, - { - '10001': 'MAU召回会员转化率', - '10003': '240114152033388', - '20001': 'MAU召回会员转化率', - '110002': '0.0008006904274883237', - '240103151324273': '2024-01-10', - '240114152033388': '0.0008006904274883237' - }, - { - '10001': 'MAU召回会员转化率', - '10003': '240114152033388', - '20001': 'MAU召回会员转化率', - '110002': '0.0008041817967195804', - '240103151324273': '2024-01-11', - '240114152033388': '0.0008041817967195804' - }, - { - '10001': 'MAU召回会员转化率', - '10003': '240114152033388', - '20001': 'MAU召回会员转化率', - '110002': '0.0008065451122881741', - '240103151324273': '2024-01-12', - '240114152033388': '0.0008065451122881741' - }, - { - '10001': 'MAU召回会员转化率', - '10003': '240114152033388', - '20001': 'MAU召回会员转化率', - '110002': '0.0008045452183187166', - '240103151324273': '2024-01-13', - '240114152033388': '0.0008045452183187166' - }, - { - '10001': 'MAU召回会员转化率', - '10003': '240114152033388', - '20001': 'MAU召回会员转化率', - '110002': '0.0008034595372288693', - '240103151324273': '2024-01-14', - '240114152033388': '0.0008034595372288693' - }, - { - '10001': 'MAU召回会员转化率', - '10003': '240114152033388', - '20001': 'MAU召回会员转化率', - '110002': '0.000806365157768805', - '240103151324273': '2024-01-15', - '240114152033388': '0.000806365157768805' - }, - { - '10001': 'MAU召回会员转化率', - '10003': '240114152033388', - '20001': 'MAU召回会员转化率', - '110002': '0.0008101232626764969', - '240103151324273': '2024-01-16', - '240114152033388': '0.0008101232626764969' - }, - { - '10001': 'MAU召回会员转化率', - '10003': '240114152033388', - '20001': 'MAU召回会员转化率', - '110002': '0.0008089185575592793', - '240103151324273': '2024-01-17', - '240114152033388': '0.0008089185575592793' - }, - { - '10001': 'MAU召回会员转化率', - '10003': '240114152033388', - '20001': 'MAU召回会员转化率', - '110002': '0.0008161604003895822', - '240103151324273': '2024-01-18', - '240114152033388': '0.0008161604003895822' - }, - { - '10001': 'MAU召回会员转化率', - '10003': '240114152033388', - '20001': 'MAU召回会员转化率', - '110002': '0.0008217670532066235', - '240103151324273': '2024-01-19', - '240114152033388': '0.0008217670532066235' - }, - { - '10001': 'MAU召回会员转化率', - '10003': '240114152033388', - '20001': 'MAU召回会员转化率', - '110002': '0.000825533215341078', - '240103151324273': '2024-01-20', - '240114152033388': '0.000825533215341078' - }, - { - '10001': 'MAU召回会员转化率', - '10003': '240114152033388', - '20001': 'MAU召回会员转化率', - '110002': '0.0008315640756712879', - '240103151324273': '2024-01-21', - '240114152033388': '0.0008315640756712879' - } - ], - '2': [ - { - '10001': '新会员次月留存率', - '10003': '240104172731201', - '20001': '新会员次月留存率', - '210002': '0.5181159015941292', - '240103151324273': '2024-01-01', - '240104172731201': '0.5181159015941292' - }, - { - '10001': '新会员次月留存率', - '10003': '240104172731201', - '20001': '新会员次月留存率', - '210002': '0.5165234803594506', - '240103151324273': '2024-01-02', - '240104172731201': '0.5165234803594506' - }, - { - '10001': '新会员次月留存率', - '10003': '240104172731201', - '20001': '新会员次月留存率', - '210002': '0.517116236622636', - '240103151324273': '2024-01-03', - '240104172731201': '0.517116236622636' - }, - { - '10001': '新会员次月留存率', - '10003': '240104172731201', - '20001': '新会员次月留存率', - '210002': '0.5173991688612802', - '240103151324273': '2024-01-04', - '240104172731201': '0.5173991688612802' - }, - { - '10001': '新会员次月留存率', - '10003': '240104172731201', - '20001': '新会员次月留存率', - '210002': '0.5171419726661036', - '240103151324273': '2024-01-05', - '240104172731201': '0.5171419726661036' - }, - { - '10001': '新会员次月留存率', - '10003': '240104172731201', - '20001': '新会员次月留存率', - '210002': '0.5162722935024562', - '240103151324273': '2024-01-06', - '240104172731201': '0.5162722935024562' - }, - { - '10001': '新会员次月留存率', - '10003': '240104172731201', - '20001': '新会员次月留存率', - '210002': '0.5153710487878603', - '240103151324273': '2024-01-07', - '240104172731201': '0.5153710487878603' - }, - { - '10001': '新会员次月留存率', - '10003': '240104172731201', - '20001': '新会员次月留存率', - '210002': '0.5146704075478861', - '240103151324273': '2024-01-08', - '240104172731201': '0.5146704075478861' - }, - { - '10001': '新会员次月留存率', - '10003': '240104172731201', - '20001': '新会员次月留存率', - '210002': '0.5124717293301558', - '240103151324273': '2024-01-09', - '240104172731201': '0.5124717293301558' - }, - { - '10001': '新会员次月留存率', - '10003': '240104172731201', - '20001': '新会员次月留存率', - '210002': '0.5124242383215318', - '240103151324273': '2024-01-10', - '240104172731201': '0.5124242383215318' - }, - { - '10001': '新会员次月留存率', - '10003': '240104172731201', - '20001': '新会员次月留存率', - '210002': '0.5141192166565074', - '240103151324273': '2024-01-11', - '240104172731201': '0.5141192166565074' - }, - { - '10001': '新会员次月留存率', - '10003': '240104172731201', - '20001': '新会员次月留存率', - '210002': '0.5137010998937498', - '240103151324273': '2024-01-12', - '240104172731201': '0.5137010998937498' - }, - { - '10001': '新会员次月留存率', - '10003': '240104172731201', - '20001': '新会员次月留存率', - '210002': '0.5125814246497741', - '240103151324273': '2024-01-13', - '240104172731201': '0.5125814246497741' - }, - { - '10001': '新会员次月留存率', - '10003': '240104172731201', - '20001': '新会员次月留存率', - '210002': '0.5134094679820241', - '240103151324273': '2024-01-14', - '240104172731201': '0.5134094679820241' - }, - { - '10001': '新会员次月留存率', - '10003': '240104172731201', - '20001': '新会员次月留存率', - '210002': '0.5140303942386522', - '240103151324273': '2024-01-15', - '240104172731201': '0.5140303942386522' - }, - { - '10001': '新会员次月留存率', - '10003': '240104172731201', - '20001': '新会员次月留存率', - '210002': '0.5139058416705014', - '240103151324273': '2024-01-16', - '240104172731201': '0.5139058416705014' - }, - { - '10001': '新会员次月留存率', - '10003': '240104172731201', - '20001': '新会员次月留存率', - '210002': '0.5140982584441186', - '240103151324273': '2024-01-17', - '240104172731201': '0.5140982584441186' - }, - { - '10001': '新会员次月留存率', - '10003': '240104172731201', - '20001': '新会员次月留存率', - '210002': '0.5157212566213728', - '240103151324273': '2024-01-18', - '240104172731201': '0.5157212566213728' - }, - { - '10001': '新会员次月留存率', - '10003': '240104172731201', - '20001': '新会员次月留存率', - '210002': '0.5163415849199327', - '240103151324273': '2024-01-19', - '240104172731201': '0.5163415849199327' - }, - { - '10001': '新会员次月留存率', - '10003': '240104172731201', - '20001': '新会员次月留存率', - '210002': '0.5160313233064864', - '240103151324273': '2024-01-20', - '240104172731201': '0.5160313233064864' - }, - { - '10001': '新会员次月留存率', - '10003': '240104172731201', - '20001': '新会员次月留存率', - '210002': '0.520981976426155', - '240103151324273': '2024-01-21', - '240104172731201': '0.520981976426155' - } - ], - '3': [ - { - '10001': '老会员次月留存率', - '10003': '240104172731204', - '20001': '老会员次月留存率', - '310002': '0.8491549586706896', - '240103151324273': '2024-01-01', - '240104172731204': '0.8491549586706896' - }, - { - '10001': '老会员次月留存率', - '10003': '240104172731204', - '20001': '老会员次月留存率', - '310002': '0.8499997187905293', - '240103151324273': '2024-01-02', - '240104172731204': '0.8499997187905293' - }, - { - '10001': '老会员次月留存率', - '10003': '240104172731204', - '20001': '老会员次月留存率', - '310002': '0.8509766143006294', - '240103151324273': '2024-01-03', - '240104172731204': '0.8509766143006294' - }, - { - '10001': '老会员次月留存率', - '10003': '240104172731204', - '20001': '老会员次月留存率', - '310002': '0.8514465927149396', - '240103151324273': '2024-01-04', - '240104172731204': '0.8514465927149396' - }, - { - '10001': '老会员次月留存率', - '10003': '240104172731204', - '20001': '老会员次月留存率', - '310002': '0.8502155378356793', - '240103151324273': '2024-01-05', - '240104172731204': '0.8502155378356793' - }, - { - '10001': '老会员次月留存率', - '10003': '240104172731204', - '20001': '老会员次月留存率', - '310002': '0.8483876156579856', - '240103151324273': '2024-01-06', - '240104172731204': '0.8483876156579856' - }, - { - '10001': '老会员次月留存率', - '10003': '240104172731204', - '20001': '老会员次月留存率', - '310002': '0.8442672459235311', - '240103151324273': '2024-01-07', - '240104172731204': '0.8442672459235311' - }, - { - '10001': '老会员次月留存率', - '10003': '240104172731204', - '20001': '老会员次月留存率', - '310002': '0.8443919719743964', - '240103151324273': '2024-01-08', - '240104172731204': '0.8443919719743964' - }, - { - '10001': '老会员次月留存率', - '10003': '240104172731204', - '20001': '老会员次月留存率', - '310002': '0.8443656276524998', - '240103151324273': '2024-01-09', - '240104172731204': '0.8443656276524998' - }, - { - '10001': '老会员次月留存率', - '10003': '240104172731204', - '20001': '老会员次月留存率', - '310002': '0.8437409090061698', - '240103151324273': '2024-01-10', - '240104172731204': '0.8437409090061698' - }, - { - '10001': '老会员次月留存率', - '10003': '240104172731204', - '20001': '老会员次月留存率', - '310002': '0.8437886614966147', - '240103151324273': '2024-01-11', - '240104172731204': '0.8437886614966147' - }, - { - '10001': '老会员次月留存率', - '10003': '240104172731204', - '20001': '老会员次月留存率', - '310002': '0.842972628392426', - '240103151324273': '2024-01-12', - '240104172731204': '0.842972628392426' - }, - { - '10001': '老会员次月留存率', - '10003': '240104172731204', - '20001': '老会员次月留存率', - '310002': '0.8421928806264737', - '240103151324273': '2024-01-13', - '240104172731204': '0.8421928806264737' - }, - { - '10001': '老会员次月留存率', - '10003': '240104172731204', - '20001': '老会员次月留存率', - '310002': '0.8416655433248755', - '240103151324273': '2024-01-14', - '240104172731204': '0.8416655433248755' - }, - { - '10001': '老会员次月留存率', - '10003': '240104172731204', - '20001': '老会员次月留存率', - '310002': '0.8419187546304148', - '240103151324273': '2024-01-15', - '240104172731204': '0.8419187546304148' - }, - { - '10001': '老会员次月留存率', - '10003': '240104172731204', - '20001': '老会员次月留存率', - '310002': '0.8425690557330622', - '240103151324273': '2024-01-16', - '240104172731204': '0.8425690557330622' - }, - { - '10001': '老会员次月留存率', - '10003': '240104172731204', - '20001': '老会员次月留存率', - '310002': '0.8422944267871347', - '240103151324273': '2024-01-17', - '240104172731204': '0.8422944267871347' - }, - { - '10001': '老会员次月留存率', - '10003': '240104172731204', - '20001': '老会员次月留存率', - '310002': '0.8423059386239165', - '240103151324273': '2024-01-18', - '240104172731204': '0.8423059386239165' - }, - { - '10001': '老会员次月留存率', - '10003': '240104172731204', - '20001': '老会员次月留存率', - '310002': '0.8417265960871636', - '240103151324273': '2024-01-19', - '240104172731204': '0.8417265960871636' - }, - { - '10001': '老会员次月留存率', - '10003': '240104172731204', - '20001': '老会员次月留存率', - '310002': '0.8405277901126161', - '240103151324273': '2024-01-20', - '240104172731204': '0.8405277901126161' - }, - { - '10001': '老会员次月留存率', - '10003': '240104172731204', - '20001': '老会员次月留存率', - '310002': '0.8368696884527291', - '240103151324273': '2024-01-21', - '240104172731204': '0.8368696884527291' - } - ] - }, - indicatorsAsCol: false, - indicators: [ - { - indicatorKey: '0', - width: 'auto', - title: '', - cellType: 'chart', - chartModule: 'vchart', - chartSpec: { - type: 'line', - xField: ['240103151324273'], - yField: ['010002'], - direction: 'vertical', - seriesField: '20001', - axes: [ - { - id: '0', - type: 'linear', - tick: { - visible: false, - tickMode: 'd3', - style: { - stroke: '#989999' - } - }, - niceType: 'accurateFirst', - zIndex: 200, - grid: { - visible: true, - style: { - zIndex: 150, - stroke: '#DADCDD', - lineWidth: 1, - lineDash: [4, 2] - } - }, - orient: 'left', - visible: true, - domainLine: { - visible: true, - style: { - lineWidth: 1, - stroke: '#989999' - } - }, - title: { - visible: false, - text: 'MAU新会员转化率', - space: 8, - style: { - fontSize: 12, - fill: '#363839', - fontWeight: 'normal' - } - }, - autoIndent: false, - sampling: false, - label: { - visible: true, - space: 6, - flush: true, - padding: 0, - style: { - fontSize: 12, - maxLineWidth: 174, - fill: '#6F6F6F', - angle: 0, - fontWeight: 'normal', - dy: -1, - direction: 'horizontal' - }, - autoHide: true, - autoHideMethod: 'greedy' - }, - hover: false, - background: { - visible: true, - state: { - hover: { - fillOpacity: 0.08, - fill: '#141414' - }, - hover_reverse: { - fillOpacity: 0.08, - fill: '#141414' - } - } - }, - zero: false, - nice: true - } - ], - data: { - id: 'data', - fields: { - '10001': { - alias: '指标名称 ' - }, - '20001': { - alias: '图例项 ', - domain: ['MAU新会员转化率', 'MAU召回会员转化率', '新会员次月留存率', '老会员次月留存率'], - sortIndex: 0, - lockStatisticsByDomain: true - }, - '110002': { - alias: '指标值 ' - }, - '210002': { - alias: '指标值 ' - }, - '310002': { - alias: '指标值 ' - }, - '010002': { - alias: '指标值 ' - }, - '240103151324273': { - alias: '数据日期', - domain: [ - '2024-01-01', - '2024-01-02', - '2024-01-03', - '2024-01-04', - '2024-01-05', - '2024-01-06', - '2024-01-07', - '2024-01-08', - '2024-01-09', - '2024-01-10', - '2024-01-11', - '2024-01-12', - '2024-01-13', - '2024-01-14', - '2024-01-15', - '2024-01-16', - '2024-01-17', - '2024-01-18', - '2024-01-19', - '2024-01-20', - '2024-01-21' - ], - sortIndex: 0, - lockStatisticsByDomain: true - }, - '240104172731201': { - alias: '新会员次月留存率' - }, - '240104172731204': { - alias: '老会员次月留存率' - }, - '240114152033385': { - alias: 'MAU新会员转化率' - }, - '240114152033388': { - alias: 'MAU召回会员转化率' - } - } - }, - markOverlap: true, - stackInverse: true, - background: 'rgba(255, 255, 255, 0)', - region: [ - { - clip: true - } - ], - color: { - field: '20001', - type: 'ordinal', - range: ['#5685f6', '#a1b5e6', '#45b4d6', '#add9e6'], - specified: {}, - domain: ['MAU新会员转化率', 'MAU召回会员转化率', '新会员次月留存率', '老会员次月留存率'] - }, - tooltip: { - handler: {} - }, - crosshair: { - xField: { - visible: true, - line: { - type: 'rect', - style: { - fillOpacity: 0.2, - fill: '#b2bacf' - } - } - }, - gridZIndex: 100 - }, - line: { - style: { - curveType: { - type: 'ordinal', - field: '20001', - range: ['monotoneX'], - domain: ['MAU新会员转化率', 'MAU召回会员转化率', '新会员次月留存率', '老会员次月留存率'] - }, - lineWidth: { - type: 'ordinal', - field: '20001', - range: [2], - domain: ['MAU新会员转化率', 'MAU召回会员转化率', '新会员次月留存率', '老会员次月留存率'] - }, - lineDash: { - type: 'ordinal', - field: '20001', - range: [[0, 0]], - domain: ['MAU新会员转化率', 'MAU召回会员转化率', '新会员次月留存率', '老会员次月留存率'] - } - } - }, - area: { - style: { - curveType: { - type: 'ordinal', - field: '20001', - range: ['monotoneX'], - domain: ['MAU新会员转化率', 'MAU召回会员转化率', '新会员次月留存率', '老会员次月留存率'] - } - } - }, - point: { - style: { - shape: { - type: 'ordinal', - field: '20001', - range: ['circle'], - domain: ['MAU新会员转化率', 'MAU召回会员转化率', '新会员次月留存率', '老会员次月留存率'] - }, - size: { - type: 'ordinal', - field: '20001', - range: [7.0898154036220635], - domain: ['MAU新会员转化率', 'MAU召回会员转化率', '新会员次月留存率', '老会员次月留存率'] - }, - fill: 'white', - stroke: { - field: '20001', - type: 'ordinal', - range: ['#5685f6', '#a1b5e6', '#45b4d6', '#add9e6'], - specified: {}, - domain: ['MAU新会员转化率', 'MAU召回会员转化率', '新会员次月留存率', '老会员次月留存率'] - }, - strokeOpacity: { - type: 'ordinal', - field: '20001', - range: [0], - domain: ['MAU新会员转化率', 'MAU召回会员转化率', '新会员次月留存率', '老会员次月留存率'] - }, - fillOpacity: { - type: 'ordinal', - field: '20001', - range: [0], - domain: ['MAU新会员转化率', 'MAU召回会员转化率', '新会员次月留存率', '老会员次月留存率'] - } - }, - state: { - hover: { - lineWidth: 2, - fillOpacity: 1, - strokeOpacity: 1, - scaleX: 1.5, - scaleY: 1.5 - } - } - }, - invalidType: 'break', - hover: { - enable: true - }, - select: { - enable: true - }, - bar: { - state: { - hover: { - cursor: 'pointer', - fillOpacity: 0.8, - stroke: '#58595B', - lineWidth: 1, - zIndex: 500 - }, - selected: { - cursor: 'pointer', - fillOpacity: 1, - stroke: '#58595B', - lineWidth: 1 - }, - selected_reverse: { - fillOpacity: 0.3, - strokeWidth: 0.3 - } - } - }, - animation: false, - label: { - visible: true, - offset: 3, - overlap: { - hideOnHit: true, - avoidBaseMark: false, - strategy: [ - { - type: 'position', - position: [] - } - ], - clampForce: true - }, - style: { - fontSize: 12, - fontWeight: 'normal', - zIndex: 400, - lineHeight: '100%', - fill: '#363839', - stroke: 'rgba(255, 255, 255, 0.8)', - lineWidth: 2, - strokeOpacity: 1 - }, - position: 'top', - smartInvert: false - }, - markLine: [] - } - }, - { - indicatorKey: '1', - width: 'auto', - title: '', - cellType: 'chart', - chartModule: 'vchart', - chartSpec: { - type: 'line', - xField: ['240103151324273'], - yField: ['110002'], - direction: 'vertical', - seriesField: '20001', - axes: [ - { - id: '1', - type: 'linear', - tick: { - visible: false, - tickMode: 'd3', - style: { - stroke: '#989999' - } - }, - niceType: 'accurateFirst', - zIndex: 200, - grid: { - visible: true, - style: { - zIndex: 150, - stroke: '#DADCDD', - lineWidth: 1, - lineDash: [4, 2] - } - }, - orient: 'left', - visible: true, - domainLine: { - visible: true, - style: { - lineWidth: 1, - stroke: '#989999' - } - }, - title: { - visible: false, - text: 'MAU召回会员转化率', - space: 8, - style: { - fontSize: 12, - fill: '#363839', - fontWeight: 'normal' - } - }, - autoIndent: false, - sampling: false, - label: { - visible: true, - space: 6, - flush: true, - padding: 0, - style: { - fontSize: 12, - maxLineWidth: 174, - fill: '#6F6F6F', - angle: 0, - fontWeight: 'normal', - dy: -1, - direction: 'horizontal' - }, - autoHide: true, - autoHideMethod: 'greedy' - }, - hover: false, - background: { - visible: true, - state: { - hover: { - fillOpacity: 0.08, - fill: '#141414' - }, - hover_reverse: { - fillOpacity: 0.08, - fill: '#141414' - } - } - }, - zero: false, - nice: true - } - ], - data: { - id: 'data', - fields: { - '10001': { - alias: '指标名称 ' - }, - '20001': { - alias: '图例项 ', - domain: ['MAU新会员转化率', 'MAU召回会员转化率', '新会员次月留存率', '老会员次月留存率'], - sortIndex: 0, - lockStatisticsByDomain: true - }, - '110002': { - alias: '指标值 ' - }, - '210002': { - alias: '指标值 ' - }, - '310002': { - alias: '指标值 ' - }, - '010002': { - alias: '指标值 ' - }, - '240103151324273': { - alias: '数据日期', - domain: [ - '2024-01-01', - '2024-01-02', - '2024-01-03', - '2024-01-04', - '2024-01-05', - '2024-01-06', - '2024-01-07', - '2024-01-08', - '2024-01-09', - '2024-01-10', - '2024-01-11', - '2024-01-12', - '2024-01-13', - '2024-01-14', - '2024-01-15', - '2024-01-16', - '2024-01-17', - '2024-01-18', - '2024-01-19', - '2024-01-20', - '2024-01-21' - ], - sortIndex: 0, - lockStatisticsByDomain: true - }, - '240104172731201': { - alias: '新会员次月留存率' - }, - '240104172731204': { - alias: '老会员次月留存率' - }, - '240114152033385': { - alias: 'MAU新会员转化率' - }, - '240114152033388': { - alias: 'MAU召回会员转化率' - } - } - }, - markOverlap: true, - stackInverse: true, - background: 'rgba(255, 255, 255, 0)', - region: [ - { - clip: true - } - ], - color: { - field: '20001', - type: 'ordinal', - range: ['#5685f6', '#a1b5e6', '#45b4d6', '#add9e6'], - specified: {}, - domain: ['MAU新会员转化率', 'MAU召回会员转化率', '新会员次月留存率', '老会员次月留存率'] - }, - tooltip: { - handler: {} - }, - crosshair: { - xField: { - visible: true, - line: { - type: 'rect', - style: { - fillOpacity: 0.2, - fill: '#b2bacf' - } - } - }, - gridZIndex: 100 - }, - line: { - style: { - curveType: { - type: 'ordinal', - field: '20001', - range: ['monotoneX'], - domain: ['MAU新会员转化率', 'MAU召回会员转化率', '新会员次月留存率', '老会员次月留存率'] - }, - lineWidth: { - type: 'ordinal', - field: '20001', - range: [2], - domain: ['MAU新会员转化率', 'MAU召回会员转化率', '新会员次月留存率', '老会员次月留存率'] - }, - lineDash: { - type: 'ordinal', - field: '20001', - range: [[0, 0]], - domain: ['MAU新会员转化率', 'MAU召回会员转化率', '新会员次月留存率', '老会员次月留存率'] - } - } - }, - area: { - style: { - curveType: { - type: 'ordinal', - field: '20001', - range: ['monotoneX'], - domain: ['MAU新会员转化率', 'MAU召回会员转化率', '新会员次月留存率', '老会员次月留存率'] - } - } - }, - point: { - style: { - shape: { - type: 'ordinal', - field: '20001', - range: ['circle'], - domain: ['MAU新会员转化率', 'MAU召回会员转化率', '新会员次月留存率', '老会员次月留存率'] - }, - size: { - type: 'ordinal', - field: '20001', - range: [7.0898154036220635], - domain: ['MAU新会员转化率', 'MAU召回会员转化率', '新会员次月留存率', '老会员次月留存率'] - }, - fill: 'white', - stroke: { - field: '20001', - type: 'ordinal', - range: ['#5685f6', '#a1b5e6', '#45b4d6', '#add9e6'], - specified: {}, - domain: ['MAU新会员转化率', 'MAU召回会员转化率', '新会员次月留存率', '老会员次月留存率'] - }, - strokeOpacity: { - type: 'ordinal', - field: '20001', - range: [0], - domain: ['MAU新会员转化率', 'MAU召回会员转化率', '新会员次月留存率', '老会员次月留存率'] - }, - fillOpacity: { - type: 'ordinal', - field: '20001', - range: [0], - domain: ['MAU新会员转化率', 'MAU召回会员转化率', '新会员次月留存率', '老会员次月留存率'] - } - }, - state: { - hover: { - lineWidth: 2, - fillOpacity: 1, - strokeOpacity: 1, - scaleX: 1.5, - scaleY: 1.5 - } - } - }, - invalidType: 'break', - hover: { - enable: true - }, - select: { - enable: true - }, - bar: { - state: { - hover: { - cursor: 'pointer', - fillOpacity: 0.8, - stroke: '#58595B', - lineWidth: 1, - zIndex: 500 - }, - selected: { - cursor: 'pointer', - fillOpacity: 1, - stroke: '#58595B', - lineWidth: 1 - }, - selected_reverse: { - fillOpacity: 0.3, - strokeWidth: 0.3 - } - } - }, - animation: false, - label: { - visible: true, - offset: 3, - overlap: { - hideOnHit: true, - avoidBaseMark: false, - strategy: [ - { - type: 'position', - position: [] - } - ], - clampForce: true - }, - style: { - fontSize: 12, - fontWeight: 'normal', - zIndex: 400, - lineHeight: '100%', - fill: '#363839', - stroke: 'rgba(255, 255, 255, 0.8)', - lineWidth: 2, - strokeOpacity: 1 - }, - position: 'top', - smartInvert: false - }, - markLine: [] - } - }, - { - indicatorKey: '2', - width: 'auto', - title: '', - cellType: 'chart', - chartModule: 'vchart', - chartSpec: { - type: 'line', - xField: ['240103151324273'], - yField: ['210002'], - direction: 'vertical', - seriesField: '20001', - axes: [ - { - id: '2', - type: 'linear', - tick: { - visible: false, - tickMode: 'd3', - style: { - stroke: '#989999' - } - }, - niceType: 'accurateFirst', - zIndex: 200, - grid: { - visible: true, - style: { - zIndex: 150, - stroke: '#DADCDD', - lineWidth: 1, - lineDash: [4, 2] - } - }, - orient: 'left', - visible: true, - domainLine: { - visible: true, - style: { - lineWidth: 1, - stroke: '#989999' - } - }, - title: { - visible: false, - text: '新会员次月留存率', - space: 8, - style: { - fontSize: 12, - fill: '#363839', - fontWeight: 'normal' - } - }, - autoIndent: false, - sampling: false, - label: { - visible: true, - space: 6, - flush: true, - padding: 0, - style: { - fontSize: 12, - maxLineWidth: 174, - fill: '#6F6F6F', - angle: 0, - fontWeight: 'normal', - dy: -1, - direction: 'horizontal' - }, - autoHide: true, - autoHideMethod: 'greedy' - }, - hover: false, - background: { - visible: true, - state: { - hover: { - fillOpacity: 0.08, - fill: '#141414' - }, - hover_reverse: { - fillOpacity: 0.08, - fill: '#141414' - } - } - }, - zero: false, - nice: true - } - ], - data: { - id: 'data', - fields: { - '10001': { - alias: '指标名称 ' - }, - '20001': { - alias: '图例项 ', - domain: ['MAU新会员转化率', 'MAU召回会员转化率', '新会员次月留存率', '老会员次月留存率'], - sortIndex: 0, - lockStatisticsByDomain: true - }, - '110002': { - alias: '指标值 ' - }, - '210002': { - alias: '指标值 ' - }, - '310002': { - alias: '指标值 ' - }, - '010002': { - alias: '指标值 ' - }, - '240103151324273': { - alias: '数据日期', - domain: [ - '2024-01-01', - '2024-01-02', - '2024-01-03', - '2024-01-04', - '2024-01-05', - '2024-01-06', - '2024-01-07', - '2024-01-08', - '2024-01-09', - '2024-01-10', - '2024-01-11', - '2024-01-12', - '2024-01-13', - '2024-01-14', - '2024-01-15', - '2024-01-16', - '2024-01-17', - '2024-01-18', - '2024-01-19', - '2024-01-20', - '2024-01-21' - ], - sortIndex: 0, - lockStatisticsByDomain: true - }, - '240104172731201': { - alias: '新会员次月留存率' - }, - '240104172731204': { - alias: '老会员次月留存率' - }, - '240114152033385': { - alias: 'MAU新会员转化率' - }, - '240114152033388': { - alias: 'MAU召回会员转化率' - } - } - }, - markOverlap: true, - stackInverse: true, - background: 'rgba(255, 255, 255, 0)', - region: [ - { - clip: true - } - ], - color: { - field: '20001', - type: 'ordinal', - range: ['#5685f6', '#a1b5e6', '#45b4d6', '#add9e6'], - specified: {}, - domain: ['MAU新会员转化率', 'MAU召回会员转化率', '新会员次月留存率', '老会员次月留存率'] - }, - tooltip: { - handler: {} - }, - crosshair: { - xField: { - visible: true, - line: { - type: 'rect', - style: { - fillOpacity: 0.2, - fill: '#b2bacf' - } - } - }, - gridZIndex: 100 - }, - line: { - style: { - curveType: { - type: 'ordinal', - field: '20001', - range: ['monotoneX'], - domain: ['MAU新会员转化率', 'MAU召回会员转化率', '新会员次月留存率', '老会员次月留存率'] - }, - lineWidth: { - type: 'ordinal', - field: '20001', - range: [2], - domain: ['MAU新会员转化率', 'MAU召回会员转化率', '新会员次月留存率', '老会员次月留存率'] - }, - lineDash: { - type: 'ordinal', - field: '20001', - range: [[0, 0]], - domain: ['MAU新会员转化率', 'MAU召回会员转化率', '新会员次月留存率', '老会员次月留存率'] - } - } - }, - area: { - style: { - curveType: { - type: 'ordinal', - field: '20001', - range: ['monotoneX'], - domain: ['MAU新会员转化率', 'MAU召回会员转化率', '新会员次月留存率', '老会员次月留存率'] - } - } - }, - point: { - style: { - shape: { - type: 'ordinal', - field: '20001', - range: ['circle'], - domain: ['MAU新会员转化率', 'MAU召回会员转化率', '新会员次月留存率', '老会员次月留存率'] - }, - size: { - type: 'ordinal', - field: '20001', - range: [7.0898154036220635], - domain: ['MAU新会员转化率', 'MAU召回会员转化率', '新会员次月留存率', '老会员次月留存率'] - }, - fill: 'white', - stroke: { - field: '20001', - type: 'ordinal', - range: ['#5685f6', '#a1b5e6', '#45b4d6', '#add9e6'], - specified: {}, - domain: ['MAU新会员转化率', 'MAU召回会员转化率', '新会员次月留存率', '老会员次月留存率'] - }, - strokeOpacity: { - type: 'ordinal', - field: '20001', - range: [0], - domain: ['MAU新会员转化率', 'MAU召回会员转化率', '新会员次月留存率', '老会员次月留存率'] - }, - fillOpacity: { - type: 'ordinal', - field: '20001', - range: [0], - domain: ['MAU新会员转化率', 'MAU召回会员转化率', '新会员次月留存率', '老会员次月留存率'] - } - }, - state: { - hover: { - lineWidth: 2, - fillOpacity: 1, - strokeOpacity: 1, - scaleX: 1.5, - scaleY: 1.5 - } - } - }, - invalidType: 'break', - hover: { - enable: true - }, - select: { - enable: true - }, - bar: { - state: { - hover: { - cursor: 'pointer', - fillOpacity: 0.8, - stroke: '#58595B', - lineWidth: 1, - zIndex: 500 - }, - selected: { - cursor: 'pointer', - fillOpacity: 1, - stroke: '#58595B', - lineWidth: 1 - }, - selected_reverse: { - fillOpacity: 0.3, - strokeWidth: 0.3 - } - } - }, - animation: false, - label: { - visible: true, - offset: 3, - overlap: { - hideOnHit: true, - avoidBaseMark: false, - strategy: [ - { - type: 'position', - position: [] - } - ], - clampForce: true - }, - style: { - fontSize: 12, - fontWeight: 'normal', - zIndex: 400, - lineHeight: '100%', - fill: '#363839', - stroke: 'rgba(255, 255, 255, 0.8)', - lineWidth: 2, - strokeOpacity: 1 - }, - position: 'top', - smartInvert: false - }, - markLine: [] - } - }, - { - indicatorKey: '3', - width: 'auto', - title: '', - cellType: 'chart', - chartModule: 'vchart', - chartSpec: { - type: 'line', - xField: ['240103151324273'], - yField: ['310002'], - direction: 'vertical', - seriesField: '20001', - axes: [ - { - id: '3', - type: 'linear', - tick: { - visible: false, - tickMode: 'd3', - style: { - stroke: '#989999' - } - }, - niceType: 'accurateFirst', - zIndex: 200, - grid: { - visible: true, - style: { - zIndex: 150, - stroke: '#DADCDD', - lineWidth: 1, - lineDash: [4, 2] - } - }, - orient: 'left', - visible: true, - domainLine: { - visible: true, - style: { - lineWidth: 1, - stroke: '#989999' - } - }, - title: { - visible: false, - text: '老会员次月留存率', - space: 8, - style: { - fontSize: 12, - fill: '#363839', - fontWeight: 'normal' - } - }, - autoIndent: false, - sampling: false, - label: { - visible: true, - space: 6, - flush: true, - padding: 0, - style: { - fontSize: 12, - maxLineWidth: 174, - fill: '#6F6F6F', - angle: 0, - fontWeight: 'normal', - dy: -1, - direction: 'horizontal' - }, - autoHide: true, - autoHideMethod: 'greedy' - }, - hover: false, - background: { - visible: true, - state: { - hover: { - fillOpacity: 0.08, - fill: '#141414' - }, - hover_reverse: { - fillOpacity: 0.08, - fill: '#141414' - } - } - }, - zero: false, - nice: true - } - ], - data: { - id: 'data', - fields: { - '10001': { - alias: '指标名称 ' - }, - '20001': { - alias: '图例项 ', - domain: ['MAU新会员转化率', 'MAU召回会员转化率', '新会员次月留存率', '老会员次月留存率'], - sortIndex: 0, - lockStatisticsByDomain: true - }, - '110002': { - alias: '指标值 ' - }, - '210002': { - alias: '指标值 ' - }, - '310002': { - alias: '指标值 ' - }, - '010002': { - alias: '指标值 ' - }, - '240103151324273': { - alias: '数据日期', - domain: [ - '2024-01-01', - '2024-01-02', - '2024-01-03', - '2024-01-04', - '2024-01-05', - '2024-01-06', - '2024-01-07', - '2024-01-08', - '2024-01-09', - '2024-01-10', - '2024-01-11', - '2024-01-12', - '2024-01-13', - '2024-01-14', - '2024-01-15', - '2024-01-16', - '2024-01-17', - '2024-01-18', - '2024-01-19', - '2024-01-20', - '2024-01-21' - ], - sortIndex: 0, - lockStatisticsByDomain: true - }, - '240104172731201': { - alias: '新会员次月留存率' - }, - '240104172731204': { - alias: '老会员次月留存率' - }, - '240114152033385': { - alias: 'MAU新会员转化率' - }, - '240114152033388': { - alias: 'MAU召回会员转化率' - } - } - }, - markOverlap: true, - stackInverse: true, - background: 'rgba(255, 255, 255, 0)', - region: [ - { - clip: true - } - ], - color: { - field: '20001', - type: 'ordinal', - range: ['#5685f6', '#a1b5e6', '#45b4d6', '#add9e6'], - specified: {}, - domain: ['MAU新会员转化率', 'MAU召回会员转化率', '新会员次月留存率', '老会员次月留存率'] - }, - tooltip: { - handler: {} - }, - crosshair: { - xField: { - visible: true, - line: { - type: 'rect', - style: { - fillOpacity: 0.2, - fill: '#b2bacf' - } - } - }, - gridZIndex: 100 - }, - line: { - style: { - curveType: { - type: 'ordinal', - field: '20001', - range: ['monotoneX'], - domain: ['MAU新会员转化率', 'MAU召回会员转化率', '新会员次月留存率', '老会员次月留存率'] - }, - lineWidth: { - type: 'ordinal', - field: '20001', - range: [2], - domain: ['MAU新会员转化率', 'MAU召回会员转化率', '新会员次月留存率', '老会员次月留存率'] - }, - lineDash: { - type: 'ordinal', - field: '20001', - range: [[0, 0]], - domain: ['MAU新会员转化率', 'MAU召回会员转化率', '新会员次月留存率', '老会员次月留存率'] - } - } - }, - area: { - style: { - curveType: { - type: 'ordinal', - field: '20001', - range: ['monotoneX'], - domain: ['MAU新会员转化率', 'MAU召回会员转化率', '新会员次月留存率', '老会员次月留存率'] - } - } - }, - point: { - style: { - shape: { - type: 'ordinal', - field: '20001', - range: ['circle'], - domain: ['MAU新会员转化率', 'MAU召回会员转化率', '新会员次月留存率', '老会员次月留存率'] - }, - size: { - type: 'ordinal', - field: '20001', - range: [7.0898154036220635], - domain: ['MAU新会员转化率', 'MAU召回会员转化率', '新会员次月留存率', '老会员次月留存率'] - }, - fill: 'white', - stroke: { - field: '20001', - type: 'ordinal', - range: ['#5685f6', '#a1b5e6', '#45b4d6', '#add9e6'], - specified: {}, - domain: ['MAU新会员转化率', 'MAU召回会员转化率', '新会员次月留存率', '老会员次月留存率'] - }, - strokeOpacity: { - type: 'ordinal', - field: '20001', - range: [0], - domain: ['MAU新会员转化率', 'MAU召回会员转化率', '新会员次月留存率', '老会员次月留存率'] - }, - fillOpacity: { - type: 'ordinal', - field: '20001', - range: [0], - domain: ['MAU新会员转化率', 'MAU召回会员转化率', '新会员次月留存率', '老会员次月留存率'] - } - }, - state: { - hover: { - lineWidth: 2, - fillOpacity: 1, - strokeOpacity: 1, - scaleX: 1.5, - scaleY: 1.5 - } - } - }, - invalidType: 'break', - hover: { - enable: true - }, - select: { - enable: true - }, - bar: { - state: { - hover: { - cursor: 'pointer', - fillOpacity: 0.8, - stroke: '#58595B', - lineWidth: 1, - zIndex: 500 - }, - selected: { - cursor: 'pointer', - fillOpacity: 1, - stroke: '#58595B', - lineWidth: 1 - }, - selected_reverse: { - fillOpacity: 0.3, - strokeWidth: 0.3 - } - } - }, - animation: false, - label: { - visible: true, - offset: 3, - overlap: { - hideOnHit: true, - avoidBaseMark: false, - strategy: [ - { - type: 'position', - position: [] - } - ], - clampForce: true - }, - style: { - fontSize: 12, - fontWeight: 'normal', - zIndex: 400, - lineHeight: '100%', - fill: '#363839', - stroke: 'rgba(255, 255, 255, 0.8)', - lineWidth: 2, - strokeOpacity: 1 - }, - position: 'top', - smartInvert: false - }, - markLine: [] - } - } - ], - animation: false, - theme: { - underlayBackgroundColor: 'rgba(255,255,255,0)', - bodyStyle: { - borderColor: 'rgba(0,4,20,0.2)', - borderLineWidth: [0, 0, 2, 0], - bgColor: 'rgba(255,255,255,0)' - }, - headerStyle: { - borderColor: 'rgba(0,4,20,0.2)', - fontSize: 12, - color: '#333333', - textAlign: 'center', - borderLineWidth: 0, - bgColor: 'rgba(255,255,255,0)', - hover: { - cellBgColor: 'rgba(178,186,207, 0.2)' - } - }, - rowHeaderStyle: { - borderColor: 'rgba(0,4,20,0.2)', - fontSize: 12, - color: '#333333', - borderLineWidth: 0, - bgColor: 'rgba(255,255,255,0)', - hover: { - cellBgColor: 'rgba(178,186,207, 0.2)' - } - }, - cornerHeaderStyle: { - borderColor: 'rgba(0,4,20,0.2)', - textAlign: 'center', - fontSize: 12, - color: '#333333', - fontWeight: 'bold', - borderLineWidth: [0, 0, 0, 0], - bgColor: 'rgba(255,255,255,0)', - hover: { - cellBgColor: '' - } - }, - cornerRightTopCellStyle: { - borderColor: 'rgba(0,4,20,0.2)', - borderLineWidth: 0, - bgColor: 'rgba(255,255,255,0)', - hover: { - cellBgColor: '' - } - }, - cornerLeftBottomCellStyle: { - padding: [0, 0, 0, 0], - borderColor: 'rgba(0,4,20,0.2)', - borderLineWidth: 0, - bgColor: 'rgba(255,255,255,0)', - hover: { - cellBgColor: '' - } - }, - cornerRightBottomCellStyle: { - borderColor: 'rgba(0,4,20,0.2)', - borderLineWidth: 0, - bgColor: 'rgba(255,255,255,0)', - hover: { - cellBgColor: '' - } - }, - rightFrozenStyle: { - borderColor: 'rgba(0,4,20,0.2)', - borderLineWidth: 0, - bgColor: 'rgba(255,255,255,0)', - hover: { - cellBgColor: 'rgba(178,186,207, 0.2)' - } - }, - bottomFrozenStyle: { - borderColor: 'rgba(0,4,20,0.2)', - borderLineWidth: 0, - bgColor: 'rgba(255,255,255,0)', - hover: { - cellBgColor: 'rgba(178,186,207, 0.2)' - } - }, - selectionStyle: { - cellBgColor: '', - cellBorderColor: '' - }, - frameStyle: { - borderLineWidth: 0, - bgColor: 'rgba(255,255,255,0)' - } - }, - hash: 'a1011559d144024776996bd14120d5ec' - }; + // const option = { + // widthMode: 'adaptive', + // heightMode: 'adaptive', + // rowTree: [], + // columnTree: [], + // rows: [], + // columns: [], + // defaultHeaderRowHeight: 'auto', + // indicatorTitle: ' ', + // autoWrapText: true, + // eventOptions: { + // preventDefaultContextMenu: false + // }, + // corner: { + // titleOnDimension: 'row' + // }, + // title: { + // text: '', + // align: 'center', + // orient: 'top', + // padding: [0, 0, 0, 0], + // textStyle: { + // fontSize: 12, + // fill: '#333333', + // fontWeight: 'bold' + // } + // }, + // defaultHeaderColWidth: ['auto'], + // padding: 0, + // labelLayout: 'region', + // data: [ + // { + // id: 'data', + // values: [ + // [ + // { + // '10001': 'MAU新会员转化率', + // '10003': '240114152033385', + // '20001': 'MAU新会员转化率', + // '010002': '0.002298293736295464', + // '240103151324273': '2024-01-01', + // '240114152033385': '0.002298293736295464' + // }, + // { + // '10001': 'MAU新会员转化率', + // '10003': '240114152033385', + // '20001': 'MAU新会员转化率', + // '010002': '0.0023029631491047415', + // '240103151324273': '2024-01-02', + // '240114152033385': '0.0023029631491047415' + // }, + // { + // '10001': 'MAU新会员转化率', + // '10003': '240114152033385', + // '20001': 'MAU新会员转化率', + // '010002': '0.002302147170512614', + // '240103151324273': '2024-01-03', + // '240114152033385': '0.002302147170512614' + // }, + // { + // '10001': 'MAU新会员转化率', + // '10003': '240114152033385', + // '20001': 'MAU新会员转化率', + // '010002': '0.002298785339930673', + // '240103151324273': '2024-01-04', + // '240114152033385': '0.002298785339930673' + // }, + // { + // '10001': 'MAU新会员转化率', + // '10003': '240114152033385', + // '20001': 'MAU新会员转化率', + // '010002': '0.0022937589477976207', + // '240103151324273': '2024-01-05', + // '240114152033385': '0.0022937589477976207' + // }, + // { + // '10001': 'MAU新会员转化率', + // '10003': '240114152033385', + // '20001': 'MAU新会员转化率', + // '010002': '0.002286768611236427', + // '240103151324273': '2024-01-06', + // '240114152033385': '0.002286768611236427' + // }, + // { + // '10001': 'MAU新会员转化率', + // '10003': '240114152033385', + // '20001': 'MAU新会员转化率', + // '010002': '0.00228186287626165', + // '240103151324273': '2024-01-07', + // '240114152033385': '0.00228186287626165' + // }, + // { + // '10001': 'MAU新会员转化率', + // '10003': '240114152033385', + // '20001': 'MAU新会员转化率', + // '010002': '0.00228098978895828', + // '240103151324273': '2024-01-08', + // '240114152033385': '0.00228098978895828' + // }, + // { + // '10001': 'MAU新会员转化率', + // '10003': '240114152033385', + // '20001': 'MAU新会员转化率', + // '010002': '0.0022770077676922827', + // '240103151324273': '2024-01-09', + // '240114152033385': '0.0022770077676922827' + // }, + // { + // '10001': 'MAU新会员转化率', + // '10003': '240114152033385', + // '20001': 'MAU新会员转化率', + // '010002': '0.002272426566624512', + // '240103151324273': '2024-01-10', + // '240114152033385': '0.002272426566624512' + // }, + // { + // '10001': 'MAU新会员转化率', + // '10003': '240114152033385', + // '20001': 'MAU新会员转化率', + // '010002': '0.00227248281619085', + // '240103151324273': '2024-01-11', + // '240114152033385': '0.00227248281619085' + // }, + // { + // '10001': 'MAU新会员转化率', + // '10003': '240114152033385', + // '20001': 'MAU新会员转化率', + // '010002': '0.0022675403408664307', + // '240103151324273': '2024-01-12', + // '240114152033385': '0.0022675403408664307' + // }, + // { + // '10001': 'MAU新会员转化率', + // '10003': '240114152033385', + // '20001': 'MAU新会员转化率', + // '010002': '0.0022582848077943164', + // '240103151324273': '2024-01-13', + // '240114152033385': '0.0022582848077943164' + // }, + // { + // '10001': 'MAU新会员转化率', + // '10003': '240114152033385', + // '20001': 'MAU新会员转化率', + // '010002': '0.00224960750371724', + // '240103151324273': '2024-01-14', + // '240114152033385': '0.00224960750371724' + // }, + // { + // '10001': 'MAU新会员转化率', + // '10003': '240114152033385', + // '20001': 'MAU新会员转化率', + // '010002': '0.0022519812946625345', + // '240103151324273': '2024-01-15', + // '240114152033385': '0.0022519812946625345' + // }, + // { + // '10001': 'MAU新会员转化率', + // '10003': '240114152033385', + // '20001': 'MAU新会员转化率', + // '010002': '0.0022569000669138144', + // '240103151324273': '2024-01-16', + // '240114152033385': '0.0022569000669138144' + // }, + // { + // '10001': 'MAU新会员转化率', + // '10003': '240114152033385', + // '20001': 'MAU新会员转化率', + // '010002': '0.0022591102540714197', + // '240103151324273': '2024-01-17', + // '240114152033385': '0.0022591102540714197' + // }, + // { + // '10001': 'MAU新会员转化率', + // '10003': '240114152033385', + // '20001': 'MAU新会员转化率', + // '010002': '0.0022742003131701097', + // '240103151324273': '2024-01-18', + // '240114152033385': '0.0022742003131701097' + // }, + // { + // '10001': 'MAU新会员转化率', + // '10003': '240114152033385', + // '20001': 'MAU新会员转化率', + // '010002': '0.0022836958382948624', + // '240103151324273': '2024-01-19', + // '240114152033385': '0.0022836958382948624' + // }, + // { + // '10001': 'MAU新会员转化率', + // '10003': '240114152033385', + // '20001': 'MAU新会员转化率', + // '010002': '0.0022876192993865714', + // '240103151324273': '2024-01-20', + // '240114152033385': '0.0022876192993865714' + // }, + // { + // '10001': 'MAU新会员转化率', + // '10003': '240114152033385', + // '20001': 'MAU新会员转化率', + // '010002': '0.0022888090382742142', + // '240103151324273': '2024-01-21', + // '240114152033385': '0.0022888090382742142' + // } + // ], + // [ + // { + // '10001': 'MAU召回会员转化率', + // '10003': '240114152033388', + // '20001': 'MAU召回会员转化率', + // '110002': '0.0008121744616237642', + // '240103151324273': '2024-01-01', + // '240114152033388': '0.0008121744616237642' + // }, + // { + // '10001': 'MAU召回会员转化率', + // '10003': '240114152033388', + // '20001': 'MAU召回会员转化率', + // '110002': '0.0008070672072548594', + // '240103151324273': '2024-01-02', + // '240114152033388': '0.0008070672072548594' + // }, + // { + // '10001': 'MAU召回会员转化率', + // '10003': '240114152033388', + // '20001': 'MAU召回会员转化率', + // '110002': '0.0008023629702409944', + // '240103151324273': '2024-01-03', + // '240114152033388': '0.0008023629702409944' + // }, + // { + // '10001': 'MAU召回会员转化率', + // '10003': '240114152033388', + // '20001': 'MAU召回会员转化率', + // '110002': '0.0008046114359005983', + // '240103151324273': '2024-01-04', + // '240114152033388': '0.0008046114359005983' + // }, + // { + // '10001': 'MAU召回会员转化率', + // '10003': '240114152033388', + // '20001': 'MAU召回会员转化率', + // '110002': '0.0008037968540141206', + // '240103151324273': '2024-01-05', + // '240114152033388': '0.0008037968540141206' + // }, + // { + // '10001': 'MAU召回会员转化率', + // '10003': '240114152033388', + // '20001': 'MAU召回会员转化率', + // '110002': '0.0008164748521489349', + // '240103151324273': '2024-01-06', + // '240114152033388': '0.0008164748521489349' + // }, + // { + // '10001': 'MAU召回会员转化率', + // '10003': '240114152033388', + // '20001': 'MAU召回会员转化率', + // '110002': '0.0008082704688049527', + // '240103151324273': '2024-01-07', + // '240114152033388': '0.0008082704688049527' + // }, + // { + // '10001': 'MAU召回会员转化率', + // '10003': '240114152033388', + // '20001': 'MAU召回会员转化率', + // '110002': '0.0008072581329952039', + // '240103151324273': '2024-01-08', + // '240114152033388': '0.0008072581329952039' + // }, + // { + // '10001': 'MAU召回会员转化率', + // '10003': '240114152033388', + // '20001': 'MAU召回会员转化率', + // '110002': '0.0008067492359218758', + // '240103151324273': '2024-01-09', + // '240114152033388': '0.0008067492359218758' + // }, + // { + // '10001': 'MAU召回会员转化率', + // '10003': '240114152033388', + // '20001': 'MAU召回会员转化率', + // '110002': '0.0008006904274883237', + // '240103151324273': '2024-01-10', + // '240114152033388': '0.0008006904274883237' + // }, + // { + // '10001': 'MAU召回会员转化率', + // '10003': '240114152033388', + // '20001': 'MAU召回会员转化率', + // '110002': '0.0008041817967195804', + // '240103151324273': '2024-01-11', + // '240114152033388': '0.0008041817967195804' + // }, + // { + // '10001': 'MAU召回会员转化率', + // '10003': '240114152033388', + // '20001': 'MAU召回会员转化率', + // '110002': '0.0008065451122881741', + // '240103151324273': '2024-01-12', + // '240114152033388': '0.0008065451122881741' + // }, + // { + // '10001': 'MAU召回会员转化率', + // '10003': '240114152033388', + // '20001': 'MAU召回会员转化率', + // '110002': '0.0008045452183187166', + // '240103151324273': '2024-01-13', + // '240114152033388': '0.0008045452183187166' + // }, + // { + // '10001': 'MAU召回会员转化率', + // '10003': '240114152033388', + // '20001': 'MAU召回会员转化率', + // '110002': '0.0008034595372288693', + // '240103151324273': '2024-01-14', + // '240114152033388': '0.0008034595372288693' + // }, + // { + // '10001': 'MAU召回会员转化率', + // '10003': '240114152033388', + // '20001': 'MAU召回会员转化率', + // '110002': '0.000806365157768805', + // '240103151324273': '2024-01-15', + // '240114152033388': '0.000806365157768805' + // }, + // { + // '10001': 'MAU召回会员转化率', + // '10003': '240114152033388', + // '20001': 'MAU召回会员转化率', + // '110002': '0.0008101232626764969', + // '240103151324273': '2024-01-16', + // '240114152033388': '0.0008101232626764969' + // }, + // { + // '10001': 'MAU召回会员转化率', + // '10003': '240114152033388', + // '20001': 'MAU召回会员转化率', + // '110002': '0.0008089185575592793', + // '240103151324273': '2024-01-17', + // '240114152033388': '0.0008089185575592793' + // }, + // { + // '10001': 'MAU召回会员转化率', + // '10003': '240114152033388', + // '20001': 'MAU召回会员转化率', + // '110002': '0.0008161604003895822', + // '240103151324273': '2024-01-18', + // '240114152033388': '0.0008161604003895822' + // }, + // { + // '10001': 'MAU召回会员转化率', + // '10003': '240114152033388', + // '20001': 'MAU召回会员转化率', + // '110002': '0.0008217670532066235', + // '240103151324273': '2024-01-19', + // '240114152033388': '0.0008217670532066235' + // }, + // { + // '10001': 'MAU召回会员转化率', + // '10003': '240114152033388', + // '20001': 'MAU召回会员转化率', + // '110002': '0.000825533215341078', + // '240103151324273': '2024-01-20', + // '240114152033388': '0.000825533215341078' + // }, + // { + // '10001': 'MAU召回会员转化率', + // '10003': '240114152033388', + // '20001': 'MAU召回会员转化率', + // '110002': '0.0008315640756712879', + // '240103151324273': '2024-01-21', + // '240114152033388': '0.0008315640756712879' + // } + // ], + // [ + // { + // '10001': '新会员次月留存率', + // '10003': '240104172731201', + // '20001': '新会员次月留存率', + // '210002': '0.5181159015941292', + // '240103151324273': '2024-01-01', + // '240104172731201': '0.5181159015941292' + // }, + // { + // '10001': '新会员次月留存率', + // '10003': '240104172731201', + // '20001': '新会员次月留存率', + // '210002': '0.5165234803594506', + // '240103151324273': '2024-01-02', + // '240104172731201': '0.5165234803594506' + // }, + // { + // '10001': '新会员次月留存率', + // '10003': '240104172731201', + // '20001': '新会员次月留存率', + // '210002': '0.517116236622636', + // '240103151324273': '2024-01-03', + // '240104172731201': '0.517116236622636' + // }, + // { + // '10001': '新会员次月留存率', + // '10003': '240104172731201', + // '20001': '新会员次月留存率', + // '210002': '0.5173991688612802', + // '240103151324273': '2024-01-04', + // '240104172731201': '0.5173991688612802' + // }, + // { + // '10001': '新会员次月留存率', + // '10003': '240104172731201', + // '20001': '新会员次月留存率', + // '210002': '0.5171419726661036', + // '240103151324273': '2024-01-05', + // '240104172731201': '0.5171419726661036' + // }, + // { + // '10001': '新会员次月留存率', + // '10003': '240104172731201', + // '20001': '新会员次月留存率', + // '210002': '0.5162722935024562', + // '240103151324273': '2024-01-06', + // '240104172731201': '0.5162722935024562' + // }, + // { + // '10001': '新会员次月留存率', + // '10003': '240104172731201', + // '20001': '新会员次月留存率', + // '210002': '0.5153710487878603', + // '240103151324273': '2024-01-07', + // '240104172731201': '0.5153710487878603' + // }, + // { + // '10001': '新会员次月留存率', + // '10003': '240104172731201', + // '20001': '新会员次月留存率', + // '210002': '0.5146704075478861', + // '240103151324273': '2024-01-08', + // '240104172731201': '0.5146704075478861' + // }, + // { + // '10001': '新会员次月留存率', + // '10003': '240104172731201', + // '20001': '新会员次月留存率', + // '210002': '0.5124717293301558', + // '240103151324273': '2024-01-09', + // '240104172731201': '0.5124717293301558' + // }, + // { + // '10001': '新会员次月留存率', + // '10003': '240104172731201', + // '20001': '新会员次月留存率', + // '210002': '0.5124242383215318', + // '240103151324273': '2024-01-10', + // '240104172731201': '0.5124242383215318' + // }, + // { + // '10001': '新会员次月留存率', + // '10003': '240104172731201', + // '20001': '新会员次月留存率', + // '210002': '0.5141192166565074', + // '240103151324273': '2024-01-11', + // '240104172731201': '0.5141192166565074' + // }, + // { + // '10001': '新会员次月留存率', + // '10003': '240104172731201', + // '20001': '新会员次月留存率', + // '210002': '0.5137010998937498', + // '240103151324273': '2024-01-12', + // '240104172731201': '0.5137010998937498' + // }, + // { + // '10001': '新会员次月留存率', + // '10003': '240104172731201', + // '20001': '新会员次月留存率', + // '210002': '0.5125814246497741', + // '240103151324273': '2024-01-13', + // '240104172731201': '0.5125814246497741' + // }, + // { + // '10001': '新会员次月留存率', + // '10003': '240104172731201', + // '20001': '新会员次月留存率', + // '210002': '0.5134094679820241', + // '240103151324273': '2024-01-14', + // '240104172731201': '0.5134094679820241' + // }, + // { + // '10001': '新会员次月留存率', + // '10003': '240104172731201', + // '20001': '新会员次月留存率', + // '210002': '0.5140303942386522', + // '240103151324273': '2024-01-15', + // '240104172731201': '0.5140303942386522' + // }, + // { + // '10001': '新会员次月留存率', + // '10003': '240104172731201', + // '20001': '新会员次月留存率', + // '210002': '0.5139058416705014', + // '240103151324273': '2024-01-16', + // '240104172731201': '0.5139058416705014' + // }, + // { + // '10001': '新会员次月留存率', + // '10003': '240104172731201', + // '20001': '新会员次月留存率', + // '210002': '0.5140982584441186', + // '240103151324273': '2024-01-17', + // '240104172731201': '0.5140982584441186' + // }, + // { + // '10001': '新会员次月留存率', + // '10003': '240104172731201', + // '20001': '新会员次月留存率', + // '210002': '0.5157212566213728', + // '240103151324273': '2024-01-18', + // '240104172731201': '0.5157212566213728' + // }, + // { + // '10001': '新会员次月留存率', + // '10003': '240104172731201', + // '20001': '新会员次月留存率', + // '210002': '0.5163415849199327', + // '240103151324273': '2024-01-19', + // '240104172731201': '0.5163415849199327' + // }, + // { + // '10001': '新会员次月留存率', + // '10003': '240104172731201', + // '20001': '新会员次月留存率', + // '210002': '0.5160313233064864', + // '240103151324273': '2024-01-20', + // '240104172731201': '0.5160313233064864' + // }, + // { + // '10001': '新会员次月留存率', + // '10003': '240104172731201', + // '20001': '新会员次月留存率', + // '210002': '0.520981976426155', + // '240103151324273': '2024-01-21', + // '240104172731201': '0.520981976426155' + // } + // ], + // [ + // { + // '10001': '老会员次月留存率', + // '10003': '240104172731204', + // '20001': '老会员次月留存率', + // '310002': '0.8491549586706896', + // '240103151324273': '2024-01-01', + // '240104172731204': '0.8491549586706896' + // }, + // { + // '10001': '老会员次月留存率', + // '10003': '240104172731204', + // '20001': '老会员次月留存率', + // '310002': '0.8499997187905293', + // '240103151324273': '2024-01-02', + // '240104172731204': '0.8499997187905293' + // }, + // { + // '10001': '老会员次月留存率', + // '10003': '240104172731204', + // '20001': '老会员次月留存率', + // '310002': '0.8509766143006294', + // '240103151324273': '2024-01-03', + // '240104172731204': '0.8509766143006294' + // }, + // { + // '10001': '老会员次月留存率', + // '10003': '240104172731204', + // '20001': '老会员次月留存率', + // '310002': '0.8514465927149396', + // '240103151324273': '2024-01-04', + // '240104172731204': '0.8514465927149396' + // }, + // { + // '10001': '老会员次月留存率', + // '10003': '240104172731204', + // '20001': '老会员次月留存率', + // '310002': '0.8502155378356793', + // '240103151324273': '2024-01-05', + // '240104172731204': '0.8502155378356793' + // }, + // { + // '10001': '老会员次月留存率', + // '10003': '240104172731204', + // '20001': '老会员次月留存率', + // '310002': '0.8483876156579856', + // '240103151324273': '2024-01-06', + // '240104172731204': '0.8483876156579856' + // }, + // { + // '10001': '老会员次月留存率', + // '10003': '240104172731204', + // '20001': '老会员次月留存率', + // '310002': '0.8442672459235311', + // '240103151324273': '2024-01-07', + // '240104172731204': '0.8442672459235311' + // }, + // { + // '10001': '老会员次月留存率', + // '10003': '240104172731204', + // '20001': '老会员次月留存率', + // '310002': '0.8443919719743964', + // '240103151324273': '2024-01-08', + // '240104172731204': '0.8443919719743964' + // }, + // { + // '10001': '老会员次月留存率', + // '10003': '240104172731204', + // '20001': '老会员次月留存率', + // '310002': '0.8443656276524998', + // '240103151324273': '2024-01-09', + // '240104172731204': '0.8443656276524998' + // }, + // { + // '10001': '老会员次月留存率', + // '10003': '240104172731204', + // '20001': '老会员次月留存率', + // '310002': '0.8437409090061698', + // '240103151324273': '2024-01-10', + // '240104172731204': '0.8437409090061698' + // }, + // { + // '10001': '老会员次月留存率', + // '10003': '240104172731204', + // '20001': '老会员次月留存率', + // '310002': '0.8437886614966147', + // '240103151324273': '2024-01-11', + // '240104172731204': '0.8437886614966147' + // }, + // { + // '10001': '老会员次月留存率', + // '10003': '240104172731204', + // '20001': '老会员次月留存率', + // '310002': '0.842972628392426', + // '240103151324273': '2024-01-12', + // '240104172731204': '0.842972628392426' + // }, + // { + // '10001': '老会员次月留存率', + // '10003': '240104172731204', + // '20001': '老会员次月留存率', + // '310002': '0.8421928806264737', + // '240103151324273': '2024-01-13', + // '240104172731204': '0.8421928806264737' + // }, + // { + // '10001': '老会员次月留存率', + // '10003': '240104172731204', + // '20001': '老会员次月留存率', + // '310002': '0.8416655433248755', + // '240103151324273': '2024-01-14', + // '240104172731204': '0.8416655433248755' + // }, + // { + // '10001': '老会员次月留存率', + // '10003': '240104172731204', + // '20001': '老会员次月留存率', + // '310002': '0.8419187546304148', + // '240103151324273': '2024-01-15', + // '240104172731204': '0.8419187546304148' + // }, + // { + // '10001': '老会员次月留存率', + // '10003': '240104172731204', + // '20001': '老会员次月留存率', + // '310002': '0.8425690557330622', + // '240103151324273': '2024-01-16', + // '240104172731204': '0.8425690557330622' + // }, + // { + // '10001': '老会员次月留存率', + // '10003': '240104172731204', + // '20001': '老会员次月留存率', + // '310002': '0.8422944267871347', + // '240103151324273': '2024-01-17', + // '240104172731204': '0.8422944267871347' + // }, + // { + // '10001': '老会员次月留存率', + // '10003': '240104172731204', + // '20001': '老会员次月留存率', + // '310002': '0.8423059386239165', + // '240103151324273': '2024-01-18', + // '240104172731204': '0.8423059386239165' + // }, + // { + // '10001': '老会员次月留存率', + // '10003': '240104172731204', + // '20001': '老会员次月留存率', + // '310002': '0.8417265960871636', + // '240103151324273': '2024-01-19', + // '240104172731204': '0.8417265960871636' + // }, + // { + // '10001': '老会员次月留存率', + // '10003': '240104172731204', + // '20001': '老会员次月留存率', + // '310002': '0.8405277901126161', + // '240103151324273': '2024-01-20', + // '240104172731204': '0.8405277901126161' + // }, + // { + // '10001': '老会员次月留存率', + // '10003': '240104172731204', + // '20001': '老会员次月留存率', + // '310002': '0.8368696884527291', + // '240103151324273': '2024-01-21', + // '240104172731204': '0.8368696884527291' + // } + // ] + // ], + // fields: { + // '10001': { + // alias: '指标名称 ' + // }, + // '20001': { + // alias: '图例项 ', + // domain: ['MAU新会员转化率', 'MAU召回会员转化率', '新会员次月留存率', '老会员次月留存率'], + // sortIndex: 0, + // lockStatisticsByDomain: true + // }, + // '110002': { + // alias: '指标值 ' + // }, + // '210002': { + // alias: '指标值 ' + // }, + // '310002': { + // alias: '指标值 ' + // }, + // '010002': { + // alias: '指标值 ' + // }, + // '240103151324273': { + // alias: '数据日期', + // domain: [ + // '2024-01-01', + // '2024-01-02', + // '2024-01-03', + // '2024-01-04', + // '2024-01-05', + // '2024-01-06', + // '2024-01-07', + // '2024-01-08', + // '2024-01-09', + // '2024-01-10', + // '2024-01-11', + // '2024-01-12', + // '2024-01-13', + // '2024-01-14', + // '2024-01-15', + // '2024-01-16', + // '2024-01-17', + // '2024-01-18', + // '2024-01-19', + // '2024-01-20', + // '2024-01-21' + // ], + // sortIndex: 0, + // lockStatisticsByDomain: true + // }, + // '240104172731201': { + // alias: '新会员次月留存率' + // }, + // '240104172731204': { + // alias: '老会员次月留存率' + // }, + // '240114152033385': { + // alias: 'MAU新会员转化率' + // }, + // '240114152033388': { + // alias: 'MAU召回会员转化率' + // } + // } + // } + // ], + // axes: [ + // { + // type: 'band', + // tick: { + // visible: false + // }, - // const option = { - // columns: [ + // orient: 'bottom', + // visible: true, + // domainLine: { + // visible: true, + // style: { + // lineWidth: 1, + // stroke: '#989999' + // } + // }, + // title: { + // visible: false, + // space: 0, + // text: '数据日期', + // style: { + // fontSize: 1, + // fill: '#363839', + // fontWeight: 'normal' + // } + // }, + // autoIndent: false, + // sampling: false, + // zIndex: 200, + // label: { + // visible: true, + // space: 15, + // style: { + // fontSize: 12, + // fill: '#6F6F6F', + // angle: 0, + // fontWeight: 'normal', + // direction: 'horizontal', + // maxLineWidth: 174 + // }, + // autoHide: true, + // autoHideMethod: 'greedy', + // flush: true, + // lastVisible: true + // }, + // hover: true, + // background: { + // visible: true, + // state: { + // hover: { + // fillOpacity: 0.08, + // fill: '#141414' + // }, + // hover_reverse: { + // fillOpacity: 0.08, + // fill: '#141414' + // } + // } + // }, + // paddingInner: [0.15, 0.1], + // paddingOuter: [0.075, 0.1] + // } + // ], + // legends: [ // { - // field: 'p', - // // fieldKey: 'progress', - // fieldFormat(rec) { - // return `ii已完成${rec.progress}%`; - // }, - // headerStyle: { - // textAlign: 'center', - // font: 'bold 12px sans-serif', - // }, - // caption: 'progress', - // description: '这是一个标题的详细描述', - // width: 'calc(20% - 20px)', - // }, + // type: 'discrete', + // visible: false + // } + // ], + // records: { + // '0': [ + // { + // '10001': 'MAU新会员转化率', + // '10003': '240114152033385', + // '20001': 'MAU新会员转化率', + // '010002': '0.002298293736295464', + // '240103151324273': '2024-01-01', + // '240114152033385': '0.002298293736295464' + // }, + // { + // '10001': 'MAU新会员转化率', + // '10003': '240114152033385', + // '20001': 'MAU新会员转化率', + // '010002': '0.0023029631491047415', + // '240103151324273': '2024-01-02', + // '240114152033385': '0.0023029631491047415' + // }, + // { + // '10001': 'MAU新会员转化率', + // '10003': '240114152033385', + // '20001': 'MAU新会员转化率', + // '010002': '0.002302147170512614', + // '240103151324273': '2024-01-03', + // '240114152033385': '0.002302147170512614' + // }, + // { + // '10001': 'MAU新会员转化率', + // '10003': '240114152033385', + // '20001': 'MAU新会员转化率', + // '010002': '0.002298785339930673', + // '240103151324273': '2024-01-04', + // '240114152033385': '0.002298785339930673' + // }, + // { + // '10001': 'MAU新会员转化率', + // '10003': '240114152033385', + // '20001': 'MAU新会员转化率', + // '010002': '0.0022937589477976207', + // '240103151324273': '2024-01-05', + // '240114152033385': '0.0022937589477976207' + // }, + // { + // '10001': 'MAU新会员转化率', + // '10003': '240114152033385', + // '20001': 'MAU新会员转化率', + // '010002': '0.002286768611236427', + // '240103151324273': '2024-01-06', + // '240114152033385': '0.002286768611236427' + // }, + // { + // '10001': 'MAU新会员转化率', + // '10003': '240114152033385', + // '20001': 'MAU新会员转化率', + // '010002': '0.00228186287626165', + // '240103151324273': '2024-01-07', + // '240114152033385': '0.00228186287626165' + // }, + // { + // '10001': 'MAU新会员转化率', + // '10003': '240114152033385', + // '20001': 'MAU新会员转化率', + // '010002': '0.00228098978895828', + // '240103151324273': '2024-01-08', + // '240114152033385': '0.00228098978895828' + // }, + // { + // '10001': 'MAU新会员转化率', + // '10003': '240114152033385', + // '20001': 'MAU新会员转化率', + // '010002': '0.0022770077676922827', + // '240103151324273': '2024-01-09', + // '240114152033385': '0.0022770077676922827' + // }, + // { + // '10001': 'MAU新会员转化率', + // '10003': '240114152033385', + // '20001': 'MAU新会员转化率', + // '010002': '0.002272426566624512', + // '240103151324273': '2024-01-10', + // '240114152033385': '0.002272426566624512' + // }, + // { + // '10001': 'MAU新会员转化率', + // '10003': '240114152033385', + // '20001': 'MAU新会员转化率', + // '010002': '0.00227248281619085', + // '240103151324273': '2024-01-11', + // '240114152033385': '0.00227248281619085' + // }, + // { + // '10001': 'MAU新会员转化率', + // '10003': '240114152033385', + // '20001': 'MAU新会员转化率', + // '010002': '0.0022675403408664307', + // '240103151324273': '2024-01-12', + // '240114152033385': '0.0022675403408664307' + // }, + // { + // '10001': 'MAU新会员转化率', + // '10003': '240114152033385', + // '20001': 'MAU新会员转化率', + // '010002': '0.0022582848077943164', + // '240103151324273': '2024-01-13', + // '240114152033385': '0.0022582848077943164' + // }, + // { + // '10001': 'MAU新会员转化率', + // '10003': '240114152033385', + // '20001': 'MAU新会员转化率', + // '010002': '0.00224960750371724', + // '240103151324273': '2024-01-14', + // '240114152033385': '0.00224960750371724' + // }, + // { + // '10001': 'MAU新会员转化率', + // '10003': '240114152033385', + // '20001': 'MAU新会员转化率', + // '010002': '0.0022519812946625345', + // '240103151324273': '2024-01-15', + // '240114152033385': '0.0022519812946625345' + // }, + // { + // '10001': 'MAU新会员转化率', + // '10003': '240114152033385', + // '20001': 'MAU新会员转化率', + // '010002': '0.0022569000669138144', + // '240103151324273': '2024-01-16', + // '240114152033385': '0.0022569000669138144' + // }, + // { + // '10001': 'MAU新会员转化率', + // '10003': '240114152033385', + // '20001': 'MAU新会员转化率', + // '010002': '0.0022591102540714197', + // '240103151324273': '2024-01-17', + // '240114152033385': '0.0022591102540714197' + // }, + // { + // '10001': 'MAU新会员转化率', + // '10003': '240114152033385', + // '20001': 'MAU新会员转化率', + // '010002': '0.0022742003131701097', + // '240103151324273': '2024-01-18', + // '240114152033385': '0.0022742003131701097' + // }, + // { + // '10001': 'MAU新会员转化率', + // '10003': '240114152033385', + // '20001': 'MAU新会员转化率', + // '010002': '0.0022836958382948624', + // '240103151324273': '2024-01-19', + // '240114152033385': '0.0022836958382948624' + // }, + // { + // '10001': 'MAU新会员转化率', + // '10003': '240114152033385', + // '20001': 'MAU新会员转化率', + // '010002': '0.0022876192993865714', + // '240103151324273': '2024-01-20', + // '240114152033385': '0.0022876192993865714' + // }, + // { + // '10001': 'MAU新会员转化率', + // '10003': '240114152033385', + // '20001': 'MAU新会员转化率', + // '010002': '0.0022888090382742142', + // '240103151324273': '2024-01-21', + // '240114152033385': '0.0022888090382742142' + // } + // ], + // '1': [ + // { + // '10001': 'MAU召回会员转化率', + // '10003': '240114152033388', + // '20001': 'MAU召回会员转化率', + // '110002': '0.0008121744616237642', + // '240103151324273': '2024-01-01', + // '240114152033388': '0.0008121744616237642' + // }, + // { + // '10001': 'MAU召回会员转化率', + // '10003': '240114152033388', + // '20001': 'MAU召回会员转化率', + // '110002': '0.0008070672072548594', + // '240103151324273': '2024-01-02', + // '240114152033388': '0.0008070672072548594' + // }, + // { + // '10001': 'MAU召回会员转化率', + // '10003': '240114152033388', + // '20001': 'MAU召回会员转化率', + // '110002': '0.0008023629702409944', + // '240103151324273': '2024-01-03', + // '240114152033388': '0.0008023629702409944' + // }, + // { + // '10001': 'MAU召回会员转化率', + // '10003': '240114152033388', + // '20001': 'MAU召回会员转化率', + // '110002': '0.0008046114359005983', + // '240103151324273': '2024-01-04', + // '240114152033388': '0.0008046114359005983' + // }, + // { + // '10001': 'MAU召回会员转化率', + // '10003': '240114152033388', + // '20001': 'MAU召回会员转化率', + // '110002': '0.0008037968540141206', + // '240103151324273': '2024-01-05', + // '240114152033388': '0.0008037968540141206' + // }, + // { + // '10001': 'MAU召回会员转化率', + // '10003': '240114152033388', + // '20001': 'MAU召回会员转化率', + // '110002': '0.0008164748521489349', + // '240103151324273': '2024-01-06', + // '240114152033388': '0.0008164748521489349' + // }, + // { + // '10001': 'MAU召回会员转化率', + // '10003': '240114152033388', + // '20001': 'MAU召回会员转化率', + // '110002': '0.0008082704688049527', + // '240103151324273': '2024-01-07', + // '240114152033388': '0.0008082704688049527' + // }, + // { + // '10001': 'MAU召回会员转化率', + // '10003': '240114152033388', + // '20001': 'MAU召回会员转化率', + // '110002': '0.0008072581329952039', + // '240103151324273': '2024-01-08', + // '240114152033388': '0.0008072581329952039' + // }, + // { + // '10001': 'MAU召回会员转化率', + // '10003': '240114152033388', + // '20001': 'MAU召回会员转化率', + // '110002': '0.0008067492359218758', + // '240103151324273': '2024-01-09', + // '240114152033388': '0.0008067492359218758' + // }, + // { + // '10001': 'MAU召回会员转化率', + // '10003': '240114152033388', + // '20001': 'MAU召回会员转化率', + // '110002': '0.0008006904274883237', + // '240103151324273': '2024-01-10', + // '240114152033388': '0.0008006904274883237' + // }, + // { + // '10001': 'MAU召回会员转化率', + // '10003': '240114152033388', + // '20001': 'MAU召回会员转化率', + // '110002': '0.0008041817967195804', + // '240103151324273': '2024-01-11', + // '240114152033388': '0.0008041817967195804' + // }, + // { + // '10001': 'MAU召回会员转化率', + // '10003': '240114152033388', + // '20001': 'MAU召回会员转化率', + // '110002': '0.0008065451122881741', + // '240103151324273': '2024-01-12', + // '240114152033388': '0.0008065451122881741' + // }, + // { + // '10001': 'MAU召回会员转化率', + // '10003': '240114152033388', + // '20001': 'MAU召回会员转化率', + // '110002': '0.0008045452183187166', + // '240103151324273': '2024-01-13', + // '240114152033388': '0.0008045452183187166' + // }, + // { + // '10001': 'MAU召回会员转化率', + // '10003': '240114152033388', + // '20001': 'MAU召回会员转化率', + // '110002': '0.0008034595372288693', + // '240103151324273': '2024-01-14', + // '240114152033388': '0.0008034595372288693' + // }, + // { + // '10001': 'MAU召回会员转化率', + // '10003': '240114152033388', + // '20001': 'MAU召回会员转化率', + // '110002': '0.000806365157768805', + // '240103151324273': '2024-01-15', + // '240114152033388': '0.000806365157768805' + // }, + // { + // '10001': 'MAU召回会员转化率', + // '10003': '240114152033388', + // '20001': 'MAU召回会员转化率', + // '110002': '0.0008101232626764969', + // '240103151324273': '2024-01-16', + // '240114152033388': '0.0008101232626764969' + // }, + // { + // '10001': 'MAU召回会员转化率', + // '10003': '240114152033388', + // '20001': 'MAU召回会员转化率', + // '110002': '0.0008089185575592793', + // '240103151324273': '2024-01-17', + // '240114152033388': '0.0008089185575592793' + // }, + // { + // '10001': 'MAU召回会员转化率', + // '10003': '240114152033388', + // '20001': 'MAU召回会员转化率', + // '110002': '0.0008161604003895822', + // '240103151324273': '2024-01-18', + // '240114152033388': '0.0008161604003895822' + // }, + // { + // '10001': 'MAU召回会员转化率', + // '10003': '240114152033388', + // '20001': 'MAU召回会员转化率', + // '110002': '0.0008217670532066235', + // '240103151324273': '2024-01-19', + // '240114152033388': '0.0008217670532066235' + // }, + // { + // '10001': 'MAU召回会员转化率', + // '10003': '240114152033388', + // '20001': 'MAU召回会员转化率', + // '110002': '0.000825533215341078', + // '240103151324273': '2024-01-20', + // '240114152033388': '0.000825533215341078' + // }, + // { + // '10001': 'MAU召回会员转化率', + // '10003': '240114152033388', + // '20001': 'MAU召回会员转化率', + // '110002': '0.0008315640756712879', + // '240103151324273': '2024-01-21', + // '240114152033388': '0.0008315640756712879' + // } + // ], + // '2': [ + // { + // '10001': '新会员次月留存率', + // '10003': '240104172731201', + // '20001': '新会员次月留存率', + // '210002': '0.5181159015941292', + // '240103151324273': '2024-01-01', + // '240104172731201': '0.5181159015941292' + // }, + // { + // '10001': '新会员次月留存率', + // '10003': '240104172731201', + // '20001': '新会员次月留存率', + // '210002': '0.5165234803594506', + // '240103151324273': '2024-01-02', + // '240104172731201': '0.5165234803594506' + // }, + // { + // '10001': '新会员次月留存率', + // '10003': '240104172731201', + // '20001': '新会员次月留存率', + // '210002': '0.517116236622636', + // '240103151324273': '2024-01-03', + // '240104172731201': '0.517116236622636' + // }, + // { + // '10001': '新会员次月留存率', + // '10003': '240104172731201', + // '20001': '新会员次月留存率', + // '210002': '0.5173991688612802', + // '240103151324273': '2024-01-04', + // '240104172731201': '0.5173991688612802' + // }, + // { + // '10001': '新会员次月留存率', + // '10003': '240104172731201', + // '20001': '新会员次月留存率', + // '210002': '0.5171419726661036', + // '240103151324273': '2024-01-05', + // '240104172731201': '0.5171419726661036' + // }, + // { + // '10001': '新会员次月留存率', + // '10003': '240104172731201', + // '20001': '新会员次月留存率', + // '210002': '0.5162722935024562', + // '240103151324273': '2024-01-06', + // '240104172731201': '0.5162722935024562' + // }, + // { + // '10001': '新会员次月留存率', + // '10003': '240104172731201', + // '20001': '新会员次月留存率', + // '210002': '0.5153710487878603', + // '240103151324273': '2024-01-07', + // '240104172731201': '0.5153710487878603' + // }, + // { + // '10001': '新会员次月留存率', + // '10003': '240104172731201', + // '20001': '新会员次月留存率', + // '210002': '0.5146704075478861', + // '240103151324273': '2024-01-08', + // '240104172731201': '0.5146704075478861' + // }, + // { + // '10001': '新会员次月留存率', + // '10003': '240104172731201', + // '20001': '新会员次月留存率', + // '210002': '0.5124717293301558', + // '240103151324273': '2024-01-09', + // '240104172731201': '0.5124717293301558' + // }, + // { + // '10001': '新会员次月留存率', + // '10003': '240104172731201', + // '20001': '新会员次月留存率', + // '210002': '0.5124242383215318', + // '240103151324273': '2024-01-10', + // '240104172731201': '0.5124242383215318' + // }, + // { + // '10001': '新会员次月留存率', + // '10003': '240104172731201', + // '20001': '新会员次月留存率', + // '210002': '0.5141192166565074', + // '240103151324273': '2024-01-11', + // '240104172731201': '0.5141192166565074' + // }, + // { + // '10001': '新会员次月留存率', + // '10003': '240104172731201', + // '20001': '新会员次月留存率', + // '210002': '0.5137010998937498', + // '240103151324273': '2024-01-12', + // '240104172731201': '0.5137010998937498' + // }, + // { + // '10001': '新会员次月留存率', + // '10003': '240104172731201', + // '20001': '新会员次月留存率', + // '210002': '0.5125814246497741', + // '240103151324273': '2024-01-13', + // '240104172731201': '0.5125814246497741' + // }, + // { + // '10001': '新会员次月留存率', + // '10003': '240104172731201', + // '20001': '新会员次月留存率', + // '210002': '0.5134094679820241', + // '240103151324273': '2024-01-14', + // '240104172731201': '0.5134094679820241' + // }, + // { + // '10001': '新会员次月留存率', + // '10003': '240104172731201', + // '20001': '新会员次月留存率', + // '210002': '0.5140303942386522', + // '240103151324273': '2024-01-15', + // '240104172731201': '0.5140303942386522' + // }, + // { + // '10001': '新会员次月留存率', + // '10003': '240104172731201', + // '20001': '新会员次月留存率', + // '210002': '0.5139058416705014', + // '240103151324273': '2024-01-16', + // '240104172731201': '0.5139058416705014' + // }, + // { + // '10001': '新会员次月留存率', + // '10003': '240104172731201', + // '20001': '新会员次月留存率', + // '210002': '0.5140982584441186', + // '240103151324273': '2024-01-17', + // '240104172731201': '0.5140982584441186' + // }, + // { + // '10001': '新会员次月留存率', + // '10003': '240104172731201', + // '20001': '新会员次月留存率', + // '210002': '0.5157212566213728', + // '240103151324273': '2024-01-18', + // '240104172731201': '0.5157212566213728' + // }, + // { + // '10001': '新会员次月留存率', + // '10003': '240104172731201', + // '20001': '新会员次月留存率', + // '210002': '0.5163415849199327', + // '240103151324273': '2024-01-19', + // '240104172731201': '0.5163415849199327' + // }, + // { + // '10001': '新会员次月留存率', + // '10003': '240104172731201', + // '20001': '新会员次月留存率', + // '210002': '0.5160313233064864', + // '240103151324273': '2024-01-20', + // '240104172731201': '0.5160313233064864' + // }, + // { + // '10001': '新会员次月留存率', + // '10003': '240104172731201', + // '20001': '新会员次月留存率', + // '210002': '0.520981976426155', + // '240103151324273': '2024-01-21', + // '240104172731201': '0.520981976426155' + // } + // ], + // '3': [ + // { + // '10001': '老会员次月留存率', + // '10003': '240104172731204', + // '20001': '老会员次月留存率', + // '310002': '0.8491549586706896', + // '240103151324273': '2024-01-01', + // '240104172731204': '0.8491549586706896' + // }, + // { + // '10001': '老会员次月留存率', + // '10003': '240104172731204', + // '20001': '老会员次月留存率', + // '310002': '0.8499997187905293', + // '240103151324273': '2024-01-02', + // '240104172731204': '0.8499997187905293' + // }, + // { + // '10001': '老会员次月留存率', + // '10003': '240104172731204', + // '20001': '老会员次月留存率', + // '310002': '0.8509766143006294', + // '240103151324273': '2024-01-03', + // '240104172731204': '0.8509766143006294' + // }, + // { + // '10001': '老会员次月留存率', + // '10003': '240104172731204', + // '20001': '老会员次月留存率', + // '310002': '0.8514465927149396', + // '240103151324273': '2024-01-04', + // '240104172731204': '0.8514465927149396' + // }, + // { + // '10001': '老会员次月留存率', + // '10003': '240104172731204', + // '20001': '老会员次月留存率', + // '310002': '0.8502155378356793', + // '240103151324273': '2024-01-05', + // '240104172731204': '0.8502155378356793' + // }, + // { + // '10001': '老会员次月留存率', + // '10003': '240104172731204', + // '20001': '老会员次月留存率', + // '310002': '0.8483876156579856', + // '240103151324273': '2024-01-06', + // '240104172731204': '0.8483876156579856' + // }, + // { + // '10001': '老会员次月留存率', + // '10003': '240104172731204', + // '20001': '老会员次月留存率', + // '310002': '0.8442672459235311', + // '240103151324273': '2024-01-07', + // '240104172731204': '0.8442672459235311' + // }, + // { + // '10001': '老会员次月留存率', + // '10003': '240104172731204', + // '20001': '老会员次月留存率', + // '310002': '0.8443919719743964', + // '240103151324273': '2024-01-08', + // '240104172731204': '0.8443919719743964' + // }, + // { + // '10001': '老会员次月留存率', + // '10003': '240104172731204', + // '20001': '老会员次月留存率', + // '310002': '0.8443656276524998', + // '240103151324273': '2024-01-09', + // '240104172731204': '0.8443656276524998' + // }, + // { + // '10001': '老会员次月留存率', + // '10003': '240104172731204', + // '20001': '老会员次月留存率', + // '310002': '0.8437409090061698', + // '240103151324273': '2024-01-10', + // '240104172731204': '0.8437409090061698' + // }, + // { + // '10001': '老会员次月留存率', + // '10003': '240104172731204', + // '20001': '老会员次月留存率', + // '310002': '0.8437886614966147', + // '240103151324273': '2024-01-11', + // '240104172731204': '0.8437886614966147' + // }, + // { + // '10001': '老会员次月留存率', + // '10003': '240104172731204', + // '20001': '老会员次月留存率', + // '310002': '0.842972628392426', + // '240103151324273': '2024-01-12', + // '240104172731204': '0.842972628392426' + // }, + // { + // '10001': '老会员次月留存率', + // '10003': '240104172731204', + // '20001': '老会员次月留存率', + // '310002': '0.8421928806264737', + // '240103151324273': '2024-01-13', + // '240104172731204': '0.8421928806264737' + // }, + // { + // '10001': '老会员次月留存率', + // '10003': '240104172731204', + // '20001': '老会员次月留存率', + // '310002': '0.8416655433248755', + // '240103151324273': '2024-01-14', + // '240104172731204': '0.8416655433248755' + // }, + // { + // '10001': '老会员次月留存率', + // '10003': '240104172731204', + // '20001': '老会员次月留存率', + // '310002': '0.8419187546304148', + // '240103151324273': '2024-01-15', + // '240104172731204': '0.8419187546304148' + // }, + // { + // '10001': '老会员次月留存率', + // '10003': '240104172731204', + // '20001': '老会员次月留存率', + // '310002': '0.8425690557330622', + // '240103151324273': '2024-01-16', + // '240104172731204': '0.8425690557330622' + // }, + // { + // '10001': '老会员次月留存率', + // '10003': '240104172731204', + // '20001': '老会员次月留存率', + // '310002': '0.8422944267871347', + // '240103151324273': '2024-01-17', + // '240104172731204': '0.8422944267871347' + // }, + // { + // '10001': '老会员次月留存率', + // '10003': '240104172731204', + // '20001': '老会员次月留存率', + // '310002': '0.8423059386239165', + // '240103151324273': '2024-01-18', + // '240104172731204': '0.8423059386239165' + // }, + // { + // '10001': '老会员次月留存率', + // '10003': '240104172731204', + // '20001': '老会员次月留存率', + // '310002': '0.8417265960871636', + // '240103151324273': '2024-01-19', + // '240104172731204': '0.8417265960871636' + // }, + // { + // '10001': '老会员次月留存率', + // '10003': '240104172731204', + // '20001': '老会员次月留存率', + // '310002': '0.8405277901126161', + // '240103151324273': '2024-01-20', + // '240104172731204': '0.8405277901126161' + // }, + // { + // '10001': '老会员次月留存率', + // '10003': '240104172731204', + // '20001': '老会员次月留存率', + // '310002': '0.8368696884527291', + // '240103151324273': '2024-01-21', + // '240104172731204': '0.8368696884527291' + // } + // ] + // }, + // indicatorsAsCol: false, + // indicators: [ // { - // caption: 'Name', - // headerStyle: { - // textAlign: 'center', - // font: 'bold 13px sans-serif', - // }, - // columns: [ - // { - // field: 'fname', - // caption: 'First Name', - // width: '20%', - // minWidth: 150, - // headerStyle: { - // textAlign: 'center', + // indicatorKey: '0', + // width: 'auto', + // title: '', + // cellType: 'chart', + // chartModule: 'vchart', + // chartSpec: { + // type: 'line', + // xField: ['240103151324273'], + // yField: ['010002'], + // direction: 'vertical', + // seriesField: '20001', + // axes: [ + // { + // id: '0', + // type: 'linear', + // tick: { + // visible: false, + // tickMode: 'd3', + // style: { + // stroke: '#989999' + // } + // }, + // niceType: 'accurateFirst', + // zIndex: 200, + // grid: { + // visible: true, + // style: { + // zIndex: 150, + // stroke: '#DADCDD', + // lineWidth: 1, + // lineDash: [4, 2] + // } + // }, + // orient: 'left', + // visible: true, + // domainLine: { + // visible: true, + // style: { + // lineWidth: 1, + // stroke: '#989999' + // } + // }, + // title: { + // visible: false, + // text: 'MAU新会员转化率', + // space: 8, + // style: { + // fontSize: 12, + // fill: '#363839', + // fontWeight: 'normal' + // } + // }, + // autoIndent: false, + // sampling: false, + // label: { + // visible: true, + // space: 6, + // flush: true, + // padding: 0, + // style: { + // fontSize: 12, + // maxLineWidth: 174, + // fill: '#6F6F6F', + // angle: 0, + // fontWeight: 'normal', + // dy: -1, + // direction: 'horizontal' + // }, + // autoHide: true, + // autoHideMethod: 'greedy' + // }, + // hover: false, + // background: { + // visible: true, + // state: { + // hover: { + // fillOpacity: 0.08, + // fill: '#141414' + // }, + // hover_reverse: { + // fillOpacity: 0.08, + // fill: '#141414' + // } + // } + // }, + // zero: false, + // nice: true + // } + // ], + // data: { + // id: 'data', + // fields: { + // '10001': { + // alias: '指标名称 ' + // }, + // '20001': { + // alias: '图例项 ', + // domain: ['MAU新会员转化率', 'MAU召回会员转化率', '新会员次月留存率', '老会员次月留存率'], + // sortIndex: 0, + // lockStatisticsByDomain: true + // }, + // '110002': { + // alias: '指标值 ' + // }, + // '210002': { + // alias: '指标值 ' + // }, + // '310002': { + // alias: '指标值 ' + // }, + // '010002': { + // alias: '指标值 ' + // }, + // '240103151324273': { + // alias: '数据日期', + // domain: [ + // '2024-01-01', + // '2024-01-02', + // '2024-01-03', + // '2024-01-04', + // '2024-01-05', + // '2024-01-06', + // '2024-01-07', + // '2024-01-08', + // '2024-01-09', + // '2024-01-10', + // '2024-01-11', + // '2024-01-12', + // '2024-01-13', + // '2024-01-14', + // '2024-01-15', + // '2024-01-16', + // '2024-01-17', + // '2024-01-18', + // '2024-01-19', + // '2024-01-20', + // '2024-01-21' + // ], + // sortIndex: 0, + // lockStatisticsByDomain: true + // }, + // '240104172731201': { + // alias: '新会员次月留存率' + // }, + // '240104172731204': { + // alias: '老会员次月留存率' + // }, + // '240114152033385': { + // alias: 'MAU新会员转化率' + // }, + // '240114152033388': { + // alias: 'MAU召回会员转化率' + // } + // } + // }, + // markOverlap: true, + // stackInverse: true, + // background: 'rgba(255, 255, 255, 0)', + // region: [ + // { + // clip: true + // } + // ], + // color: { + // field: '20001', + // type: 'ordinal', + // range: ['#5685f6', '#a1b5e6', '#45b4d6', '#add9e6'], + // specified: {}, + // domain: ['MAU新会员转化率', 'MAU召回会员转化率', '新会员次月留存率', '老会员次月留存率'] + // }, + // tooltip: { + // handler: {} + // }, + // crosshair: { + // xField: { + // visible: true, + // line: { + // type: 'rect', + // style: { + // fillOpacity: 0.2, + // fill: '#b2bacf' + // } + // } // }, + // gridZIndex: 100 // }, - // { - // field: 'lname', - // caption: 'Last Name', - // width: '20%', - // minWidth: 150, + // line: { + // style: { + // curveType: { + // type: 'ordinal', + // field: '20001', + // range: ['monotoneX'], + // domain: ['MAU新会员转化率', 'MAU召回会员转化率', '新会员次月留存率', '老会员次月留存率'] + // }, + // lineWidth: { + // type: 'ordinal', + // field: '20001', + // range: [2], + // domain: ['MAU新会员转化率', 'MAU召回会员转化率', '新会员次月留存率', '老会员次月留存率'] + // }, + // lineDash: { + // type: 'ordinal', + // field: '20001', + // range: [[0, 0]], + // domain: ['MAU新会员转化率', 'MAU召回会员转化率', '新会员次月留存率', '老会员次月留存率'] + // } + // } // }, - // ], + // area: { + // style: { + // curveType: { + // type: 'ordinal', + // field: '20001', + // range: ['monotoneX'], + // domain: ['MAU新会员转化率', 'MAU召回会员转化率', '新会员次月留存率', '老会员次月留存率'] + // } + // } + // }, + // point: { + // style: { + // shape: { + // type: 'ordinal', + // field: '20001', + // range: ['circle'], + // domain: ['MAU新会员转化率', 'MAU召回会员转化率', '新会员次月留存率', '老会员次月留存率'] + // }, + // size: { + // type: 'ordinal', + // field: '20001', + // range: [7.0898154036220635], + // domain: ['MAU新会员转化率', 'MAU召回会员转化率', '新会员次月留存率', '老会员次月留存率'] + // }, + // fill: 'white', + // stroke: { + // field: '20001', + // type: 'ordinal', + // range: ['#5685f6', '#a1b5e6', '#45b4d6', '#add9e6'], + // specified: {}, + // domain: ['MAU新会员转化率', 'MAU召回会员转化率', '新会员次月留存率', '老会员次月留存率'] + // }, + // strokeOpacity: { + // type: 'ordinal', + // field: '20001', + // range: [0], + // domain: ['MAU新会员转化率', 'MAU召回会员转化率', '新会员次月留存率', '老会员次月留存率'] + // }, + // fillOpacity: { + // type: 'ordinal', + // field: '20001', + // range: [0], + // domain: ['MAU新会员转化率', 'MAU召回会员转化率', '新会员次月留存率', '老会员次月留存率'] + // } + // }, + // state: { + // hover: { + // lineWidth: 2, + // fillOpacity: 1, + // strokeOpacity: 1, + // scaleX: 1.5, + // scaleY: 1.5 + // } + // } + // }, + // invalidType: 'break', + // hover: { + // enable: true + // }, + // select: { + // enable: true + // }, + // bar: { + // state: { + // hover: { + // cursor: 'pointer', + // fillOpacity: 0.8, + // stroke: '#58595B', + // lineWidth: 1, + // zIndex: 500 + // }, + // selected: { + // cursor: 'pointer', + // fillOpacity: 1, + // stroke: '#58595B', + // lineWidth: 1 + // }, + // selected_reverse: { + // fillOpacity: 0.3, + // strokeWidth: 0.3 + // } + // } + // }, + // animation: false, + // label: { + // visible: true, + // offset: 3, + // overlap: { + // hideOnHit: true, + // avoidBaseMark: false, + // strategy: [ + // { + // type: 'position', + // position: [] + // } + // ], + // clampForce: true + // }, + // style: { + // fontSize: 12, + // fontWeight: 'normal', + // zIndex: 400, + // lineHeight: '100%', + // fill: '#363839', + // stroke: 'rgba(255, 255, 255, 0.8)', + // lineWidth: 2, + // strokeOpacity: 1 + // }, + // position: 'top', + // smartInvert: false + // }, + // markLine: [] + // } // }, // { - // field: 'email', - // caption: 'email', - // width: 200, - // headerStyle: { - // autoWrapText: true, - // textAlign: 'center', - // }, - // style: { - // textOverflow: 'ellipsis', - // lineClamp: 2, - // }, - // headerIcon: [ - // { - // type: 'svg', - // svg: '', - // width: 14, - // height: 14, - // name: 'iconKey', - // positionType: VTable.TYPES.IconPosition.contentLeft, + // indicatorKey: '1', + // width: 'auto', + // title: '', + // cellType: 'chart', + // chartModule: 'vchart', + // chartSpec: { + // type: 'line', + // xField: ['240103151324273'], + // yField: ['110002'], + // direction: 'vertical', + // seriesField: '20001', + // axes: [ + // { + // id: '1', + // type: 'linear', + // tick: { + // visible: false, + // tickMode: 'd3', + // style: { + // stroke: '#989999' + // } + // }, + // niceType: 'accurateFirst', + // zIndex: 200, + // grid: { + // visible: true, + // style: { + // zIndex: 150, + // stroke: '#DADCDD', + // lineWidth: 1, + // lineDash: [4, 2] + // } + // }, + // orient: 'left', + // visible: true, + // domainLine: { + // visible: true, + // style: { + // lineWidth: 1, + // stroke: '#989999' + // } + // }, + // title: { + // visible: false, + // text: 'MAU召回会员转化率', + // space: 8, + // style: { + // fontSize: 12, + // fill: '#363839', + // fontWeight: 'normal' + // } + // }, + // autoIndent: false, + // sampling: false, + // label: { + // visible: true, + // space: 6, + // flush: true, + // padding: 0, + // style: { + // fontSize: 12, + // maxLineWidth: 174, + // fill: '#6F6F6F', + // angle: 0, + // fontWeight: 'normal', + // dy: -1, + // direction: 'horizontal' + // }, + // autoHide: true, + // autoHideMethod: 'greedy' + // }, + // hover: false, + // background: { + // visible: true, + // state: { + // hover: { + // fillOpacity: 0.08, + // fill: '#141414' + // }, + // hover_reverse: { + // fillOpacity: 0.08, + // fill: '#141414' + // } + // } + // }, + // zero: false, + // nice: true + // } + // ], + // data: { + // id: 'data', + // fields: { + // '10001': { + // alias: '指标名称 ' + // }, + // '20001': { + // alias: '图例项 ', + // domain: ['MAU新会员转化率', 'MAU召回会员转化率', '新会员次月留存率', '老会员次月留存率'], + // sortIndex: 0, + // lockStatisticsByDomain: true + // }, + // '110002': { + // alias: '指标值 ' + // }, + // '210002': { + // alias: '指标值 ' + // }, + // '310002': { + // alias: '指标值 ' + // }, + // '010002': { + // alias: '指标值 ' + // }, + // '240103151324273': { + // alias: '数据日期', + // domain: [ + // '2024-01-01', + // '2024-01-02', + // '2024-01-03', + // '2024-01-04', + // '2024-01-05', + // '2024-01-06', + // '2024-01-07', + // '2024-01-08', + // '2024-01-09', + // '2024-01-10', + // '2024-01-11', + // '2024-01-12', + // '2024-01-13', + // '2024-01-14', + // '2024-01-15', + // '2024-01-16', + // '2024-01-17', + // '2024-01-18', + // '2024-01-19', + // '2024-01-20', + // '2024-01-21' + // ], + // sortIndex: 0, + // lockStatisticsByDomain: true + // }, + // '240104172731201': { + // alias: '新会员次月留存率' + // }, + // '240104172731204': { + // alias: '老会员次月留存率' + // }, + // '240114152033385': { + // alias: 'MAU新会员转化率' + // }, + // '240114152033388': { + // alias: 'MAU召回会员转化率' + // } + // } // }, - // { - // type: 'svg', //指定svg格式图标，其他还支持path，image，font - // svg: ``, - // width: 22, - // height: 22, - // // funcType: VTable.TYPES.IconFuncTypeEnum.sort,//对应内部特定功能的图标，目前有sort pin expand等 - // name: 'woman', //定义图标的名称，在内部会作为缓存的key值 - // positionType: VTable.TYPES.IconPosition.contentRight, // 指定位置，可以在文本的前后，或者在绝对定位在单元格的左侧右侧 - // marginLeft: 0, // 左侧内容间隔 在特定位置position中起作用 - // marginRight: 0, // 右侧内容间隔 在特定位置position中起作用 - // visibleTime: 'always', // 显示时机， 'always' | 'mouseover_cell' | 'click_cell' - // hover: { - // // 热区大小 - // width: 40, - // height: 40, - // bgColor: 'rgba(144,144,144,0.2)', + // markOverlap: true, + // stackInverse: true, + // background: 'rgba(255, 255, 255, 0)', + // region: [ + // { + // clip: true + // } + // ], + // color: { + // field: '20001', + // type: 'ordinal', + // range: ['#5685f6', '#a1b5e6', '#45b4d6', '#add9e6'], + // specified: {}, + // domain: ['MAU新会员转化率', 'MAU召回会员转化率', '新会员次月留存率', '老会员次月留存率'] + // }, + // tooltip: { + // handler: {} + // }, + // crosshair: { + // xField: { + // visible: true, + // line: { + // type: 'rect', + // style: { + // fillOpacity: 0.2, + // fill: '#b2bacf' + // } + // } // }, - // tooltip: { - // // 气泡框，按钮的的解释信息 - // title: '女生', + // gridZIndex: 100 + // }, + // line: { + // style: { + // curveType: { + // type: 'ordinal', + // field: '20001', + // range: ['monotoneX'], + // domain: ['MAU新会员转化率', 'MAU召回会员转化率', '新会员次月留存率', '老会员次月留存率'] + // }, + // lineWidth: { + // type: 'ordinal', + // field: '20001', + // range: [2], + // domain: ['MAU新会员转化率', 'MAU召回会员转化率', '新会员次月留存率', '老会员次月留存率'] + // }, + // lineDash: { + // type: 'ordinal', + // field: '20001', + // range: [[0, 0]], + // domain: ['MAU新会员转化率', 'MAU召回会员转化率', '新会员次月留存率', '老会员次月留存率'] + // } + // } + // }, + // area: { + // style: { + // curveType: { + // type: 'ordinal', + // field: '20001', + // range: ['monotoneX'], + // domain: ['MAU新会员转化率', 'MAU召回会员转化率', '新会员次月留存率', '老会员次月留存率'] + // } + // } + // }, + // point: { + // style: { + // shape: { + // type: 'ordinal', + // field: '20001', + // range: ['circle'], + // domain: ['MAU新会员转化率', 'MAU召回会员转化率', '新会员次月留存率', '老会员次月留存率'] + // }, + // size: { + // type: 'ordinal', + // field: '20001', + // range: [7.0898154036220635], + // domain: ['MAU新会员转化率', 'MAU召回会员转化率', '新会员次月留存率', '老会员次月留存率'] + // }, + // fill: 'white', + // stroke: { + // field: '20001', + // type: 'ordinal', + // range: ['#5685f6', '#a1b5e6', '#45b4d6', '#add9e6'], + // specified: {}, + // domain: ['MAU新会员转化率', 'MAU召回会员转化率', '新会员次月留存率', '老会员次月留存率'] + // }, + // strokeOpacity: { + // type: 'ordinal', + // field: '20001', + // range: [0], + // domain: ['MAU新会员转化率', 'MAU召回会员转化率', '新会员次月留存率', '老会员次月留存率'] + // }, + // fillOpacity: { + // type: 'ordinal', + // field: '20001', + // range: [0], + // domain: ['MAU新会员转化率', 'MAU召回会员转化率', '新会员次月留存率', '老会员次月留存率'] + // } // }, + // state: { + // hover: { + // lineWidth: 2, + // fillOpacity: 1, + // strokeOpacity: 1, + // scaleX: 1.5, + // scaleY: 1.5 + // } + // } // }, - // ], - // dropDownMenu: ['升序排序b', '降序排序b', '冻结列b'], + // invalidType: 'break', + // hover: { + // enable: true + // }, + // select: { + // enable: true + // }, + // bar: { + // state: { + // hover: { + // cursor: 'pointer', + // fillOpacity: 0.8, + // stroke: '#58595B', + // lineWidth: 1, + // zIndex: 500 + // }, + // selected: { + // cursor: 'pointer', + // fillOpacity: 1, + // stroke: '#58595B', + // lineWidth: 1 + // }, + // selected_reverse: { + // fillOpacity: 0.3, + // strokeWidth: 0.3 + // } + // } + // }, + // animation: false, + // label: { + // visible: true, + // offset: 3, + // overlap: { + // hideOnHit: true, + // avoidBaseMark: false, + // strategy: [ + // { + // type: 'position', + // position: [] + // } + // ], + // clampForce: true + // }, + // style: { + // fontSize: 12, + // fontWeight: 'normal', + // zIndex: 400, + // lineHeight: '100%', + // fill: '#363839', + // stroke: 'rgba(255, 255, 255, 0.8)', + // lineWidth: 2, + // strokeOpacity: 1 + // }, + // position: 'top', + // smartInvert: false + // }, + // markLine: [] + // } // }, // { - // field: 'birthday', - // fieldFormat: { - // get(rec) { - // const d = rec.birthday; - // return isNaN(d) - // ? d - // : `${d.getFullYear()}/${d.getMonth() + 1}/${d.getDate()}`; + // indicatorKey: '2', + // width: 'auto', + // title: '', + // cellType: 'chart', + // chartModule: 'vchart', + // chartSpec: { + // type: 'line', + // xField: ['240103151324273'], + // yField: ['210002'], + // direction: 'vertical', + // seriesField: '20001', + // axes: [ + // { + // id: '2', + // type: 'linear', + // tick: { + // visible: false, + // tickMode: 'd3', + // style: { + // stroke: '#989999' + // } + // }, + // niceType: 'accurateFirst', + // zIndex: 200, + // grid: { + // visible: true, + // style: { + // zIndex: 150, + // stroke: '#DADCDD', + // lineWidth: 1, + // lineDash: [4, 2] + // } + // }, + // orient: 'left', + // visible: true, + // domainLine: { + // visible: true, + // style: { + // lineWidth: 1, + // stroke: '#989999' + // } + // }, + // title: { + // visible: false, + // text: '新会员次月留存率', + // space: 8, + // style: { + // fontSize: 12, + // fill: '#363839', + // fontWeight: 'normal' + // } + // }, + // autoIndent: false, + // sampling: false, + // label: { + // visible: true, + // space: 6, + // flush: true, + // padding: 0, + // style: { + // fontSize: 12, + // maxLineWidth: 174, + // fill: '#6F6F6F', + // angle: 0, + // fontWeight: 'normal', + // dy: -1, + // direction: 'horizontal' + // }, + // autoHide: true, + // autoHideMethod: 'greedy' + // }, + // hover: false, + // background: { + // visible: true, + // state: { + // hover: { + // fillOpacity: 0.08, + // fill: '#141414' + // }, + // hover_reverse: { + // fillOpacity: 0.08, + // fill: '#141414' + // } + // } + // }, + // zero: false, + // nice: true + // } + // ], + // data: { + // id: 'data', + // fields: { + // '10001': { + // alias: '指标名称 ' + // }, + // '20001': { + // alias: '图例项 ', + // domain: ['MAU新会员转化率', 'MAU召回会员转化率', '新会员次月留存率', '老会员次月留存率'], + // sortIndex: 0, + // lockStatisticsByDomain: true + // }, + // '110002': { + // alias: '指标值 ' + // }, + // '210002': { + // alias: '指标值 ' + // }, + // '310002': { + // alias: '指标值 ' + // }, + // '010002': { + // alias: '指标值 ' + // }, + // '240103151324273': { + // alias: '数据日期', + // domain: [ + // '2024-01-01', + // '2024-01-02', + // '2024-01-03', + // '2024-01-04', + // '2024-01-05', + // '2024-01-06', + // '2024-01-07', + // '2024-01-08', + // '2024-01-09', + // '2024-01-10', + // '2024-01-11', + // '2024-01-12', + // '2024-01-13', + // '2024-01-14', + // '2024-01-15', + // '2024-01-16', + // '2024-01-17', + // '2024-01-18', + // '2024-01-19', + // '2024-01-20', + // '2024-01-21' + // ], + // sortIndex: 0, + // lockStatisticsByDomain: true + // }, + // '240104172731201': { + // alias: '新会员次月留存率' + // }, + // '240104172731204': { + // alias: '老会员次月留存率' + // }, + // '240114152033385': { + // alias: 'MAU新会员转化率' + // }, + // '240114152033388': { + // alias: 'MAU召回会员转化率' + // } + // } // }, - // set(rec, val) { - // const date = new Date(val); - // rec.birthday = isNaN(parseInt(date.toString(), 10)) ? val : date; + // markOverlap: true, + // stackInverse: true, + // background: 'rgba(255, 255, 255, 0)', + // region: [ + // { + // clip: true + // } + // ], + // color: { + // field: '20001', + // type: 'ordinal', + // range: ['#5685f6', '#a1b5e6', '#45b4d6', '#add9e6'], + // specified: {}, + // domain: ['MAU新会员转化率', 'MAU召回会员转化率', '新会员次月留存率', '老会员次月留存率'] // }, - // }, - // caption: 'Birthday', - // width: 150, + // tooltip: { + // handler: {} + // }, + // crosshair: { + // xField: { + // visible: true, + // line: { + // type: 'rect', + // style: { + // fillOpacity: 0.2, + // fill: '#b2bacf' + // } + // } + // }, + // gridZIndex: 100 + // }, + // line: { + // style: { + // curveType: { + // type: 'ordinal', + // field: '20001', + // range: ['monotoneX'], + // domain: ['MAU新会员转化率', 'MAU召回会员转化率', '新会员次月留存率', '老会员次月留存率'] + // }, + // lineWidth: { + // type: 'ordinal', + // field: '20001', + // range: [2], + // domain: ['MAU新会员转化率', 'MAU召回会员转化率', '新会员次月留存率', '老会员次月留存率'] + // }, + // lineDash: { + // type: 'ordinal', + // field: '20001', + // range: [[0, 0]], + // domain: ['MAU新会员转化率', 'MAU召回会员转化率', '新会员次月留存率', '老会员次月留存率'] + // } + // } + // }, + // area: { + // style: { + // curveType: { + // type: 'ordinal', + // field: '20001', + // range: ['monotoneX'], + // domain: ['MAU新会员转化率', 'MAU召回会员转化率', '新会员次月留存率', '老会员次月留存率'] + // } + // } + // }, + // point: { + // style: { + // shape: { + // type: 'ordinal', + // field: '20001', + // range: ['circle'], + // domain: ['MAU新会员转化率', 'MAU召回会员转化率', '新会员次月留存率', '老会员次月留存率'] + // }, + // size: { + // type: 'ordinal', + // field: '20001', + // range: [7.0898154036220635], + // domain: ['MAU新会员转化率', 'MAU召回会员转化率', '新会员次月留存率', '老会员次月留存率'] + // }, + // fill: 'white', + // stroke: { + // field: '20001', + // type: 'ordinal', + // range: ['#5685f6', '#a1b5e6', '#45b4d6', '#add9e6'], + // specified: {}, + // domain: ['MAU新会员转化率', 'MAU召回会员转化率', '新会员次月留存率', '老会员次月留存率'] + // }, + // strokeOpacity: { + // type: 'ordinal', + // field: '20001', + // range: [0], + // domain: ['MAU新会员转化率', 'MAU召回会员转化率', '新会员次月留存率', '老会员次月留存率'] + // }, + // fillOpacity: { + // type: 'ordinal', + // field: '20001', + // range: [0], + // domain: ['MAU新会员转化率', 'MAU召回会员转化率', '新会员次月留存率', '老会员次月留存率'] + // } + // }, + // state: { + // hover: { + // lineWidth: 2, + // fillOpacity: 1, + // strokeOpacity: 1, + // scaleX: 1.5, + // scaleY: 1.5 + // } + // } + // }, + // invalidType: 'break', + // hover: { + // enable: true + // }, + // select: { + // enable: true + // }, + // bar: { + // state: { + // hover: { + // cursor: 'pointer', + // fillOpacity: 0.8, + // stroke: '#58595B', + // lineWidth: 1, + // zIndex: 500 + // }, + // selected: { + // cursor: 'pointer', + // fillOpacity: 1, + // stroke: '#58595B', + // lineWidth: 1 + // }, + // selected_reverse: { + // fillOpacity: 0.3, + // strokeWidth: 0.3 + // } + // } + // }, + // animation: false, + // label: { + // visible: true, + // offset: 3, + // overlap: { + // hideOnHit: true, + // avoidBaseMark: false, + // strategy: [ + // { + // type: 'position', + // position: [] + // } + // ], + // clampForce: true + // }, + // style: { + // fontSize: 12, + // fontWeight: 'normal', + // zIndex: 400, + // lineHeight: '100%', + // fill: '#363839', + // stroke: 'rgba(255, 255, 255, 0.8)', + // lineWidth: 2, + // strokeOpacity: 1 + // }, + // position: 'top', + // smartInvert: false + // }, + // markLine: [] + // } // }, - // ], - // records: [ // { - // personid: 1, - // fname: 'Aria', - // lname: 'Jenkins', - // birthday: '1999-03-12T16:00:00.000Z', - // longtext: '', - // email: 'aria_jenkins@example.com', - // stars: 5, - // progress: 20, + // indicatorKey: '3', + // width: 'auto', + // title: '', + // cellType: 'chart', + // chartModule: 'vchart', + // chartSpec: { + // type: 'line', + // xField: ['240103151324273'], + // yField: ['310002'], + // direction: 'vertical', + // seriesField: '20001', + // axes: [ + // { + // id: '3', + // type: 'linear', + // tick: { + // visible: false, + // tickMode: 'd3', + // style: { + // stroke: '#989999' + // } + // }, + // niceType: 'accurateFirst', + // zIndex: 200, + // grid: { + // visible: true, + // style: { + // zIndex: 150, + // stroke: '#DADCDD', + // lineWidth: 1, + // lineDash: [4, 2] + // } + // }, + // orient: 'left', + // visible: true, + // domainLine: { + // visible: true, + // style: { + // lineWidth: 1, + // stroke: '#989999' + // } + // }, + // title: { + // visible: false, + // text: '老会员次月留存率', + // space: 8, + // style: { + // fontSize: 12, + // fill: '#363839', + // fontWeight: 'normal' + // } + // }, + // autoIndent: false, + // sampling: false, + // label: { + // visible: true, + // space: 6, + // flush: true, + // padding: 0, + // style: { + // fontSize: 12, + // maxLineWidth: 174, + // fill: '#6F6F6F', + // angle: 0, + // fontWeight: 'normal', + // dy: -1, + // direction: 'horizontal' + // }, + // autoHide: true, + // autoHideMethod: 'greedy' + // }, + // hover: false, + // background: { + // visible: true, + // state: { + // hover: { + // fillOpacity: 0.08, + // fill: '#141414' + // }, + // hover_reverse: { + // fillOpacity: 0.08, + // fill: '#141414' + // } + // } + // }, + // zero: false, + // nice: true + // } + // ], + // data: { + // id: 'data', + // fields: { + // '10001': { + // alias: '指标名称 ' + // }, + // '20001': { + // alias: '图例项 ', + // domain: ['MAU新会员转化率', 'MAU召回会员转化率', '新会员次月留存率', '老会员次月留存率'], + // sortIndex: 0, + // lockStatisticsByDomain: true + // }, + // '110002': { + // alias: '指标值 ' + // }, + // '210002': { + // alias: '指标值 ' + // }, + // '310002': { + // alias: '指标值 ' + // }, + // '010002': { + // alias: '指标值 ' + // }, + // '240103151324273': { + // alias: '数据日期', + // domain: [ + // '2024-01-01', + // '2024-01-02', + // '2024-01-03', + // '2024-01-04', + // '2024-01-05', + // '2024-01-06', + // '2024-01-07', + // '2024-01-08', + // '2024-01-09', + // '2024-01-10', + // '2024-01-11', + // '2024-01-12', + // '2024-01-13', + // '2024-01-14', + // '2024-01-15', + // '2024-01-16', + // '2024-01-17', + // '2024-01-18', + // '2024-01-19', + // '2024-01-20', + // '2024-01-21' + // ], + // sortIndex: 0, + // lockStatisticsByDomain: true + // }, + // '240104172731201': { + // alias: '新会员次月留存率' + // }, + // '240104172731204': { + // alias: '老会员次月留存率' + // }, + // '240114152033385': { + // alias: 'MAU新会员转化率' + // }, + // '240114152033388': { + // alias: 'MAU召回会员转化率' + // } + // } + // }, + // markOverlap: true, + // stackInverse: true, + // background: 'rgba(255, 255, 255, 0)', + // region: [ + // { + // clip: true + // } + // ], + // color: { + // field: '20001', + // type: 'ordinal', + // range: ['#5685f6', '#a1b5e6', '#45b4d6', '#add9e6'], + // specified: {}, + // domain: ['MAU新会员转化率', 'MAU召回会员转化率', '新会员次月留存率', '老会员次月留存率'] + // }, + // tooltip: { + // handler: {} + // }, + // crosshair: { + // xField: { + // visible: true, + // line: { + // type: 'rect', + // style: { + // fillOpacity: 0.2, + // fill: '#b2bacf' + // } + // } + // }, + // gridZIndex: 100 + // }, + // line: { + // style: { + // curveType: { + // type: 'ordinal', + // field: '20001', + // range: ['monotoneX'], + // domain: ['MAU新会员转化率', 'MAU召回会员转化率', '新会员次月留存率', '老会员次月留存率'] + // }, + // lineWidth: { + // type: 'ordinal', + // field: '20001', + // range: [2], + // domain: ['MAU新会员转化率', 'MAU召回会员转化率', '新会员次月留存率', '老会员次月留存率'] + // }, + // lineDash: { + // type: 'ordinal', + // field: '20001', + // range: [[0, 0]], + // domain: ['MAU新会员转化率', 'MAU召回会员转化率', '新会员次月留存率', '老会员次月留存率'] + // } + // } + // }, + // area: { + // style: { + // curveType: { + // type: 'ordinal', + // field: '20001', + // range: ['monotoneX'], + // domain: ['MAU新会员转化率', 'MAU召回会员转化率', '新会员次月留存率', '老会员次月留存率'] + // } + // } + // }, + // point: { + // style: { + // shape: { + // type: 'ordinal', + // field: '20001', + // range: ['circle'], + // domain: ['MAU新会员转化率', 'MAU召回会员转化率', '新会员次月留存率', '老会员次月留存率'] + // }, + // size: { + // type: 'ordinal', + // field: '20001', + // range: [7.0898154036220635], + // domain: ['MAU新会员转化率', 'MAU召回会员转化率', '新会员次月留存率', '老会员次月留存率'] + // }, + // fill: 'white', + // stroke: { + // field: '20001', + // type: 'ordinal', + // range: ['#5685f6', '#a1b5e6', '#45b4d6', '#add9e6'], + // specified: {}, + // domain: ['MAU新会员转化率', 'MAU召回会员转化率', '新会员次月留存率', '老会员次月留存率'] + // }, + // strokeOpacity: { + // type: 'ordinal', + // field: '20001', + // range: [0], + // domain: ['MAU新会员转化率', 'MAU召回会员转化率', '新会员次月留存率', '老会员次月留存率'] + // }, + // fillOpacity: { + // type: 'ordinal', + // field: '20001', + // range: [0], + // domain: ['MAU新会员转化率', 'MAU召回会员转化率', '新会员次月留存率', '老会员次月留存率'] + // } + // }, + // state: { + // hover: { + // lineWidth: 2, + // fillOpacity: 1, + // strokeOpacity: 1, + // scaleX: 1.5, + // scaleY: 1.5 + // } + // } + // }, + // invalidType: 'break', + // hover: { + // enable: true + // }, + // select: { + // enable: true + // }, + // bar: { + // state: { + // hover: { + // cursor: 'pointer', + // fillOpacity: 0.8, + // stroke: '#58595B', + // lineWidth: 1, + // zIndex: 500 + // }, + // selected: { + // cursor: 'pointer', + // fillOpacity: 1, + // stroke: '#58595B', + // lineWidth: 1 + // }, + // selected_reverse: { + // fillOpacity: 0.3, + // strokeWidth: 0.3 + // } + // } + // }, + // animation: false, + // label: { + // visible: true, + // offset: 3, + // overlap: { + // hideOnHit: true, + // avoidBaseMark: false, + // strategy: [ + // { + // type: 'position', + // position: [] + // } + // ], + // clampForce: true + // }, + // style: { + // fontSize: 12, + // fontWeight: 'normal', + // zIndex: 400, + // lineHeight: '100%', + // fill: '#363839', + // stroke: 'rgba(255, 255, 255, 0.8)', + // lineWidth: 2, + // strokeOpacity: 1 + // }, + // position: 'top', + // smartInvert: false + // }, + // markLine: [] + // } + // } + // ], + // animation: false, + // theme: { + // underlayBackgroundColor: 'rgba(255,255,255,0)', + // bodyStyle: { + // borderColor: 'rgba(0,4,20,0.2)', + // borderLineWidth: [0, 0, 2, 0], + // bgColor: 'rgba(255,255,255,0)' // }, - // { - // personid: 2, - // fname: 'Isaac', - // lname: 'Evans', - // birthday: '1990-03-22T16:00:00.000Z', - // longtext: '', - // email: 'isaac_evans@example.com', - // stars: 4, - // progress: 13, + // headerStyle: { + // borderColor: 'rgba(0,4,20,0.2)', + // fontSize: 12, + // color: '#333333', + // textAlign: 'center', + // borderLineWidth: 0, + // bgColor: 'rgba(255,255,255,0)', + // hover: { + // cellBgColor: 'rgba(178,186,207, 0.2)' + // } // }, - // { - // personid: 3, - // fname: 'Gabriella', - // lname: 'Hall', - // birthday: '1990-12-17T16:00:00.000Z', - // longtext: '', - // email: 'gabriella_hall@example.com', - // stars: 2, - // progress: 39, + // rowHeaderStyle: { + // borderColor: 'rgba(0,4,20,0.2)', + // fontSize: 12, + // color: '#333333', + // borderLineWidth: 0, + // bgColor: 'rgba(255,255,255,0)', + // hover: { + // cellBgColor: 'rgba(178,186,207, 0.2)' + // } // }, - // { - // personid: 4, - // fname: 'Harper', - // lname: 'Walker', - // birthday: '2000-03-30T16:00:00.000Z', - // longtext: '', - // email: 'harper_walker@example.com', - // stars: 4, - // progress: 87, + // cornerHeaderStyle: { + // borderColor: 'rgba(0,4,20,0.2)', + // textAlign: 'center', + // fontSize: 12, + // color: '#333333', + // fontWeight: 'bold', + // borderLineWidth: [0, 0, 0, 0], + // bgColor: 'rgba(255,255,255,0)', + // hover: { + // cellBgColor: '' + // } // }, - // { - // personid: 5, - // fname: 'Jackson', - // lname: 'Barnes', - // birthday: '1994-11-14T16:00:00.000Z', - // longtext: '', - // email: 'jackson_barnes@example.com', - // stars: 3, - // progress: 34, + // cornerRightTopCellStyle: { + // borderColor: 'rgba(0,4,20,0.2)', + // borderLineWidth: 0, + // bgColor: 'rgba(255,255,255,0)', + // hover: { + // cellBgColor: '' + // } // }, - // { - // personid: 6, - // fname: 'Audrey', - // lname: 'Kelly', - // birthday: '1997-01-19T16:00:00.000Z', - // longtext: '', - // email: 'audrey_kelly@example.com', - // stars: 3, - // progress: 97, + // cornerLeftBottomCellStyle: { + // padding: [0, 0, 0, 0], + // borderColor: 'rgba(0,4,20,0.2)', + // borderLineWidth: 0, + // bgColor: 'rgba(255,255,255,0)', + // hover: { + // cellBgColor: '' + // } // }, - // { - // personid: 7, - // fname: 'Christian', - // lname: 'Gomez', - // birthday: '1990-10-26T16:00:00.000Z', - // longtext: '', - // email: 'christian_gomez@example.com', - // stars: 2, - // progress: 34, + // cornerRightBottomCellStyle: { + // borderColor: 'rgba(0,4,20,0.2)', + // borderLineWidth: 0, + // bgColor: 'rgba(255,255,255,0)', + // hover: { + // cellBgColor: '' + // } // }, - // { - // personid: 8, - // fname: 'Joshua', - // lname: 'Cook', - // birthday: '1998-05-22T16:00:00.000Z', - // longtext: '', - // email: 'joshua_cook@example.com', - // stars: 4, - // progress: 50, + // rightFrozenStyle: { + // borderColor: 'rgba(0,4,20,0.2)', + // borderLineWidth: 0, + // bgColor: 'rgba(255,255,255,0)', + // hover: { + // cellBgColor: 'rgba(178,186,207, 0.2)' + // } // }, - // { - // personid: 9, - // fname: 'Mason', - // lname: 'Sanders', - // birthday: '2001-10-09T16:00:00.000Z', - // longtext: '', - // email: 'mason_sanders@example.com', - // stars: 5, - // progress: 100, + // bottomFrozenStyle: { + // borderColor: 'rgba(0,4,20,0.2)', + // borderLineWidth: 0, + // bgColor: 'rgba(255,255,255,0)', + // hover: { + // cellBgColor: 'rgba(178,186,207, 0.2)' + // } // }, - // { - // personid: 10, - // fname: 'Evelyn', - // lname: 'Price', - // birthday: '1998-09-11T16:00:00.000Z', - // longtext: '', - // email: 'evelyn_price@example.com', - // stars: 3, - // progress: 79, + // selectionStyle: { + // cellBgColor: '', + // cellBorderColor: '' // }, - // ], - // dragHeaderMode: 'column', + // frameStyle: { + // borderLineWidth: 0, + // bgColor: 'rgba(255,255,255,0)' + // } + // }, + // hash: 'a1011559d144024776996bd14120d5ec' // }; + + const option = { + columns: [ + { + field: 'p', + // fieldKey: 'progress', + fieldFormat(rec) { + return `ii已完成${rec.progress}%`; + }, + headerStyle: { + textAlign: 'center', + font: 'bold 12px sans-serif' + }, + caption: 'progress', + description: '这是一个标题的详细描述', + width: 'calc(20% - 20px)' + }, + { + caption: 'Name', + headerStyle: { + textAlign: 'center', + font: 'bold 13px sans-serif' + }, + columns: [ + { + field: 'fname', + caption: 'First Name', + width: '20%', + minWidth: 150, + headerStyle: { + textAlign: 'center' + } + }, + { + field: 'lname', + caption: 'Last Name', + width: '20%', + minWidth: 150 + } + ] + }, + { + field: 'email', + caption: 'email', + width: 200, + headerStyle: { + autoWrapText: true, + textAlign: 'center' + }, + style: { + textOverflow: 'ellipsis', + lineClamp: 2 + }, + headerIcon: [ + { + type: 'svg', + svg: '', + width: 14, + height: 14, + name: 'iconKey', + positionType: VTable.TYPES.IconPosition.contentLeft + }, + { + type: 'svg', //指定svg格式图标，其他还支持path，image，font + svg: ``, + width: 22, + height: 22, + // funcType: VTable.TYPES.IconFuncTypeEnum.sort,//对应内部特定功能的图标，目前有sort pin expand等 + name: 'woman', //定义图标的名称，在内部会作为缓存的key值 + positionType: VTable.TYPES.IconPosition.contentRight, // 指定位置，可以在文本的前后，或者在绝对定位在单元格的左侧右侧 + marginLeft: 0, // 左侧内容间隔 在特定位置position中起作用 + marginRight: 0, // 右侧内容间隔 在特定位置position中起作用 + visibleTime: 'always', // 显示时机， 'always' | 'mouseover_cell' | 'click_cell' + hover: { + // 热区大小 + width: 40, + height: 40, + bgColor: 'rgba(144,144,144,0.2)' + }, + tooltip: { + // 气泡框，按钮的的解释信息 + title: '女生' + } + } + ], + dropDownMenu: ['升序排序b', '降序排序b', '冻结列b'] + }, + { + field: 'birthday', + fieldFormat: { + get(rec) { + const d = rec.birthday; + return isNaN(d) ? d : `${d.getFullYear()}/${d.getMonth() + 1}/${d.getDate()}`; + }, + set(rec, val) { + const date = new Date(val); + rec.birthday = isNaN(parseInt(date.toString(), 10)) ? val : date; + } + }, + caption: 'Birthday', + width: 150 + } + ], + records: [ + { + personid: 1, + fname: 'Aria', + lname: 'Jenkins', + birthday: '1999-03-12T16:00:00.000Z', + longtext: '', + email: 'aria_jenkins@example.com', + stars: 5, + progress: 20 + }, + { + personid: 2, + fname: 'Isaac', + lname: 'Evans', + birthday: '1990-03-22T16:00:00.000Z', + longtext: '', + email: 'isaac_evans@example.com', + stars: 4, + progress: 13 + }, + { + personid: 3, + fname: 'Gabriella', + lname: 'Hall', + birthday: '1990-12-17T16:00:00.000Z', + longtext: '', + email: 'gabriella_hall@example.com', + stars: 2, + progress: 39 + }, + { + personid: 4, + fname: 'Harper', + lname: 'Walker', + birthday: '2000-03-30T16:00:00.000Z', + longtext: '', + email: 'harper_walker@example.com', + stars: 4, + progress: 87 + }, + { + personid: 5, + fname: 'Jackson', + lname: 'Barnes', + birthday: '1994-11-14T16:00:00.000Z', + longtext: '', + email: 'jackson_barnes@example.com', + stars: 3, + progress: 34 + }, + { + personid: 6, + fname: 'Audrey', + lname: 'Kelly', + birthday: '1997-01-19T16:00:00.000Z', + longtext: '', + email: 'audrey_kelly@example.com', + stars: 3, + progress: 97 + }, + { + personid: 7, + fname: 'Christian', + lname: 'Gomez', + birthday: '1990-10-26T16:00:00.000Z', + longtext: '', + email: 'christian_gomez@example.com', + stars: 2, + progress: 34 + }, + { + personid: 8, + fname: 'Joshua', + lname: 'Cook', + birthday: '1998-05-22T16:00:00.000Z', + longtext: '', + email: 'joshua_cook@example.com', + stars: 4, + progress: 50 + }, + { + personid: 9, + fname: 'Mason', + lname: 'Sanders', + birthday: '2001-10-09T16:00:00.000Z', + longtext: '', + email: 'mason_sanders@example.com', + stars: 5, + progress: 100 + }, + { + personid: 10, + fname: 'Evelyn', + lname: 'Price', + birthday: '1998-09-11T16:00:00.000Z', + longtext: '', + email: 'evelyn_price@example.com', + stars: 3, + progress: 79 + }, + { + personid: 1, + fname: 'Aria', + lname: 'Jenkins', + birthday: '1999-03-12T16:00:00.000Z', + longtext: '', + email: 'aria_jenkins@example.com', + stars: 5, + progress: 20 + }, + { + personid: 2, + fname: 'Isaac', + lname: 'Evans', + birthday: '1990-03-22T16:00:00.000Z', + longtext: '', + email: 'isaac_evans@example.com', + stars: 4, + progress: 13 + }, + { + personid: 3, + fname: 'Gabriella', + lname: 'Hall', + birthday: '1990-12-17T16:00:00.000Z', + longtext: '', + email: 'gabriella_hall@example.com', + stars: 2, + progress: 39 + }, + { + personid: 4, + fname: 'Harper', + lname: 'Walker', + birthday: '2000-03-30T16:00:00.000Z', + longtext: '', + email: 'harper_walker@example.com', + stars: 4, + progress: 87 + }, + { + personid: 5, + fname: 'Jackson', + lname: 'Barnes', + birthday: '1994-11-14T16:00:00.000Z', + longtext: '', + email: 'jackson_barnes@example.com', + stars: 3, + progress: 34 + }, + { + personid: 6, + fname: 'Audrey', + lname: 'Kelly', + birthday: '1997-01-19T16:00:00.000Z', + longtext: '', + email: 'audrey_kelly@example.com', + stars: 3, + progress: 97 + }, + { + personid: 7, + fname: 'Christian', + lname: 'Gomez', + birthday: '1990-10-26T16:00:00.000Z', + longtext: '', + email: 'christian_gomez@example.com', + stars: 2, + progress: 34 + }, + { + personid: 8, + fname: 'Joshua', + lname: 'Cook', + birthday: '1998-05-22T16:00:00.000Z', + longtext: '', + email: 'joshua_cook@example.com', + stars: 4, + progress: 50 + }, + { + personid: 9, + fname: 'Mason', + lname: 'Sanders', + birthday: '2001-10-09T16:00:00.000Z', + longtext: '', + email: 'mason_sanders@example.com', + stars: 5, + progress: 100 + }, + { + personid: 10, + fname: 'Evelyn', + lname: 'Price', + birthday: '1998-09-11T16:00:00.000Z', + longtext: '', + email: 'evelyn_price@example.com', + stars: 3, + progress: 79 + }, + { + personid: 1, + fname: 'Aria', + lname: 'Jenkins', + birthday: '1999-03-12T16:00:00.000Z', + longtext: '', + email: 'aria_jenkins@example.com', + stars: 5, + progress: 20 + }, + { + personid: 2, + fname: 'Isaac', + lname: 'Evans', + birthday: '1990-03-22T16:00:00.000Z', + longtext: '', + email: 'isaac_evans@example.com', + stars: 4, + progress: 13 + }, + { + personid: 3, + fname: 'Gabriella', + lname: 'Hall', + birthday: '1990-12-17T16:00:00.000Z', + longtext: '', + email: 'gabriella_hall@example.com', + stars: 2, + progress: 39 + }, + { + personid: 4, + fname: 'Harper', + lname: 'Walker', + birthday: '2000-03-30T16:00:00.000Z', + longtext: '', + email: 'harper_walker@example.com', + stars: 4, + progress: 87 + }, + { + personid: 5, + fname: 'Jackson', + lname: 'Barnes', + birthday: '1994-11-14T16:00:00.000Z', + longtext: '', + email: 'jackson_barnes@example.com', + stars: 3, + progress: 34 + }, + { + personid: 6, + fname: 'Audrey', + lname: 'Kelly', + birthday: '1997-01-19T16:00:00.000Z', + longtext: '', + email: 'audrey_kelly@example.com', + stars: 3, + progress: 97 + }, + { + personid: 7, + fname: 'Christian', + lname: 'Gomez', + birthday: '1990-10-26T16:00:00.000Z', + longtext: '', + email: 'christian_gomez@example.com', + stars: 2, + progress: 34 + }, + { + personid: 8, + fname: 'Joshua', + lname: 'Cook', + birthday: '1998-05-22T16:00:00.000Z', + longtext: '', + email: 'joshua_cook@example.com', + stars: 4, + progress: 50 + }, + { + personid: 9, + fname: 'Mason', + lname: 'Sanders', + birthday: '2001-10-09T16:00:00.000Z', + longtext: '', + email: 'mason_sanders@example.com', + stars: 5, + progress: 100 + }, + { + personid: 10, + fname: 'Evelyn', + lname: 'Price', + birthday: '1998-09-11T16:00:00.000Z', + longtext: '', + email: 'evelyn_price@example.com', + stars: 3, + progress: 79 + } + ], + dragHeaderMode: 'column' + }; option.canvas = canvas; option.viewBox = { x1: 0, @@ -3148,11 +3346,15 @@ export function createTable() { y1: 0, y2: 800 }; - const instance = new VTable.PivotChart(option); - // const instance = new VTable.ListTable(option); + // const instance = new VTable.PivotChart(option); + const instance = new VTable.ListTable(option); window.tableInstance = instance; - instance.setViewBoxTransform(1, 0, 0, 1, 100, 100); + instance.setViewBoxTransform(0.5, 0, 0, 0.5, 100, 100); + + instance.canvas.addEventListener('mousemove', e => { + console.log(instance.getCellAtRelativePosition((e.offsetX - 100) / 0.5, (e.offsetY - 100) / 0.5)); + }); bindDebugTool(tableInstance.scenegraph.stage, { customGrapicKeys: ['col', 'row']