{ "$schema": "https://vega.github.io/schema/vega-lite/v4.json", "data": { "values": [ { "a": "A", "b": -28 }, { "a": "B", "b": 55 }, { "a": "C", "b": -33 }, { "a": "D", "b": 91 }, { "a": "E", "b": 81 }, { "a": "F", "b": 53 }, { "a": "G", "b": -19 }, { "a": "H", "b": 87 }, { "a": "I", "b": 52 } ] }, "description": "A bar chart with negative values. We can hide the axis domain line, and instead use a conditional grid color to draw a zero baseline.", "encoding": { "x": { "axis": { "domain": false, "labelAngle": 0, "labelPadding": 4, "ticks": false }, "field": "a", "type": "ordinal" }, "y": { "axis": { "gridColor": { "condition": { "test": "datum.value === 0", "value": "black" }, "value": "#ddd" } }, "field": "b", "type": "quantitative" } }, "mark": "bar" }