layer4.vl

{
    "$schema": "https://vega.github.io/schema/vega-lite/v4.json",
    "data": {
        "url": "https://vega.github.io/vega-lite/data/seattle-weather.csv"
    },
    "description": "Layered bar/line chart with dual axes",
    "encoding": {
        "x": {
            "field": "date",
            "timeUnit": "month",
            "type": "ordinal"
        }
    },
    "layer": [
        {
            "encoding": {
                "y": {
                    "aggregate": "mean",
                    "axis": {
                        "grid": false
                    },
                    "field": "precipitation",
                    "type": "quantitative"
                }
            },
            "mark": "bar"
        },
        {
            "encoding": {
                "color": {
                    "value": "firebrick"
                },
                "y": {
                    "aggregate": "mean",
                    "axis": {
                        "grid": false
                    },
                    "field": "temp_max",
                    "scale": {
                        "zero": false
                    },
                    "type": "quantitative"
                }
            },
            "mark": "line"
        }
    ],
    "resolve": {
        "scale": {
            "y": "independent"
        }
    }
}