[Python] Plotly 자주 사용하는 Layout 설정 - title, 축 label, font, subtitle, position 등

Plotly 그래프를 그릴 때 마다 레이아웃 설정하는 부분들이 생각이 안나서 찾아보는 경우가 많다.

그래서 자주 사용하는 layout 설정 소스코드를 작성해서 필요한 부분에 맞게 복분할 수 있도록 앞으로 모아갈 예정이다.

import plotly.graph_objects as go
import plotly.express as px

fail_area = df['불량위치'].value_counts()

fig = go.Figure(data=[go.Bar(
        x=[chr(i) for i in range(65, 65+len(fail_area.values))],
        y=fail_area.values,
        marker_color=px.colors.qualitative.Dark24,
    )])

fig.update_layout(
    title=dict(
        # <br> 태크와 <sup>태그 사용해서 서브 타이틀을 작성할 수 있음
        text='<b>관련 불량 위치 수</b><br><sup>Check All Error Pin Point by Portion</sup>',
        x=0.5,
        y=0.87,
        font=dict(
            family="Arial",
            size=25,
            color="#000000"
        )
    ),
    xaxis_title=dict(
        text="<b>Fail Point</b>"
    ),
    yaxis_title="<b>Portion(%)</b>",
    font=dict(
        family="Courier New, Monospace",
        size=12,
        color="#000000"
    ),
    showlegend=False,
    margin = dict(l=10, r=10, b=10)
)


fig.show()

Plotly Layout 관련 래퍼런스 및 설명은 공식 사이트에서 참고해도된다.

Subtitle

<b></b> 태그를 사용해서 Bold체 설정하여 글씨를 두껍게 할 수 있다.
<br> 태그를 사용하면 글의 줄을 바꿀 수 있다.
<sup></sup> 태그를 사용해서 subTitle을 달아줄 수 있다. <sub></sub> 태그를 사용해도 된다.

 

<sup> 태그와 <sub> 태그의 차이

1. <sub>태그 : 아래첨자를 넣고 싶을 때 사용합니다. subscript를 의미합니다.

<p>이것은 아래첨자<sub>아래첨자</sub> 입니다.</p>

결과 : 이것은 아래첨자_아래첨자 입니다.

빨간색으로 표시된 부분이 sub 태그 부분입니다.

 

2. <sup>태그 : 윗첨자를 넣고 싶을 때 사용합니다. super subscript를 의미합니다.

<p>이것은 윗첨자<sup>윗첨자</sup> 입니다.</p>

결과 : 이것은 윗첨자^윗첨자 입니다.

빨간색으로 표시된 부분이 sup 태그 부분입니다.

출처: https://travelpark.tistory.com/37 [Bon Voyage!:티스토리]

 

그래프 안에 숫자 표시하기

import plotly.graph_objects as go
import plotly.express as px

fig = px.bar(large, x='대분류', y='Count', color='대분류', text='Count')

fig.update_traces(
    textfont_size=14, 
    textposition='auto',
)

fig.show()

px.bar 에서 text를 어떤 column으로 할지 설정할 수 있다.

update_traces 를 사용해서 text의 font 및 위치 등의 설정을 할 수 있다.

 

Subplot 으로 그래프 구성하기

아래글 참고하기

[Python] Plotly : subplot 만들기의 모든것 - subtitle, type 설정 포함