Python、Bokehのグラフ表示でHoverToolによる数値表示について

Question

pythonでBokehのライブラリを使い、グラフを描画させてウェブブラウザに表示させています。
マウスオーバーしたときに該当データを表示させたいのですが、添付の写真のように数値が表示されません。

期間のところには、'31-Dec-2018'のような形で表示させたいと考えています。
Bokehのhovertoolの使い方がまずいとは思うのですが、解決策が見つけられていません。
よろしくお願いいたします。

from bokeh.io import output_file, show
from bokeh.layouts import row, column
from bokeh.models import ColumnDataSource, HoverTool
from bokeh.plotting import figure
from bokeh.transform import dodge

#該当のリスト
periods=['31-Dec-2018', '31-Mar-2019', '30-Jun-2019', '30-Sep-2019', '31-Dec-2019']
Total_revenue =[84370000000, 57920000000, 53740000000, 63940000000, 91720000000]
Gross_sales_profit =[23030000000, 13240000000, 11490000000, 15480000000, 25300000000]
NetIncome_Value =[19970000000, 11560000000, 10040000000, 13690000000, 22240000000]
company_name = 'Apple Inc'
data = {'期間' : periods,
        '売上':Total_revenue,
        '営業利益': Gross_sales_profit,
        '純利益': NetIncome_Value}
source = ColumnDataSource(data= data)

#グラフの上下にマージンをつくるための小細工
y_min = min(Gross_sales_profit)
if min(Gross_sales_profit) <= 0 or min(NetIncome_Value) <= 0 :
    if min(Gross_sales_profit) <= min(NetIncome_Value) :
        y_min = min(Gross_sales_profit)
    else :
        y_min = min(NetIncome_Value)
else :
    y_min =0

#グラフ描画
p = figure(x_range=periods, y_range=((y_min*1.1), (max(Total_revenue)*1.2)),sizing_mode="scale_width", plot_height=400, title=company_name +" 売上高/営業利益/純利益",
           toolbar_location=None, tools="")

p.vbar(x=dodge('期間', -0.25, range=p.x_range), top='売上', width=0.2, source=source,
       color="#4331F5", legend_label="売上")

p.vbar(x=dodge('期間',  0.0,  range=p.x_range), top='営業利益', width=0.2, source=source,
       color="#F0BE2C", legend_label="営業利益")

p.vbar(x=dodge('期間',  0.25, range=p.x_range), top='純利益', width=0.2, source=source,
       color="#e84d60", legend_label="純利益")

#ホバーツール、これが問題か？？
TOOLTIPS1 = [
    ('期間', '@期間'),
    ('売上', '@売上'),
    ('営業利益', '@営業利益'),
    ('純利益', '@純利益')
]

p.add_tools(HoverTool(tooltips=TOOLTIPS1))
p.x_range.range_padding = 0.1
p.xgrid.grid_line_color = None
p.add_layout(p.legend[0], "below")
p.legend.orientation = "horizontal"

show(p, sizing_mode="scale_width")
output_file(company_name + ".html")
コード

Answer 1

closeされているので恐縮ですがHoverToolで表示したい変数名が日本語の場合
以下のように波括弧で囲えば日本語のままでも表示できることに最近気づいたのでシェアします。

TOOLTIPS1 = [
    ('期間', '@{期間}'),
    ('売上', '@{売上}'),
    ('営業利益', '@{営業利益}'),
    ('純利益', '@{純利益}')
]

Comments

[Snow_Snow]

ありがとうございます！！

Answer 2

Bokehのデータソース作成時に、漢字を含まず全て英語でデータを作成したところ、うまく表示されるようになりました。
Hover Toolの設定内には漢字が使えるようです。

from bokeh.io import output_file, show
from bokeh.layouts import row, column
from bokeh.models import ColumnDataSource, HoverTool
from bokeh.plotting import figure
from bokeh.transform import dodge

company_name = 'Apple Inc'

periods=['31-Dec-2018', '31-Mar-2019', '30-Jun-2019', '30-Sep-2019', '31-Dec-2019']
Total_revenue =[84370000000, 57920000000, 53740000000, 63940000000, 91720000000]
Gross_sales_profit =[23030000000, 13240000000, 11490000000, 15480000000, 25300000000]
NetIncome_Value =[19970000000, 11560000000, 10040000000, 13690000000, 22240000000]


data = {'Quarter' : periods,
        'Revenue':Total_revenue,
        'GSP': Gross_sales_profit,
        'NetProfit': NetIncome_Value}

source = ColumnDataSource(data= data)

y_min = min(Gross_sales_profit)
if min(Gross_sales_profit) <= 0 or min(NetIncome_Value) <= 0 :
    if min(Gross_sales_profit) <= min(NetIncome_Value) :
        y_min = min(Gross_sales_profit)
    else :
        y_min = min(NetIncome_Value)
else :
    y_min =0



p = figure(x_range=periods, y_range=((y_min*1.1), (max(Total_revenue)*1.2)),sizing_mode="scale_width", plot_height=400, title=company_name +" 売上/営業利益/純利益",
           toolbar_location=None, tools="")

p.vbar(x=dodge('Quarter', -0.25, range=p.x_range), top='Revenue', width=0.2, source=source,
       color="#4331F5", legend_label="売上")

p.vbar(x=dodge('Quarter',  0.0,  range=p.x_range), top='GSP', width=0.2, source=source,
       color="#F0BE2C", legend_label="営業利益")

p.vbar(x=dodge('Quarter',  0.25, range=p.x_range), top='NetProfit', width=0.2, source=source,
       color="#e84d60", legend_label="純利益")

TOOLTIPS1 = [
    ('期間', '@Quarter'),
    ('売上', '@Revenue'),
    ('営業利益', '@GSP'),
    ('純利益', '@NetProfit')
]

p.add_tools(HoverTool(tooltips=TOOLTIPS1))
p.x_range.range_padding = 0.1
p.xgrid.grid_line_color = None
p.add_layout(p.legend[0], "below")
p.legend.orientation = "horizontal"

show(p, sizing_mode="scale_width")
output_file(company_name + ".html")