Python,BokehでY軸を時間HH:MM:SSとX軸を日にちYYYY-MM-DDにする方法

Question

現在PythonでBokehを使ってグラフ作成(散布図)をしているのですが、グラフの軸とデータがうまく組み合わせられないので質問させていただきました。
下記は完成時のイメージ

このグラフの様にY軸を00:00:00から24:00:00に固定し、それにデータを合わせていく形にしたいです。そしてX軸はデータのない日にちでも表示され毎日表示されるようにしたいと思っています。

いろいろ調べてみましたがよくわからなかったので簡単なプログラムを下に書きます。

import matplotlib.pyplot as plt
from matplotlib impost dates

xlist=['2018-08-24', '2018-08-24', '2018-08-25', '2018-08-25', '2018-08-25', '2018-08-23', '2018-08-23', '2018-08-21', '2018-08-21', '2018-08-19', '2018-08-17', '2018-08-05', '2018-07-28', '2018-07-18', '2018-07-18', '2018-07-17', '2018-07-15', '2018-07-11', '2018-07-10', '2018-07-09']

ylist=['19:46:00', '3:30:00', '3:29:00', '3:26:00', '2:52:00', '14:36:00', '2:45:00', '23:27:00', '3:56:00', '4:20:00', '2:49:00', '22:47:00', '22:22:00', '13:52:00', '1:49:00', '17:48:00', '15:22:00', '2:12:00', '18:27:00', '21:15:00']

p=figure(plot_width=400, plot_height=400, x_axis_type="datetime")
p.xaxis.axis_label='date'
p.yaxis.axis_label='time'
p.circle(xlist,
         ylist
         )

このように真っ白です
以前質問させていただいたmatplotlibの場合はX軸,Y軸の順番はバラバラでしたがかろうじてデータ内容は表示されていました。しかし今回のBokehではX軸,Y軸は表示されずデータも表示されていません。実際に作るグラフはデータ量が大量で横にスクロールできるようにしていきたいと思っています。
これをY軸はHH:MM:SSに、X軸はデータにない日にちも表示し毎日を表示したいのですが解決方法がわかるかたはご教示お願いします

実行環境

windows 10
python 3.6.6
matplotlib 2.2.3
bokeh 0.13.0

Answer 1

基本的には matplotlibの時と同じく、xlistおよびylistを文字列ではなく datetime型のデータに変換し、X軸とY軸に datetime用のLocatorおよびFormatter を設定することになります

from bokeh.io import show
from bokeh.plotting import figure
from bokeh.models import DatetimeTickFormatter
from datetime import datetime as dt
import math

xlist=['2018-08-24', '2018-08-24', '2018-08-25', '2018-08-25', '2018-08-25', '2018-08-23', '2018-08-23', '2018-08-21', '2018-08-21', '2018-08-19', '2018-08-17', '2018-08-05', '2018-07-28', '2018-07-18', '2018-07-18', '2018-07-17', '2018-07-15', '2018-07-11', '2018-07-10', '2018-07-09']

ylist=['19:46:00', '3:30:00', '3:29:00', '3:26:00', '2:52:00', '14:36:00', '2:45:00', '23:27:00', '3:56:00', '4:20:00', '2:49:00', '22:47:00', '22:22:00', '13:52:00', '1:49:00', '17:48:00', '15:22:00', '2:12:00', '18:27:00', '21:15:00']


# xlist,ylistを datetime型に変換
xlist = [dt.strptime(d, '%Y-%m-%d') for d in xlist]
ylist = [dt.strptime(d, '%H:%M:%S') for d in ylist]

# データをプロット
p = figure(x_axis_type='datetime',
           y_axis_type='datetime',
           x_range=(dt.strptime('2018-7-9','%Y-%m-%d'),
                    dt.strptime('2018-8-24', '%Y-%m-%d')),
           y_range=(dt.strptime('00:00','%H:%M'),
                    dt.strptime('23:59','%H:%M')))
p.circle(xlist, ylist)

# X軸の設定
x_format = "%m/%d"
p.xaxis.formatter = DatetimeTickFormatter(
    seconds=[x_format],
    minutes=[x_format],
    hours=[x_format],
    days=[x_format],
    months=[x_format],
    years=[x_format]
)
p.xaxis.major_label_orientation = math.radians(90)
# Y軸の設定
y_format = "%H:%M"
p.yaxis.formatter = DatetimeTickFormatter(
    seconds=[y_format],
    minutes=[y_format],
    hours=[y_format],
    days=[y_format],
    months=[y_format],
    years=[y_format]
    )
show(p)

Comments

[Non-Face]

ご回答ありがとうございます。何週間も調べてもわからず諦めていましたがこんなにも希望通りの解答をいただけてとても感動しております。自分のググる力が無いせいなだけかもしれませんが。ついでお伺いしたいのですが、Y軸を00:00から23:59までに固定して縦にスクロールできないようにしたいのですが方法はありますか？よろしくお願いします。

[magichan]

figure() の引数にて tools パラメータを
p = figure(... ,tools="xpan,xwheel_pan,xwheel_zoom")
のように
ypan, ywheel_pan, ywheel_zoom を "含めない" ように指定すると良いかと思います。

toolsに何を指定するかは

https://bokeh.pydata.org/en/latest/docs/user_guide/tools.html#configuring-plot-tools

を見てください

[Non-Face]

解決しました！！
丁寧な説明ありがとうございました。
また何かありましたらよろしくお願い致します。