width: container

[nholland20]

Hello,
Is there a way to have a data visualization be set to the container - a number of pixels. I'm trying to put a vertical stacked bar chart directly next to a horizontal stacked bar chart (with the vertical stacked bar chart acting as labels in a sense). I would like for them both to fit within the container, but it will only seem to do that if they are directly on top of each other. Ideally, the data visualization will resize with the html block that it's in.
Right now, my workaround is to have the vertically stacked bar chart very thin with xOffset. However, this causes the space to overflow a bit and makes the scroll bar appear (bottom of the picture). Ideally, I would like the vertically stacked bar chart to be wider.

The current vega lite json:

{
    "width":"container",
    "$schema": "https://vega.github.io/schema/vega-lite/v5.json",
    "layer": 
    [{
       "mark": "bar",
       "data": {"url": "data\\decon_sorted.csv"},
       "width": "container",
       "encoding": {
             "x": {
                   "field": "gene_value", 
                   "type": "quantitative", 
                   "stack": "normalize", 
                   "title": "Proportion of Cell Type"
             },
             "y": {
                   "field": "ROI", 
                   "type": "nominal", 
                   "title": null,
                   "axis": {
                       "labels": false,
                       "ticks": false
                   }
             },
             "color": {
                   "field": "gene", 
                   "type": "nominal",
                   "legend": {"orient": "bottom", "direction": "vertical", "offset": 900, "labelLimit": "200"}, 
                   "title": "Cell Type"
                   },
           "tooltip": {
               "field": "full_gene_name", "type":"nominal"
               }    
             }
             
 },
 {
          "data": {
                "values": [{
                "Sample_ID": "ROI 001", "order": "F", "name": "1", "percentage": 0.1333},
                {"Sample_ID": "ROI 001", "order": "E", "name": "2", "percentage": 0.1333},
                {"Sample_ID": "ROI 001", "order": "D", "name": "3", "percentage": 0.1333},
                {"Sample_ID": "ROI 001", "order": "C", "name": "4", "percentage": 0.1333},
                {"Sample_ID": "ROI 001", "order": "B", "name": "5", "percentage": 0.3333},
                {"Sample_ID": "ROI 001", "order": "A", "name": "6", "percentage": 0.1333}]},
             "mark": {"type": "bar", "xOffset": -7},
             "width": 7,
             "height": 900,
             "encoding": {
                   "y": {
                         "field": "percentage", 
                         "type": "quantitative",
                         "axis": {
                            "labels": false,
                            "ticks": false
                         },
                         "title": null
                   },
                   "x": {
                         "field": "Sample_ID", 
                         "type": "nominal",     
                         "title": null,
                         "axis": {
                            "labels": false,
                            "ticks": false
                         }
                        },
                    "color": {
                        "field": "name", 
                        "type": "nominal",
                        "sort": null,
                        "legend": {"orient": "top", "direction": "vertical", "title": "Histological Structure"}
                    },
                    "order": {"field": "order"}}
    }],
  "resolve": {"scale": {"color": "independent"}}
}

[domoritz]

Right now, we don't support container sizing with concatenated charts. Could you make two separate charts and size them individually with CSS?

[nholland20]

Potentially. That may be more complicated than its worth with this project since we are using the same region on the page to render different charts based on certain criteria, but I may end up doing that.
Thanks for the help!