Specialized Axis Ticking¶
This example shows how to create a custom TickFormatter
class that displays
the first tick of every axis as-is, and every subsequent tick as an offset from
the first. Pan and zoom the plot below and watch the x-axis.
from bokeh.io import show
from bokeh.models import TickFormatter
from bokeh.plotting import figure
JS_CODE = """
import {TickFormatter} from "models/formatters/tick_formatter"
export class MyFormatter extends TickFormatter
type: "MyFormatter"
# TickFormatters should implement this method, which accepts a lisst
# of numbers (ticks) and returns a list of strings
doFormat: (ticks) ->
# format the first tick as-is
formatted = ["#{ticks[0]}"]
# format the remaining ticks as a difference from the first
for i in [1...ticks.length]
formatted.push("+#{(ticks[i]-ticks[0]).toPrecision(2)}")
return formatted
"""
class MyFormatter(TickFormatter):
__implementation__ = JS_CODE
p = figure()
p.circle([1,2,3,4,6], [5,7,3,2,4])
p.xaxis.formatter = MyFormatter()
show(p)