本文整理汇总了TypeScript中bokehjs.Plotting类的典型用法代码示例。如果您正苦于以下问题：TypeScript Plotting类的具体用法？TypeScript Plotting怎么用？TypeScript Plotting使用的例子？那么恭喜您, 这里精选的类代码示例或许可以为您提供帮助。
在下文中一共展示了Plotting类的3个代码示例，这些例子默认根据受欢迎程度排序。您可以为喜欢或者感觉有用的代码点赞，您的评价将有助于系统推荐出更棒的TypeScript代码示例。
示例1: make_plot
})
const xaxis = new Bokeh.LinearAxis({axis_line_color: null})
const yaxis = new Bokeh.LinearAxis({axis_line_color: null})
plot.add_layout(xaxis, "below")
plot.add_layout(yaxis, "left")
const xgrid = new Bokeh.Grid({ticker: xaxis.ticker, dimension: 0})
const ygrid = new Bokeh.Grid({ticker: yaxis.ticker, dimension: 1})
plot.add_layout(xgrid)
plot.add_layout(ygrid)
const line = new Bokeh.Line({x: {field: "x"}, y: {field: "y"}, line_color: "#666699", line_width: 2})
plot.add_glyph(line, lines)
const circle = new Bokeh.Circle({x: {field: xname}, y: {field: yname}, size: 12, fill_color: "#cc6633", line_color: "#cc6633", fill_alpha: 0.5})
plot.add_glyph(circle, circles)
return plot
}
const I = make_plot("I", "xi", "yi")
const II = make_plot("II", "xii", "yii")
const III = make_plot("III", "xiii", "yiii")
const IV = make_plot("IV", "xiv", "yiv")
const grid = Bokeh.Plotting.gridplot([[I, II], [III, IV]], {toolbar_location: null})
const doc = new Bokeh.Document()
doc.add_root(grid)
const div = document.getElementById("plot")!
Bokeh.embed.add_document_standalone(doc, div)
}
示例2:
const dot = () => {
const factors = ["a", "b", "c", "d", "e", "f", "g", "h"]
const x = [50, 40, 65, 10, 25, 37, 80, 60]
const fig = plt.figure({
title: "Categorical Dot Plot",
tools: "",
toolbar_location: null,
y_range: factors,
x_range: [0, 100],
})
fig.segment(0, factors, x, factors, {line_width: 2, line_color: "green"})
fig.circle(x, factors, {size: 15, fill_color: "orange", line_color: "green", line_width: 3})
return fig
}示例3: Row
fig.segment(0, factors, x, factors, {line_width: 2, line_color: "green"})
fig.circle(x, factors, {size: 15, fill_color: "orange", line_color: "green", line_width: 3})
return fig
}
const hm = () => {
const factors = ["foo", "bar", "baz"]
const x = ["foo", "foo", "foo", "bar", "bar", "bar", "baz", "baz", "baz"]
const y = ["foo", "bar", "baz", "foo", "bar", "baz", "foo", "bar", "baz"]
const colors = [
"#0B486B", "#79BD9A", "#CFF09E",
"#79BD9A", "#0B486B", "#79BD9A",
"#CFF09E", "#79BD9A", "#0B486B",
]
const fig = plt.figure({
title: "Categorical Heatmap",
tools: "hover",
toolbar_location: null,
x_range: factors,
y_range: factors,
})
fig.rect(x, y, 1, 1, {color: colors})
return fig
}
plt.show(new Row({children: [hm(), dot()], sizing_mode: "scale_width"}))
}