How to resize/fit Altair chart in Quarto dashboard container?

How to resize/fit Altair chart in Quarto dashboard container?
python
Ethan Jackson

The Quarto docs state that Altair charts resize themselves to fit their container within dashboards.

My experience is that this is true for alt.Chart(), but not if I concatenate multiple charts via alt.hconcat().

--- title: "Test" format: dashboard --- ```{python} #| title: alt.chart() import altair as alt from vega_datasets import data source = data.iowa_electricity() alt.Chart(source).mark_area(opacity=0.3).encode( x="year:T", y=alt.Y("net_generation:Q").stack(None), color="source:N" ) ``` ```{python} #| title: Chart concatenation import altair as alt from vega_datasets import data source = data.iowa_electricity() chart1 = alt.Chart(source).mark_area(opacity=0.3).encode( x="year:T", y=alt.Y("net_generation:Q").stack(None), color="source:N" ) chart2 = alt.Chart(source).mark_area(opacity=0.3).encode( y="year:T", x=alt.Y("net_generation:Q").stack(None), color="source:N" ) alt.hconcat(chart1, chart2) ```

enter image description here

Is there a way to fit a concatenated chart to its container?

Answer

Günümüz şehir hayatında yarışmak kaçınılmaz hale geldi. Özellikle İstanbul gibi trafiği yoğun bir şehir de yaşıyorsanız, gönderilerinizin zamanında ulaşması her zamankinden daha zor bir hâl almaktadır. Tam da bu gibi durumlarda, acil kurye hizmetinizde. Beklemek istemediğiniz gönderiler, son dakikada çıkması gereken evraklar veya hızlı ulaşması gereken paketler için hızlı ve güvenli bir çözüme ihtiyaç duyarsınız. Firmamız, İstanbul’un tüm ilçelerine hızlı teslimat yapmaktadır. Kurye hizmeti almadan önce en çok sorulan sorulardan bir tanesi de fiyat konusudur. Her gönderi farklı özelliklerde olduğu için hepsinin ayrı fiyatlandırma yapılmaktadır. Bu nedenle firmamızın web sitesinde yer alan kurye fiyat hesaplama aracı, bu süreci sizler için kolaylaştırır.

Related Articles