分类轴与散景区域图表

Question

问题

目前是否可以使用带有散景Area图表的分类轴？

详细

我正在尝试使用高级bokeh.charts API绘制带有分类x轴的面积图。

实施例

如果设置散景和这样的数据框：

import numpy
import pandas
from bokeh import charts, plotting, models
plotting.output_notebook()

_, blue, _, green = bokeh.palettes.Paired4

datalist = [
    {'month': 'Oct', 'rain': 107., 'snow': 0.0, 'wy_month': 0},
    {'month': 'Nov', 'rain': 23.6, 'snow': 0.8, 'wy_month': 1},
    {'month': 'Dec', 'rain': 31.9, 'snow': 30.5, 'wy_month': 2},
    {'month': 'Jan', 'rain': 44.6, 'snow': 31.1, 'wy_month': 3},
    {'month': 'Feb', 'rain': 49.6, 'snow': 31.7, 'wy_month': 4},
    {'month': 'Mar', 'rain': 13.6, 'snow': 4.2, 'wy_month': 5},
    {'month': 'Apr', 'rain': 107.2, 'snow': 1.6, 'wy_month': 6},
    {'month': 'May', 'rain': 77.0, 'snow': 0.0, 'wy_month': 7},
    {'month': 'Jun', 'rain': 108., 'snow': 0.0, 'wy_month': 8},
    {'month': 'Jul', 'rain': 216., 'snow': 0.0, 'wy_month': 9},
    {'month': 'Aug', 'rain': 76.8, 'snow': 0.0, 'wy_month': 10},
    {'month': 'Sep', 'rain': 76.4, 'snow': 0.0, 'wy_month': 11},
]

data = pandas.DataFrame(datalist)

我能做到：

bar = charts.Bar(data=data, values='rain', label='month',
               color=[blue], width=600, height=300)
plotting.show(bar)

scatter = charts.Scatter(data=data, x='month', y='rain',
                         color=[blue], width=600, height=300)
plotting.show(scatter)

我得到了：

和

我尝试了什么

但如果我用区域图表做同样的事情：

area = charts.Area(data=data, y='rain', x='month', stack=True,
                   color=blue, width=600, height=300)
plotting.show(area)

我明白了：

其他努力

删除x的显式定义会使区域显示，但使用数字轴（0 - 12）。

area = charts.Area(data=data, y='rain', stack=True,
                   color=blue, width=600, height=300)

将x_range指定为列表或bokeh.models.ranges.FactorRange似乎没有效果（使用和不使用x='month'）。

Answer 1

一种选择是为您的轴制作自定义刻度标签。从这里的答案修改 - How do I use custom labels for ticks in Bokeh?：

首先我们进行导入并创建一个字典来存储我们修改过的标签（使用Jupyter笔记本）：

import numpy
import pandas
from bokeh import charts, plotting, models
import bokeh
from bokeh.models.formatters import TickFormatter, String, List, Dict, Int
from bokeh.models import FixedTicker
plotting.output_notebook()

_, blue, _, green = ['#a6cee3', '#1f78b4', '#b2df8a', '#33a02c']

datalist = [
    {'month': 'Oct', 'rain': 107., 'snow': 0.0, 'wy_month': 0},
    {'month': 'Nov', 'rain': 23.6, 'snow': 0.8, 'wy_month': 1},
    {'month': 'Dec', 'rain': 31.9, 'snow': 30.5, 'wy_month': 2},
    {'month': 'Jan', 'rain': 44.6, 'snow': 31.1, 'wy_month': 3},
    {'month': 'Feb', 'rain': 49.6, 'snow': 31.7, 'wy_month': 4},
    {'month': 'Mar', 'rain': 13.6, 'snow': 4.2, 'wy_month': 5},
    {'month': 'Apr', 'rain': 107.2, 'snow': 1.6, 'wy_month': 6},
    {'month': 'May', 'rain': 77.0, 'snow': 0.0, 'wy_month': 7},
    {'month': 'Jun', 'rain': 108., 'snow': 0.0, 'wy_month': 8},
    {'month': 'Jul', 'rain': 216., 'snow': 0.0, 'wy_month': 9},
    {'month': 'Aug', 'rain': 76.8, 'snow': 0.0, 'wy_month': 10},
    {'month': 'Sep', 'rain': 76.4, 'snow': 0.0, 'wy_month': 11},

]

data = pandas.DataFrame(datalist)
label_data = {x['wy_month']:x['month'] for x in datalist}

现在我们定义自定义标签类（和相关的JS代码）：

JS_CODE =  """
        _ = require "underscore"
        Model = require "model"
        p = require "core/properties"
        class FixedTickFormatter extends Model
          type: 'FixedTickFormatter'
          doFormat: (ticks) ->
            labels = @get("labels")
            return (labels[tick] ? "" for tick in ticks)
          @define {
            labels: [ p.Any ]
          }
        module.exports =
          Model: FixedTickFormatter
    """

class FixedTickFormatter(TickFormatter):

    labels = Dict(Int, String, help="""
    A mapping of integer ticks values to their labels.
    """)

    __implementation__ = JS_CODE

使用修改的轴绘制图表：

area = charts.Area(data=data, y='rain', x='wy_month', stack=True,
                   color=blue, width=600, height=300)
area.xaxis[0].formatter = FixedTickFormatter(labels=label_data)
area.xaxis[0].ticker = FixedTicker(ticks=sorted(label_data.keys()))
plotting.show(area)

这是我得到的最终情节：