fix for orthogonal color and symbol

observablehq · Jan 7, 2022 · 3a5b92a · 3a5b92a
1 parent 2e43f40
commit 3a5b92a
Showing 1 changed file with 4 additions and 2 deletions.
diff --git a/src/marks/dot.js b/src/marks/dot.js
@@ -38,9 +38,11 @@ export class Dot extends Mark {
     const {channels} = this;
     const symbolChannel = channels.find(({scale}) => scale === "symbol");
     if (symbolChannel) {
+      const fillChannel = channels.find(({name}) => name === "fill");
+      const strokeChannel = channels.find(({name}) => name === "stroke");
       symbolChannel.hint = {
-        fill: channels.some(({name}) => name === "fill") ? "color" : this.fill,
-        stroke: channels.some(({name}) => name === "stroke") ? "color" : this.stroke
+        fill: fillChannel?.value === symbolChannel.value ? "color" : this.fill,
+        stroke: strokeChannel?.value === symbolChannel.value ? "color" : this.stroke
       };
     }
   }