更改散景网格线位置

Question

我正在尝试在图表上绘制几个点，类似于热图。

示例代码（改编自热图部分 here）：

import pandas as pd

from bokeh.io import output_notebook, show
from bokeh.models import BasicTicker, ColorBar, ColumnDataSource, LinearColorMapper, PrintfTickFormatter
from bokeh.plotting import figure
from bokeh.transform import transform
import numpy as np

# change this if you don't run it on a Jupyter Notebook
output_notebook()

testx = np.random.randint(0,10,10)
testy = np.random.randint(0,10,10)

npdata = np.stack((testx,testy), axis = 1)
hist, bins = np.histogramdd(npdata, normed = False, bins = (10,10), range=((0,10),(0,10)))

data = pd.DataFrame(hist, columns = [str(x) for x in range(10)])

data.columns.name = 'y'

data['x'] = [str(x) for x in range(10)]

data = data.set_index('x')

df = pd.DataFrame(data.stack(), columns=['present']).reset_index()

source = ColumnDataSource(df)


colors = ['lightblue', "yellow"]
mapper = LinearColorMapper(palette=colors, low=df.present.min(), high=df.present.max())

p = figure(plot_width=400, plot_height=400, title="test circle map",
           x_range=list(data.index), y_range=list((data.columns)),
           toolbar_location=None, tools="", x_axis_location="below")

p.circle(x="x", y="y", size=20, source=source,
       line_color=None, fill_color=transform('present', mapper))


p.axis.axis_line_color = None
p.axis.major_tick_line_color = None
p.axis.major_label_text_font_size = "10pt"
p.axis.major_label_standoff = 10
p.xaxis.major_label_orientation = 0

show(p)

那个returns：

现在，如您所见，网格线以点（圆）为中心，我希望将圆包围在由线创建的正方形中。

我查看了 this 以查看是否可以找到有关如何将网格线偏移 0.5 的信息（这本来可以），但我找不到。

Answer 1

Bokeh 中没有内置任何内容来完成这种分类刻度的偏移，但您可以编写自定义扩展来完成此操作：

CS_CODE = """
import {CategoricalTicker} from "models/tickers/categorical_ticker"

export class MyTicker extends CategoricalTicker
  type: "MyTicker"

  get_ticks: (start, end, range, cross_loc) ->
    ticks = super(start, end, range, cross_loc)

    # shift the default tick locations by half a categorical bin width
    ticks.major = ([x, 0.5] for x in ticks.major)

    return ticks

"""

class MyTicker(CategoricalTicker):
    __implementation__ = CS_CODE

p.xgrid.ticker = MyTicker()
p.ygrid.ticker = MyTicker()

请注意，当代码只是一个字符串时，Bokeh 默认采用 CoffeeScript，但也可以使用纯 JS 或 TypeScript。将此添加到您的代码中会产生：

请注意有关 output_notebook 的评论，您必须调用它（可能再次调用，如果您之前调用过）在自定义模型定义之后，由于 #6107

更改散景网格线位置

Changing bokeh grid lines position

python

bokeh