diff --git a/examples/specs/bar_conditional_opacity.vl.json b/examples/specs/bar_conditional_opacity.vl.json new file mode 100644 index 0000000000..10c16b64cd --- /dev/null +++ b/examples/specs/bar_conditional_opacity.vl.json @@ -0,0 +1,140 @@ +{ + "width": 400, + "height": 400, + "layer": [ + { + "mark": { + "type": "bar" + }, + "encoding": { + "x": { + "field": "C2", + "type": "nominal" + }, + "y": { + "field": "Q1_Null", + "type": "quantitative" + }, + "tooltip": [ + { + "field": "C2", + "type": "nominal", + "title": "C2" + }, + { + "field": "Q1_Null", + "type": "quantitative", + "title": "Q1_Null" + } + ], + "opacity": { + "condition": [ + { + "test": "selection.kind === 'values' && indexof(selection.values, datum['C2']) === -1", + "value": 0.2 + } + ] + } + } + } + ], + "data": { + "values": [ + { + "Q1": 12.3, + "Q2": 63.5, + "Q1_Null": null, + "Q2_Null": 63.5, + "C1": "A", + "C1_Null": null, + "C2": "a1", + "C2_Null": "a1", + "T": "2022-09-07T00:00:00.000Z", + "T_Null": "2022-09-07T00:00:00.000Z" + }, + { + "Q1": 62.3, + "Q2": 34.5, + "Q1_Null": null, + "Q2_Null": 34.5, + "C1": "A", + "C1_Null": "A", + "C2": "b1", + "C2_Null": "b1", + "T": "2022-09-08T00:00:00.000Z", + "T_Null": null + }, + { + "Q1": 82.3, + "Q2": 77.7, + "Q1_Null": 82.3, + "C1": "A", + "C1_Null": "A", + "C2": "c1", + "C2_Null": "c1", + "T": "2022-09-09T00:00:00.000Z", + "T_Null": "2022-09-09T00:00:00.000Z" + }, + { + "Q1": 41.1, + "Q2": 29.1, + "Q1_Null": 41.1, + "Q2_Null": null, + "C1": "B", + "C1_Null": "B", + "C2": "a2", + "C2_Null": "a2", + "T": "2022-09-17T00:00:00.000Z", + "T_Null": "2022-09-17T00:00:00.000Z" + }, + { + "Q1": 31.1, + "Q2": 39.1, + "Q1_Null": 31.1, + "Q2_Null": null, + "C1": "A", + "C1_Null": "A", + "C2": "a2", + "C2_Null": "a2", + "T": "2022-09-07T00:00:00.000Z", + "T_Null": "2022-09-07T00:00:00.000Z" + }, + { + "Q1": 15.1, + "Q2": 50.1, + "Q1_Null": 15.1, + "Q2_Null": 50.1, + "C1": "B", + "C1_Null": null, + "C2": "c2", + "C2_Null": null, + "T": "2022-09-18T00:00:00.000Z", + "T_Null": "2022-09-18T00:00:00.000Z" + }, + { + "Q1": 48.1, + "Q2": 94.1, + "Q1_Null": 48.1, + "Q2_Null": 94.1, + "C1": "B", + "C1_Null": "B", + "C2": "c3", + "C2_Null": "c3", + "T": "2022-09-19T00:00:00.000Z", + "T_Null": "2022-09-19T00:00:00.000Z" + }, + { + "Q1": 48.1, + "Q2": 94.1, + "Q1_Null": null, + "Q2_Null": null, + "C1": "B", + "C1_Null": "B", + "C2": "c4", + "C2_Null": "c4", + "T": "2022-09-20T00:00:00.000Z", + "T_Null": "2022-09-30T00:00:00.000Z" + } + ] + } +}