TypeScript bokehjs.Plotting类代码示例

OGeek|极客世界-中国程序员成长平台 › 门户 › 编程› TypeScript›TypeScript教程

原作者: [db:作者] 来自: [db:来源] 收藏邀请

本文整理汇总了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)
}

开发者ID:digitalsatori，项目名称:Bokeh，代码行数:30，代码来源:anscombe.ts

示例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
  }

开发者ID:digitalsatori，项目名称:Bokeh，代码行数:16，代码来源:categorical.ts

示例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"}))
}

开发者ID:digitalsatori，项目名称:Bokeh，代码行数:29，代码来源:categorical.ts

注：本文中的bokehjs.Plotting类示例由纯净天空整理自Github/MSDocs等源码及文档管理平台，相关代码片段筛选自各路编程大神贡献的开源项目，源码版权归原作者所有，传播和使用请参考对应项目的License；未经允许，请勿转载。