Matplotlib 繪圖技巧：加上資料標籤及改變字型

作者：王一哲
日期：2023年5月11日

加上資料標籤

在某些特殊的狀況下，會在數據點旁邊標示資料點的數值。下方程式碼第14 ~ 16行，依序讀取串列 x、y 的元素，組合成字串 txt，再用 annotate [1] 將 txt 標示在數據點的右側，下圖是採用預設字型的效果。

import matplotlib.pyplot as plt

x = [1, 2, 3, 4, 5]
y = [3, 5, 7, 9, 11]

plt.figure(figsize=(8, 6), dpi=96)
plt.xlabel("x", fontsize=24)
plt.ylabel("y", fontsize=24)
plt.xticks(fontsize=20)
plt.yticks(fontsize=20)
plt.grid(color="grey", linestyle="--", linewidth=1)
plt.plot(x, y, marker="o", markerfacecolor="blue", markersize=8, linestyle="")

for i in range(len(x)):
    txt = "(" + str(x[i]) + ", " + str(y[i]) + ")"
    plt.annotate(txt, (x[i]+0.1, y[i]-0.1), fontsize=18)

plt.show()

預設樣式

將 GlowScript 線上版 VPython 動畫發布到 Blogger

步驟

1. 開啟要發布的 GlowScript 線上版動畫編輯視窗，也就是程式碼頁面，不是動畫頁面。
2. 點選發布動畫的連結，英文是 Share or export this program。
3. 複製下方格子中的 HTML 程式碼，進到 Blogger 編輯文章畫面，於 HTML 檢視 模式下貼上剛才複製的程式碼。
4. 刪除第4行的程式碼就可以發布了。

<link type="text/css" href="https://www.glowscript.org/css/ide.css" rel="stylesheet" />

發布的動畫

以下的動畫是以 進階教材：按鈕 線上版為例。