[plotly] 그래프 사이즈 설정

작성일자 : 2024-10-11

Ver 0.1.1

참고 사이트 : wiki docs

 

이번 포스팅에서는 Plotly의 각각의 그래프 생성방법에(express, graph_object ) 따라 그래프 사이즈 및 Margin 설정 방법에 대해 알아본다.

 

Keyword : Plotly 그래프 사이즈, Plotly graph size ,Plotly 그래프 마진, Plotly graph margin , Plotly width, Plotly height

---

express 그래프

import plotly.express as px

fig = px.bar(x = ["a","b","c"], y = [1, 3, 2], width = 600, height = 400)

fig.show()

 

px.그래프 함수 안에 width= , height= 를 통해 픽셀 단위의 크기를 지정한다.

---

 

graph_object 그래프

import plotly.graph_objects as go

fig = go.Figure(data=[go.Bar(x=[1, 2, 3], y=[1, 3, 2])])

fig.update_layout(width=600,height=400)

fig.show()

 

[사용 함수]

• fig.update_layout ()

[함수 input 내용]

• width : 가로 길이(픽셀 단위)
• height : 세로 길이(픽셀 단위)

※ 이 방법은 express 그래프에도 적용됩니다.

---

Margine 적용 방법

margin 이란 전체 크기(Figure) 와 그래프(Trace) 사이의 거리를 뜻한다

fig.update_layout(
        margin_l=left margine,
        margin_r=right margine,
        margin_b=right margine,
        margin_t=top margine)

 

[사용 함수]

• fig.update_layout ()

[함수 input 내용]

• margin_l = left margine
• margin_r = right margine
• margin_b = bottom margine
• margin_t = top margine

예제) 그래프 크기와 margin을 한번에 조절

import plotly.express as px

fig = px.bar(x=["a", "b", "c"], y=[1, 3, 2])

# 그래프 크기와 margin 설정하기

fig.update_layout(
    width=600,
    height=400,
    margin_l=50,
    margin_r=50,
    margin_b=100,
    margin_t=100
    # 백그라운드 칼라 지정, margin 잘 보이게 하기위함
    paper_bgcolor="LightSteelBlue",
)

fig.show()