本文整理汇总了TypeScript中@bokehjs/models/plots/plot.Plot.add_tools方法的典型用法代码示例。如果您正苦于以下问题：TypeScript Plot.add_tools方法的具体用法？TypeScript Plot.add_tools怎么用？TypeScript Plot.add_tools使用的例子？那么恭喜您, 这里精选的方法代码示例或许可以为您提供帮助。您也可以进一步了解该方法所在类@bokehjs/models/plots/plot.Plot的用法示例。
在下文中一共展示了Plot.add_tools方法的5个代码示例，这些例子默认根据受欢迎程度排序。您可以为喜欢或者感觉有用的代码点赞，您的评价将有助于系统推荐出更棒的TypeScript代码示例。
示例1: mkplot
function mkplot(tool: Tool): PlotView {
const plot = new Plot({
x_range: new Range1d({start: -1, end: 1}),
y_range: new Range1d({start: -1, end: 1}),
})
plot.add_tools(tool)
const document = new Document()
document.add_root(plot)
return new plot.default_view({model: plot, parent: null}).build()
}示例2: function
const make_testcase = function(): BoxEditTestCase {
// Note default plot dimensions is 600 x 600 (height x width)
const plot = new Plot({
x_range: new Range1d({start: -1, end: 1}),
y_range: new Range1d({start: -1, end: 1}),
})
const plot_view: any = new plot.default_view({model: plot, parent: null}).build()
const data = {
x: [0, 0.5, 1],
y: [0, 0.5, 1],
width: [0.1, 0.2, 0.3],
height: [0.3, 0.2, 0.1],
z: [null, null, null],
}
const data_source = new ColumnDataSource({data})
const glyph = new Rect({
x: {field: "x"},
y: {field: "y"},
width: {field: "width"},
height: {field: "height"},
})
const glyph_renderer: any = new GlyphRenderer({glyph, data_source})
// Untyped to access GlyphView
const glyph_renderer_view: any = new glyph_renderer.default_view({
model: glyph_renderer,
parent: plot_view,
})
const draw_tool = new BoxEditTool({
active: true,
renderers: [glyph_renderer],
empty_value: "Test",
})
plot.add_tools(draw_tool)
const draw_tool_view = plot_view.tool_views[draw_tool.id]
plot_view.renderer_views[glyph_renderer.id] = glyph_renderer_view
return {
data,
data_source,
draw_tool_view,
glyph_view: glyph_renderer_view.glyph,
}
}示例3: function
const make_testcase = function(): FreehandDrawTestCase {
// Note default plot dimensions is 600 x 600 (height x width)
const plot = new Plot({
x_range: new Range1d({start: -1, end: 1}),
y_range: new Range1d({start: -1, end: 1}),
})
const plot_view: any = new plot.default_view({model: plot, parent: null}).build()
const data = {
xs: [[0, 0.5, 1], [0, 0.5, 1]],
ys: [[0, -0.5, -1], [0, -0.5, -1]],
z: [null, null],
}
const data_source = new ColumnDataSource({data})
const glyph = new Patches({
xs: {field: "xs"},
ys: {field: "ys"},
})
const glyph_renderer: any = new GlyphRenderer({glyph, data_source})
const glyph_renderer_view: any = new glyph_renderer.default_view({
model: glyph_renderer,
parent: plot_view,
})
const draw_tool = new FreehandDrawTool({
active: true,
empty_value: "Test",
renderers: [glyph_renderer],
})
plot.add_tools(draw_tool)
const draw_tool_view: FreehandDrawToolView = plot_view.tool_views[draw_tool.id]
plot_view.renderer_views[glyph_renderer.id] = glyph_renderer_view
sinon.stub(glyph_renderer_view, "set_data")
return {
data,
data_source,
draw_tool_view,
glyph_view: glyph_renderer_view.glyph,
}
}示例4: function
const make_testcase = function(): PointDrawTestCase {
// Note default plot dimensions is 600 x 600 (height x width)
const plot = new Plot({
x_range: new Range1d({start: -1, end: 1}),
y_range: new Range1d({start: -1, end: 1}),
})
const plot_view: any = new plot.default_view({model: plot, parent: null}).build()
const data = {x: [0, 0.5, 1], y: [0, 0.5, 1], z: [null, null, null]}
const data_source = new ColumnDataSource({data})
const glyph = new Circle({
x: {field: "x"},
y: {field: "y"},
size: {units: "screen", value: 20},
})
const glyph_renderer: any = new GlyphRenderer({glyph, data_source})
// Untyped to access GlyphView
const glyph_renderer_view: any = new glyph_renderer.default_view({
model: glyph_renderer,
parent: plot_view,
})
const draw_tool = new PointDrawTool({
renderers: [glyph_renderer],
active: true,
empty_value: "Test",
})
plot.add_tools(draw_tool)
const draw_tool_view = plot_view.tool_views[draw_tool.id]
plot_view.renderer_views[glyph_renderer.id] = glyph_renderer_view
return {
data,
data_source,
draw_tool_view,
glyph_view: glyph_renderer_view.glyph,
}
}示例5: function
const make_testcase = function(): PolyEditTestCase {
// Note default plot dimensions is 600 x 600 (height x width)
const plot = new Plot({
x_range: new Range1d({start: -1, end: 1}),
y_range: new Range1d({start: -1, end: 1}),
})
const plot_view: any = new plot.default_view({model: plot, parent: null}).build()
const data = {
xs: [[0, 0.5, 1], [0, 0.5, 1]],
ys: [[0, -0.5, -1], [0, -0.5, -1]],
z: [null, null],
}
const data_source = new ColumnDataSource({data})
const vertex_source = new ColumnDataSource({data: {x: [], y: []}})
const vertex_glyph = new Circle({
x: {field: "x"},
y: {field: "y"},
})
const glyph = new Patches({
xs: {field: "xs"},
ys: {field: "ys"},
})
const vertex_renderer: any = new GlyphRenderer({
glyph: vertex_glyph,
data_source: vertex_source,
})
const glyph_renderer: any = new GlyphRenderer({glyph, data_source})
// Untyped to access GlyphView
const glyph_renderer_view: any = new glyph_renderer.default_view({
model: glyph_renderer,
parent: plot_view,
})
sinon.stub(glyph_renderer_view, "set_data")
// Untyped to access GlyphView
const vertex_renderer_view: any = new vertex_renderer.default_view({
model: vertex_renderer,
parent: plot_view,
})
const draw_tool = new PolyEditTool({
active: true,
empty_value: "Test",
renderers: [glyph_renderer],
vertex_renderer,
})
plot.add_tools(draw_tool)
const draw_tool_view = plot_view.tool_views[draw_tool.id]
plot_view.renderer_views[glyph_renderer.id] = glyph_renderer_view
plot_view.renderer_views[vertex_renderer.id] = vertex_renderer_view
return {
data,
data_source,
draw_tool_view,
glyph_view: glyph_renderer_view.glyph,
glyph_renderer,
vertex_glyph_view: vertex_renderer_view.glyph,
vertex_source,
vertex_renderer,
}
}