We read every piece of feedback, and take your input very seriously.
To see all available qualifiers, see our documentation.
Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.
By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.
Already on GitHub? Sign in to your account
1.4.x
null
const barStyle = { bar: { style: { stroke: 'orange', lineWidth: 1, fill: { gradient: 'linear', x0: 0.5, y0: 0, x1: 0.5, y1: 1, stops: [ { offset: 0, color: '#F0B89E' }, { offset: 1, color: '#FEFFAA' } ] } } } } const dataZoomStyle = { selectedBackground: { style: { fill: '#B0C8F9', fillOpacity: 0.5 } }, dragMask: { style: { fill: '#B0C8F9', fillOpacity: 0.2 } }, backgroundChart: { area: { style: { lineWidth: 1, fill: '#F6F8FC' } }, line: { style: { stroke: '#D1DBEE', lineWidth: 1 } } }, selectedBackgroundChart: { area: { style: { lineWidth: 1, fill: '#fbb934' } }, line: { style: { stroke: '#fbb934', lineWidth: 1 } } } } const seriesStyleMap = { 'registry_device': '#7568D9', 'im': '#5EC9C8', 'comment': '#FF8F62', 'other': '#E95A23' } const seriesStyleCallback = (datum) => { if(datum.action_type) { if(seriesStyleMap[datum.action_type]) { return seriesStyleMap[datum.action_type] } return seriesStyleMap['other'] } } const seriesGroupStyleMap = { 'uid': '#54BA00', 'user_id': '#A29BFE', 'IP': '#D6331C', 'user_email': '#ED9330', 'user_did': '#F68484', 'user_mobile': '#5383F4', 'user_third_party_id': '#2CB4A8', 'user_nature_people_id': '#80D8FB', 'other': '#E95A23' } const seriesGroupStyleCallback = (datum) => { if(datum.type) { if(seriesGroupStyleMap[datum.type]) { return seriesGroupStyleMap[datum.type] } return seriesGroupStyleMap['other'] } } const spec = { type: 'sequence', width: 800, appendPadding: { left: 80, right: 0 }, background: '#EEEEEE', series: [ { type: 'bar', barTitle: 'register', dataId: 'register', xField: 'start_time', x2Field: 'end_time', yField: 'value', animation: false, label: { style: { visible: false, fill: 'black' } }, height: 40, padding: 10, tooltip: { visible: true, mark: { title: { key: 'bar info', value: 'bar info' }, content: [ { key: 'start_time', value: datum => datum['start_time'] }, { key: 'start_time_stamp', hasShape: false, value: datum => datum['start_time'] }, { key: 'end_time', value: datum => datum['end_time'] }, { key: 'end_time_stamp', hasShape: false, value: datum => datum['end_time'] }, { key: 'value', value: datum => datum['value'] } ] } }, ...barStyle }, { type: 'bar', barTitle: 'im', dataId: 'im', xField: 'start_time', x2Field: 'end_time', yField: 'value', animation: false, height: 40, padding: 10, tooltip: { visible: true, mark: { title: { key: 'bar info', value: 'bar info' }, content: [ { key: 'start_time', value: datum => datum['start_time'] }, { key: 'start_time_stamp', hasShape: false, value: datum => datum['start_time'] }, { key: 'end_time', value: datum => datum['end_time'] }, { key: 'end_time_stamp', hasShape: false, value: datum => datum['end_time'] }, { key: 'value', value: datum => datum['value'] } ] } }, ...barStyle }, { type: 'bar', barTitle: 'comment', dataId: 'comment', xField: 'start_time', x2Field: 'end_time', yField: 'value', animation: false, height: 40, padding: 10, tooltip: { visible: true, mark: { title: { key: 'bar info', value: 'bar info' }, content: [ { key: 'start_time', value: datum => datum['start_time'] }, { key: 'start_time_stamp', hasShape: false, value: datum => datum['start_time'] }, { key: 'end_time', value: datum => datum['end_time'] }, { key: 'end_time_stamp', hasShape: false, value: datum => datum['end_time'] }, { key: 'value', value: datum => datum['value'] } ] } }, ...barStyle }, { type: 'dot', dataId: 'dataDotSeries', xField: 'event_time', yField: 'id', seriesGroupField: 'type', seriesField: 'action_type', titleField: 'type', subTitleField: 'id', dotTypeField: 'action_type', highLightSeriesGroup: 'IP', clipHeight: 1000, dot: { state: { hover: { fill: 'rgba(255,215,0,0.8)' }, }, style: { fill: seriesStyleCallback } }, title: { style: { fill: 'rgba(46, 47, 50)' } }, subTitle: { style: { fill: 'rgba(46, 47, 50)', dy: 7 // text: (datum) => datum['id'].length > 7? datum['id'].substring(0,7)+'...' : datum['id'] } }, symbol: { style: { dx: -30, fill: seriesGroupStyleCallback } }, grid: { style: { stroke: seriesGroupStyleCallback }, background: { fill: '#000', fillOpacity: 0.4 } }, tooltip: { mark: { title: { key: 'event info', value: 'event info' }, content: [ { hasShape: true, shapeType: 'square', key: datum => datum['type'], value: datum => datum['id'] }, { hasShape: false, key: 'event_time_stamp', value: datum => datum['event_time'] }, { hasShape: true, shapeType: 'square', key: 'action_type', value: datum => datum['action_type'] }, { hasShape: true, shapeType: 'square', key: 'children', value: datum => datum['children'] } ] } } }, { type: 'link', dataId: 'dataLinkSeries', dotSeriesIndex: 3, fromField: 'from', toField: 'to', dotTypeField: 'action_type', seriesField: 'action_type', link: { style: { stroke: seriesStyleCallback } }, arrow: { style: { fill: seriesStyleCallback } }, tooltip: { mark: { title: { key: 'link info', value: 'link info' }, content: [ { hasShape: true, shapeType: 'square', key: 'time', value: datum => datum['from'].split('_')[1] }, { hasShape: false, key: 'time_stamp', value: datum => datum['from'].split('_')[1] }, { hasShape: true, shapeType: 'square', key: 'type', value: datum => datum['action_type'] }, { hasShape: true, shapeType: 'square', key: 'from', value: datum => datum['from'] }, { hasShape: true, shapeType: 'square', key: 'to', value: datum => datum['to'] } ] } } } ], dataZoom: [ { orient: 'top', xAxisIndex: 0, regionIndex: [1, 2, 3, 4], filterMode: 'axis', start: 0.1, endValue: 1662351800, startText: { formatMethod: text => Math.floor(text) }, endText: { formatMethod: text => Math.floor(text) }, ...dataZoomStyle } ], axes: [ { orient: 'top', type: 'time', grid: { visible: false }, layers: [ { tickStep: 28800, timeFormat: '%H:%M' }, { tickStep: 86400, timeFormat: '%Y%m%d' } ] } ], scrollBar: [{ visible: true, orient: 'right', start: 0, end: 0.5, roam: true, filterMode: 'axis', regionIndex: 4, axisIndex: 4 }], legends: [ { visible: true, orient: 'top', item: { visible: true, maxRow: 1 }, label: { visible: true, style: { // fill: colorMode === 'light' ? '#000' : '#FFF', fontSize: 12 } } } ], data: [ { id: 'register', values: [ { start_time: 1662300000, end_time: 1662303600, value: 1 }, { start_time: 1662501600, end_time: 1662505200, value: 1 } ] }, { id: 'im', values: [ { start_time: 1662177600, end_time: 1662181200, value: 1 }, { start_time: 1662210000, end_time: 1662213600, value: 1 }, { start_time: 1662246000, end_time: 1662249600, value: 1 }, { start_time: 1662278400, end_time: 1662282000, value: 1 }, { start_time: 1662310800, end_time: 1662314400, value: 1 }, { start_time: 1662343200, end_time: 1662346800, value: 1 }, { start_time: 1662379200, end_time: 1662382800, value: 1 }, { start_time: 1662411600, end_time: 1662415200, value: 1 }, { start_time: 1662444000, end_time: 1662447600, value: 1 } ] }, { id: 'comment', values: [ { start_time: 1662048000, end_time: 1662051600, value: 0 }, { start_time: 1662051600, end_time: 1662055200, value: 0 }, { start_time: 1662055200, end_time: 1662058800, value: 0 }, { start_time: 1662058800, end_time: 1662062400, value: 0 }, { start_time: 1662062400, end_time: 1662066000, value: 0 }, { start_time: 1662066000, end_time: 1662069600, value: 0 }, { start_time: 1662069600, end_time: 1662073200, value: 0 }, { start_time: 1662073200, end_time: 1662076800, value: 0 }, { start_time: 1662076800, end_time: 1662080400, value: 1 }, { start_time: 1662080400, end_time: 1662084000, value: 0 }, { start_time: 1662084000, end_time: 1662087600, value: 0 }, { start_time: 1662087600, end_time: 1662091200, value: 0 }, { start_time: 1662091200, end_time: 1662094800, value: 0 }, { start_time: 1662094800, end_time: 1662098400, value: 0 }, { start_time: 1662098400, end_time: 1662102000, value: 0 }, { start_time: 1662102000, end_time: 1662105600, value: 0 }, { start_time: 1662105600, end_time: 1662109200, value: 0 }, { start_time: 1662109200, end_time: 1662112800, value: 0 }, { start_time: 1662112800, end_time: 1662116400, value: 0 }, { start_time: 1662116400, end_time: 1662120000, value: 0 }, { start_time: 1662120000, end_time: 1662123600, value: 0 }, { start_time: 1662123600, end_time: 1662127200, value: 0 }, { start_time: 1662127200, end_time: 1662130800, value: 1 }, { start_time: 1662130800, end_time: 1662134400, value: 0 }, { start_time: 1662134400, end_time: 1662138000, value: 0 }, { start_time: 1662138000, end_time: 1662141600, value: 0 }, { start_time: 1662141600, end_time: 1662145200, value: 0 }, { start_time: 1662145200, end_time: 1662148800, value: 0 }, { start_time: 1662148800, end_time: 1662152400, value: 0 }, { start_time: 1662152400, end_time: 1662156000, value: 0 }, { start_time: 1662156000, end_time: 1662159600, value: 0 }, { start_time: 1662159600, end_time: 1662163200, value: 0 }, { start_time: 1662163200, end_time: 1662166800, value: 0 }, { start_time: 1662166800, end_time: 1662170400, value: 0 }, { start_time: 1662170400, end_time: 1662174000, value: 0 }, { start_time: 1662174000, end_time: 1662177600, value: 0 }, { start_time: 1662177600, end_time: 1662181200, value: 1 }, { start_time: 1662181200, end_time: 1662184800, value: 0 }, { start_time: 1662184800, end_time: 1662188400, value: 0 }, { start_time: 1662188400, end_time: 1662192000, value: 0 }, { start_time: 1662192000, end_time: 1662195600, value: 0 }, { start_time: 1662195600, end_time: 1662199200, value: 0 }, { start_time: 1662199200, end_time: 1662202800, value: 0 }, { start_time: 1662202800, end_time: 1662206400, value: 0 }, { start_time: 1662206400, end_time: 1662210000, value: 0 }, { start_time: 1662210000, end_time: 1662213600, value: 0 }, { start_time: 1662213600, end_time: 1662217200, value: 0 }, { start_time: 1662217200, end_time: 1662220800, value: 0 }, { start_time: 1662220800, end_time: 1662224400, value: 0 }, { start_time: 1662224400, end_time: 1662228000, value: 0 }, { start_time: 1662228000, end_time: 1662231600, value: 1 }, { start_time: 1662231600, end_time: 1662235200, value: 0 }, { start_time: 1662235200, end_time: 1662238800, value: 0 }, { start_time: 1662238800, end_time: 1662242400, value: 0 }, { start_time: 1662242400, end_time: 1662246000, value: 0 }, { start_time: 1662246000, end_time: 1662249600, value: 0 }, { start_time: 1662249600, end_time: 1662253200, value: 0 }, { start_time: 1662253200, end_time: 1662256800, value: 0 }, { start_time: 1662256800, end_time: 1662260400, value: 0 }, { start_time: 1662260400, end_time: 1662264000, value: 0 }, { start_time: 1662264000, end_time: 1662267600, value: 0 }, { start_time: 1662267600, end_time: 1662271200, value: 0 }, { start_time: 1662271200, end_time: 1662274800, value: 0 }, { start_time: 1662274800, end_time: 1662278400, value: 0 }, { start_time: 1662278400, end_time: 1662282000, value: 1 }, { start_time: 1662282000, end_time: 1662285600, value: 0 }, { start_time: 1662285600, end_time: 1662289200, value: 0 }, { start_time: 1662289200, end_time: 1662292800, value: 0 }, { start_time: 1662292800, end_time: 1662296400, value: 0 }, { start_time: 1662296400, end_time: 1662300000, value: 0 }, { start_time: 1662300000, end_time: 1662303600, value: 0 }, { start_time: 1662303600, end_time: 1662307200, value: 0 }, { start_time: 1662307200, end_time: 1662310800, value: 0 }, { start_time: 1662310800, end_time: 1662314400, value: 0 }, { start_time: 1662314400, end_time: 1662318000, value: 0 }, { start_time: 1662318000, end_time: 1662321600, value: 0 }, { start_time: 1662321600, end_time: 1662325200, value: 0 }, { start_time: 1662325200, end_time: 1662328800, value: 0 }, { start_time: 1662328800, end_time: 1662332400, value: 1 }, { start_time: 1662332400, end_time: 1662336000, value: 0 }, { start_time: 1662336000, end_time: 1662339600, value: 0 }, { start_time: 1662339600, end_time: 1662343200, value: 0 }, { start_time: 1662343200, end_time: 1662346800, value: 0 }, { start_time: 1662346800, end_time: 1662350400, value: 0 }, { start_time: 1662350400, end_time: 1662354000, value: 0 }, { start_time: 1662354000, end_time: 1662357600, value: 0 }, { start_time: 1662357600, end_time: 1662361200, value: 0 }, { start_time: 1662361200, end_time: 1662364800, value: 0 }, { start_time: 1662364800, end_time: 1662368400, value: 0 }, { start_time: 1662368400, end_time: 1662372000, value: 0 }, { start_time: 1662372000, end_time: 1662375600, value: 0 }, { start_time: 1662375600, end_time: 1662379200, value: 0 }, { start_time: 1662379200, end_time: 1662382800, value: 1 }, { start_time: 1662382800, end_time: 1662386400, value: 0 }, { start_time: 1662386400, end_time: 1662390000, value: 0 }, { start_time: 1662390000, end_time: 1662393600, value: 0 }, { start_time: 1662393600, end_time: 1662397200, value: 0 }, { start_time: 1662397200, end_time: 1662400800, value: 0 }, { start_time: 1662400800, end_time: 1662404400, value: 0 }, { start_time: 1662404400, end_time: 1662408000, value: 0 }, { start_time: 1662408000, end_time: 1662411600, value: 0 }, { start_time: 1662411600, end_time: 1662415200, value: 0 }, { start_time: 1662415200, end_time: 1662418800, value: 0 }, { start_time: 1662418800, end_time: 1662422400, value: 0 }, { start_time: 1662422400, end_time: 1662426000, value: 0 }, { start_time: 1662426000, end_time: 1662429600, value: 0 }, { start_time: 1662429600, end_time: 1662433200, value: 1 }, { start_time: 1662433200, end_time: 1662436800, value: 0 }, { start_time: 1662436800, end_time: 1662440400, value: 0 }, { start_time: 1662440400, end_time: 1662444000, value: 0 }, { start_time: 1662444000, end_time: 1662447600, value: 0 }, { start_time: 1662447600, end_time: 1662451200, value: 0 }, { start_time: 1662451200, end_time: 1662454800, value: 0 }, { start_time: 1662454800, end_time: 1662458400, value: 0 }, { start_time: 1662458400, end_time: 1662462000, value: 0 }, { start_time: 1662462000, end_time: 1662465600, value: 0 }, { start_time: 1662465600, end_time: 1662469200, value: 0 }, { start_time: 1662469200, end_time: 1662472800, value: 0 }, { start_time: 1662472800, end_time: 1662476400, value: 0 }, { start_time: 1662476400, end_time: 1662480000, value: 0 }, { start_time: 1662480000, end_time: 1662483600, value: 0 }, { start_time: 1662483600, end_time: 1662487200, value: 0 }, { start_time: 1662487200, end_time: 1662490800, value: 0 }, { start_time: 1662490800, end_time: 1662494400, value: 0 }, { start_time: 1662494400, end_time: 1662498000, value: 0 }, { start_time: 1662498000, end_time: 1662501600, value: 0 }, { start_time: 1662501600, end_time: 1662505200, value: 0 }, { start_time: 1662505200, end_time: 1662508800, value: 0 }, { start_time: 1662508800, end_time: 1662512400, value: 0 }, { start_time: 1662512400, end_time: 1662516000, value: 0 }, { start_time: 1662516000, end_time: 1662519600, value: 0 }, { start_time: 1662519600, end_time: 1662523200, value: 0 }, { start_time: 1662523200, end_time: 1662526800, value: 0 }, { start_time: 1662526800, end_time: 1662530400, value: 0 }, { start_time: 1662530400, end_time: 1662534000, value: 0 }, { start_time: 1662534000, end_time: 1662537600, value: 0 }, { start_time: 1662537600, end_time: 1662541200, value: 0 }, { start_time: 1662541200, end_time: 1662544800, value: 0 }, { start_time: 1662544800, end_time: 1662548400, value: 0 }, { start_time: 1662548400, end_time: 1662552000, value: 0 }, { start_time: 1662552000, end_time: 1662555600, value: 0 }, { start_time: 1662555600, end_time: 1662559200, value: 0 }, { start_time: 1662559200, end_time: 1662562800, value: 0 }, { start_time: 1662562800, end_time: 1662566400, value: 0 }, { start_time: 1662566400, end_time: 1662570000, value: 0 }, { start_time: 1662570000, end_time: 1662573600, value: 0 }, { start_time: 1662573600, end_time: 1662577200, value: 0 }, { start_time: 1662577200, end_time: 1662580800, value: 0 }, { start_time: 1662580800, end_time: 1662584400, value: 0 }, { start_time: 1662584400, end_time: 1662588000, value: 0 }, { start_time: 1662588000, end_time: 1662591600, value: 0 }, { start_time: 1662591600, end_time: 1662595200, value: 0 }, { start_time: 1662595200, end_time: 1662598800, value: 0 }, { start_time: 1662598800, end_time: 1662602400, value: 0 }, { start_time: 1662602400, end_time: 1662606000, value: 0 }, { start_time: 1662606000, end_time: 1662609600, value: 0 }, { start_time: 1662609600, end_time: 1662613200, value: 0 }, { start_time: 1662613200, end_time: 1662616800, value: 0 }, { start_time: 1662616800, end_time: 1662620400, value: 0 }, { start_time: 1662620400, end_time: 1662624000, value: 0 }, { start_time: 1662624000, end_time: 1662627600, value: 0 }, { start_time: 1662627600, end_time: 1662631200, value: 0 }, { start_time: 1662631200, end_time: 1662634800, value: 0 }, { start_time: 1662634800, end_time: 1662638400, value: 0 }, { start_time: 1662638400, end_time: 1662642000, value: 0 }, { start_time: 1662642000, end_time: 1662645600, value: 0 }, { start_time: 1662645600, end_time: 1662649200, value: 0 }, { start_time: 1662649200, end_time: 1662652800, value: 0 }, { start_time: 1662652800, end_time: 1662656400, value: 0 } ] }, { id: 'dataDotSeries', values: [] }, { id: 'dataLinkSeries', values: [] };
no error
- OS: - Browser: - Framework:
No response
The text was updated successfully, but these errors were encountered:
fix(sequence): render error when dot and link data is empty. fix #1019
edb2586
a53a552
No branches or pull requests
Version
1.4.x
Link to Minimal Reproduction
null
Steps to Reproduce
Current Behavior
Expected Behavior
no error
Environment
Any additional comments?
No response
The text was updated successfully, but these errors were encountered: