chore: do not use stroke in the example due to pixi bug on prev version

gosling-lang · Aug 30, 2021 · 19b5e69 · 19b5e69
1 parent 1090482
commit 19b5e69
Showing 1 changed file with 12 additions and 4 deletions.
diff --git a/src/editor/example/synteny.ts b/src/editor/example/synteny.ts
@@ -26,10 +26,14 @@ export const EX_SPEC_ALIGNMENT: GoslingSpec = {
                     encoding: {
                         startPosition: { field: 'chromStart' },
                         endPosition: { field: 'chromEnd' },
-                        stainBackgroundColor: { field: 'Stain' },
+                        stainBackgroundColor: {
+                            field: 'Stain',
+                            range: ['#E3E3E3', 'lightgray', 'gray', 'gray', 'black', '#7B9CC8', '#DC4542']
+                        },
                         stainLabelColor: { field: 'Stain' },
                         name: { field: 'Name' },
-                        stainStroke: { value: 'black' }
+                        stainStroke: { value: 'black' },
+                        stainStrokeWidth: { value: 0 } // Let's not use strokes for a while
                     },
                     width: 1000,
                     height: 20
@@ -150,10 +154,14 @@ export const EX_SPEC_ALIGNMENT: GoslingSpec = {
                     encoding: {
                         startPosition: { field: 'chromStart', axis: 'bottom' },
                         endPosition: { field: 'chromEnd' },
-                        stainBackgroundColor: { field: 'Stain' },
+                        stainBackgroundColor: {
+                            field: 'Stain',
+                            range: ['#E3E3E3', 'lightgray', 'gray', 'gray', 'black', '#7B9CC8', '#DC4542']
+                        },
                         stainLabelColor: { field: 'Stain' },
                         name: { field: 'Name' },
-                        stainStroke: { value: 'black' }
+                        stainStroke: { value: 'black' },
+                        stainStrokeWidth: { value: 0 } // Let's not use strokes for a while
                     },
                     width: 1000,
                     height: 20