Plotly中4種文本類型設置詳解

Plotly中4種文本類型設置詳解

你們好，我是 Lemon 。
在過去的一段時間裏，我寫了幾篇用 Python 的交互式可視化工具 Plotly 來演示全球疫情狀況的文章，以下：

• 用 Plotly 動態柱狀圖來演示全球疫情變化趨勢
• 用 Python可視化神器 Plotly 動態演示全球疫情變化趨勢
• 超火動態排序疫情變化圖，此次咱們用 Plotly來繪製
• 用 Python 動態曲線圖來對全球疫情進行演示
• 升級版，用Python來進行多條曲線動態演示全球疫情變化
  有很多同窗都問到圖表中文本如何設置，今天 Lemon 來跟你們分享下。
  Plotly 中文本設置大概能夠分爲四種類型，效果以下：
  
  下面將以 Plotly Express 中的設置爲基礎，來介紹這 4種類型的詳細狀況。

  項目環境背景

  本文的數據來自開源項目 tushare， 從 tushare 中獲取數據，首先要進行註冊獲取 token（一串字母和數字組成的文本），而後才能夠獲取到數據，你們能夠經過如下連接來註冊（也能夠點擊文末的「閱讀原文」）：
  https://tushare.pro/register?reg=129033
  本文的代碼是在 Jupyter notebook 環境中運行，Python 環境版本及其餘工具以下：

• Python 3.7
• pandas version: 1.0.3
• tushare version: 1.2.51
• plotly version: 4.5.0

  數據獲取

  在 tushare 中註冊後，經過 「我的主頁」——「接口TOKEN」 能夠找到本身的 token 值，界面以下：
  
  複製 token 值，而後在代碼中進行以下設置：

# 設置 token
# tushare 註冊地址：https://tushare.pro/register?reg=129033
# 以上方法只須要在第一次或者token失效後調用，完成調取tushare數據憑證的設置，正常狀況下不須要重複設置。
ts.set_token('你的token值')

pro = ts.pro_api()

在設置好 token 值後，咱們就能夠開始獲取數據，這裏以獲取股票代碼是 「000001.SZ」 的企業爲例，來描述 Plotly 中文本設置。
數據獲取及初步整理以下：

df = pro.daily(ts_code='000001.SZ',
               start_date='19900101',
               end_date = '20200425'
              )
# 設置時間格式
df['trade_date'] = pd.to_datetime(df['trade_date'])
df

Plotly 中文本設置

此次，咱們以 Plotly express 爲例，來闡述文本的設置，在原生的 plotly 中，文本設置的方式也是一致的。
文本的設置分爲 4中類型，分別是 title， text， label，以及 annotations 。
title 是圖表的標題； text 是顯示x軸或y軸數據的值； label 是設置數據列在圖表中的顯示名稱； annotations 是設置圖表中的註釋文本。
這4種類型的文本，前3種相對而言比較好設置， annotations 要稍微複雜些。
下面以柱狀圖爲例來進行說明，代碼以下：

df_bar = df[:10]
# df_bar

fig_bar = px.bar(df_bar,
                 x='vol',
                 y='trade_date',
                 orientation='h',
                 text='vol',     # 設置柱狀圖柱子上的顯示文本
                 title='volumn', # 設置圖表標題
                 width=600,
                 height=800,
#                  template='plotly_white',
                 labels={'vol':'交易量',      # 設置標籤顯示名稱
                         'trade_date':'日期',
                        }
                )

# 設置文字註釋內容
annotation = [dict(x=0.8,
                   xref='paper',  #使用相對座標
                   y=0.98,
                   yref='paper',
                   text='Python數據之道',
                   showarrow=False,  # 不顯示箭頭

                   ),
             ]

fig_bar.update_layout(annotations= annotation)

fig_bar.show()

效果以下：

上圖中，對 4種類型的文本進行了初步設置，固然你可能以爲有點醜，想更個性化的設置，好比 標題（title）居中、設置標題文本顏色，等等， 相似效果以下：

上面這些效果在 Plotly 中也是能夠實現的，你們能夠本身研究下，或者在公衆號 「Python數據之道」 後臺回覆數字 「662」獲取完整的代碼來查看。

-------------------End-------------------