Plotly 그래프 여백 조정하기

Author

Gabriel Yang

Plotly에서 Padding과 Margin 설정하기

Plotly는 인터랙티브한 데이터 시각화 도구로, 다양한 설정 옵션을 통해 그래프의 디자인을 세밀하게 조정할 수 있습니다. 특히, 그래프의 레이아웃을 조정할 때 paddingmargin을 설정하는 것은 중요한 작업입니다.

1. Margin 설정하기

margin은 그래프의 가장자리와 차트 영역 사이의 여백을 정의합니다. Plotly의 레이아웃에서 margin 속성을 설정하여 여백을 조정할 수 있습니다.

예시 코드

import plotly.graph_objects as go

# 데이터 생성
x = [1, 2, 3, 4, 5]
y = [10, 11, 12, 13, 14]

# 왼쪽 마진 200
fig = go.Figure()
fig.add_trace(
    go.Scatter(x=x, y=y, mode='markers'),
)
fig.update_layout(
    margin=dict(
        l=200,  # 왼쪽 여백
    ),
    title = "왼쪽 여백 200"
)
fig.show()

# 오른쪽 마진 200
fig = go.Figure()
fig.add_trace(
    go.Scatter(x=x, y=y, mode='markers'),
)
fig.update_layout(
    margin=dict(
        r=200,  # 오른쪽 여백
    ),
    title = "오른쪽 여백 200"
)
fig.show()

# 위쪽 마진 200
fig = go.Figure()
fig.add_trace(
    go.Scatter(x=x, y=y, mode='markers'),
)
fig.update_layout(
    margin=dict(
        t=200,  # 위쪽 여백
    ),
    title = "위쪽 여백 200"
)
fig.show()

# 아래쪽 마진 200
fig = go.Figure()
fig.add_trace(
    go.Scatter(x=x, y=y, mode='markers'),
)
fig.update_layout(
    margin=dict(
        b=200,  # 아래쪽 여백
    ),
    title = "아래쪽 여백 200"
)
fig.show()

이 예제에서는 margin 속성을 사용하여 그래프의 왼쪽, 오른쪽, 상단, 하단 여백을 각각 100 픽셀로 설정했습니다. margin 딕셔너리의 키는 l, r, t, b로, 각각 왼쪽, 오른쪽, 상단, 하단 여백을 의미합니다.