Bokeh

bokeh[ˈbəʊkeɪ]散景，類似matplotlib的繪圖方式，傳入x, y的值，然後以網頁的方式呈現出圖表。

看過台股大盤指數技術分析嗎, 裏面的圖表是可以左右移動的, 請進入 https://tw.stock.yahoo.com/t/idx.php 自行測試看看

這種內崁網頁的圖表, 很明顯的, 是採用javascript撰寫而成的, 專業吧!! No~~一點也不, 因為我們也可以.

Bokeh可以讓圖表呈現動態的樣子, 可用滑鼠拖曳或縮放

安裝

pip install bokeh

簡易測試

#!/usr/bin/python3
from bokeh.io import show
from bokeh.plotting import figure, output_file
p=figure(width=800, height=400, title='簡易圖表')
x = list(range(1,11))
y = [500,450,850,320,456,856,154,568,458,952]
p.background_fill_color = "beige"
p.background_fill_alpha = 0.5
#p.legend.location = "bottom_left" #新版已無用了
circle=p.scatter(x,y,size=20, color='blue',alpha=0.6)

#更改圓型樣式，glyph[glɪf]象型文字，縱溝紋
glyph=circle.glyph
glyph.size = 30
glyph.fill_alpha = 0.2
glyph.line_color = "firebrick"
glyph.line_dash = [6, 3]
glyph.line_width = 2
output_file("bokeh_simple.html")
show(p)

php 執行Python

底下是在Linux下, 由php啟動python的方法

system('python PATH/xxx.py ' (PARAMS));

Single Lines

底下的程式碼, 可以從資料庫抓取台股每天的指數, 然後繪制迴歸線

幾個注意事項如下
1. 使用 p.line()繪製
2. x軸改為日期 : 在 p=figure()中, 指定 x_range=FactorRange(factors=d), d為日期list
3. 日期Lable旋轉 : p.xaxis.major_label_orientation = np.pi/4, 設定弳度

長條圖

下面代碼, 繪製台灣黃金價格. 在 p.vbar()中, 指定 bottom=1100, 指定Y軸最低價格, top=y則為實際價格, 另也需指定width=0.5

細部設定

下面的網站, 詳細的說明了每個參數的設定, 可以參考看看
https://zhuanlan.zhihu.com/p/52039412