fix(core): Flipped y-axis stacked bar chart

[etowahadams]

Fix #1041
Toward #

Change List

• Fix stacked bar mark when y-axis is flipped.

{"arrangement": "vertical","views": [{"xDomain": {"chromosome": "chr1", "interval": [3000000, 3002010]},"title": "Flipped: true","layout": "linear","alignment": "overlay","data": {"url": "https://server.gosling-lang.org/api/v1/tileset_info/?d=sequence-multivec","type": "multivec","row": "base","column": "position","value": "count","categories": ["A", "T", "G", "C"],"start": "start","end": "end"},"tracks": [{"mark": "bar","id": "flipped-track","y": {"field": "count","type": "quantitative","axis": "none","flip": true}},{"dataTransform": [{"type": "filter", "field": "count", "oneOf": [0], "not": true}],"mark": "text","x": {"field": "start", "type": "genomic"},"xe": {"field": "end", "type": "genomic"},"size": {"value": 24},"color": {"value": "white"},"visibility": [{"operation": "less-than","measure": "width","threshold": "|xe-x|","transitionPadding": 30,"target": "mark"},{"operation": "LT","measure": "zoomLevel","threshold": 40,"target": "track"}]}],"x": {"field": "position", "type": "genomic"},"color": {"field": "base","type": "nominal","domain": ["A", "T", "G", "C"],"legend": true},"text": {"field": "base", "type": "nominal"},"style": {"textFontWeight": "bold"},"width": 800,"height": 100},{"layout": "linear","title": "Flipped: false","xDomain": {"chromosome": "chr1", "interval": [3000000, 3002010]},"alignment": "overlay","data": {"url": "https://server.gosling-lang.org/api/v1/tileset_info/?d=sequence-multivec","type": "multivec","row": "base","column": "position","value": "count","categories": ["A", "T", "G", "C"],"start": "start","end": "end"},"tracks": [{"id": "not-flipped-track","mark": "bar","y": {"field": "count","type": "quantitative","axis": "none","flip": false}},{"dataTransform": [{"type": "filter", "field": "count", "oneOf": [0], "not": true}],"mark": "text","x": {"field": "start", "type": "genomic"},"xe": {"field": "end", "type": "genomic"},"size": {"value": 24},"color": {"value": "white"},"visibility": [{"operation": "less-than","measure": "width","threshold": "|xe-x|","transitionPadding": 30,"target": "mark"},{"operation": "LT","measure": "zoomLevel","threshold": 40,"target": "track"}]}],"x": {"field": "position", "type": "genomic"},"color": {"field": "base","type": "nominal","domain": ["A", "T", "G", "C"],"legend": true},"text": {"field": "base", "type": "nominal"},"style": {"textFontWeight": "bold"},"width": 800,"height": 100}]}

Before:

After:

Circular layout

Before:

After:

Checklist

• Ensure the PR works with all demos on the online editor
• Unit tests added or updated
• Examples added or updated
• Documentation updated (e.g., added API functions)
• Screenshots for visual changes (e.g., new encoding support or UI change on Editor)

[etowahadams]

Circular tracks were receiving the incorrect track height because height was being added here.

[sehilyi]

Ah, good catch.

[etowahadams]

Add some extra conditions to keep incorrect draws from occurring

[sehilyi]

Thank you for the fix!!

[sehilyi]

I will patch gosling.js once this is merged!

[sehilyi]

Oh, actually will increase the minor version considering #1044