Question

我已经阅读了文档并搜索了Google和StackOverflow以获得答案，但还没有更聪明。

我有一个带有圆形字形的散景图，用于两个变量＆＃39;得分＆＃39;并且＆＃39;压力＆＃39;和第三个变量＆＃39; date＆＃39;作为日期时间x轴（图片here）。我希望用户能够点击圈子并转到显示特定数据点详细视图的URL，该数据点由相应的日期标识。

我启用了一个带有openURL回调的点击工具，它将日期时间值附加到URL的末尾。问题是，一旦点击了数据点，传递的日期时间值就不是所需的格式： '2016-07-20' 。我得到的是以下值：＆＃39; 1468969200000＆＃39;。因此，用户被重定向到＆＃39; url / 1468969200000 /＆＃39;而不是＆＃39; url / 2016-07-20 /＆＃39;。

有没有办法更改单击数据点后传递的日期值的格式？

这是我的代码（在jupyter笔记本中运行）：

import datetime
from bokeh.plotting import figure, output_notebook, show
from bokeh.models import Range1d, OpenURL, TapTool, HoverTool, ColumnDataSource, DatetimeTickFormatter

data = {'score': [4.33, 2.66, 4.66, 2.66, 2.66, 1.66, 1.0, 4.33], 
        'stress': [3.66, 3.0, 3.0, 1.33, 3.66, 3.33, 1.0, 4.33], 
        'date': [
            datetime.date(2016, 7, 17), 
            datetime.date(2016, 7, 18), 
            datetime.date(2016, 7, 19), 
            datetime.date(2016, 7, 20), 
            datetime.date(2016, 7, 21), 
            datetime.date(2016, 7, 22), 
            datetime.date(2016, 7, 23), 
            datetime.date(2016, 7, 24)
        ]
       }

source = ColumnDataSource(data=data)

TOOLS = ['hover', 'pan', 'tap']

plot = figure(x_axis_type='datetime', plot_height=250, tools=TOOLS)

plot.circle('date', 'score', legend='score', size=15, color='red', source=source)
plot.circle('date', 'stress', legend='stress', size=10, color='orange', source=source)
plot.y_range = Range1d(1, 5, bounds=(1,5))
plot.x_range = Range1d(datetime.date(2016, 7, 17), datetime.date(2016, 7, 23))

hover = plot.select(type=HoverTool)
hover.tooltips = [
    ("score", "@score"),
    ("stress", "@stress"),
    ("date", "@date")
    ]

url = 'url/@date/'
taptool = plot.select(type=TapTool)
taptool.callback = OpenURL(url=url)

show(plot)

Answer 1

一个简单的解决方法是另外提供字符串格式的日期。

dateStr= {'dateStr': [x.isoformat() for x in data['date']]}
data.update(dateStr)

然后，您可以在hover.tooltips中使用dateStr并生成网址

hover.tooltips = [
    ("score", "@score"),
    ("stress", "@stress"),
    ("date", "@dateStr")
    ]

url = 'url/@dateStr/'

在散景中从x轴获取所需的日期时间值

1 个答案: