Assign Independent Axis for different groups of Y-axis fields in the same layer

[VikrantRamesh]

I am trying to build something like this: Grouped Shared Axis Example

I want to assign an independent Y-axis to just a specific group of Y-axis fields in the same layer. But I cannot seem to make specific fields to "share" an axis, while the others fields are in an "independent" axis.

Here is an example of what I want to do:

• Assume 3 fields. Field 1, Field 2, Field 3 in the same Y-axis layer.
• I assign Field 1 and Field 3 to an independent Y-axis (orient: Left)
• I assign Field 2 to an independent Y-axis (orient: right)
• I do not want Field 1, Field 3 & Field 2 on different layers as they are in a specific order in the same layer

Here is what I tried:

Tried to assign same axis styling to Field 1 and Field 3 and see if they are grouped into the same axis, but they are in separate independent axis that is overlapping: Vegalite Editor

 "layer": [
        {
          "mark": {"type": "bar", "tooltip": true},
          "encoding": {
            "y": {
              "field": "daily_total_login",
              "type": "quantitative",
              "axis": {"title": "Logins & Dashboard Views", "orient": "left"}
            }
          },
          "name": "CHART_0"
        },
        {
          "mark": {"type": "bar", "tooltip": true},
          "encoding": {
            "y": {
              "field": "daily_active_user",
              "type": "quantitative",
              "axis": {"title": "Active Users", "orient": "right"}
            }
          },
        },
        {
          "mark": {"type": "bar", "tooltip": true},
          "encoding": {
            "y": {
              "field": "daily_dashboard_views",
              "type": "quantitative",
              "axis": {"title": "Logins & Dashboard Views", "orient": "left"}
            }
          },
        }
      ],
      // daily_total_login, daily_dashboard_views should share Axis, while daily_active_user should have an independent Axis.
      "resolve": {
        "scale": {"y": "independent"}
      },

My Expectation

In the above example, I want daily_total_login, daily_dashboard_views should share Axis, while daily_active_user should have an independent Axis.

[domoritz]

You could try to use a long/tidy format for the first two fields and then map the field to color.

Or put a layer inside layer with the inner one having a shared axis.

[VikrantRamesh]

The first method might now work as those two layers could be of different mark types.

In the second method, how do I set the independent axis for a different set of layers?

Say there are 4 fields and I want to set 1 independent axis to the first 2 fields, and another independent axis to the next 2 fields. It would be helpful if you could give me a lead on this.