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']