# bokeh-vue

> show bokeh chart in vue

Latest version **0.0.5** (published 2019-03-01) · MIT license · 0 weekly downloads

## Install

```sh
npm install bokeh-vue
pnpm add bokeh-vue
yarn add bokeh-vue
bun add bokeh-vue
```

## Health

**Score 15/100 (F)** — status: abandoned.

Positive: no vulnerabilities.

Warnings: low downloads; no types; no esm support; pre 1.0.

Negative: abandoned; low maintenance score.

## Facts

| | |
|---|---|
| Version | 0.0.5 |
| Published | 2019-03-01 |
| First published | 2018-12-29 |
| Weekly downloads | 0 |
| License | MIT |
| TypeScript types | none |
| Module format | CommonJS |
| Dependencies | 0 |
| Unpacked size | 4.5 KB |
| Known vulnerabilities | 0 |
| Install scripts | no |
| GitHub stars | 4 |
| Author | lu |
| Maintainers | lccc |
| Keywords | bokeh, vue |

## Links

- npm: https://www.npmjs.com/package/bokeh-vue
- Repository: https://github.com/cclc/bokeh-vue
- Homepage: https://github.com/cclc/bokeh-vue#readme
- Issues: https://github.com/cclc/bokeh-vue/issues
- npm.io page: https://npm.io/package/bokeh-vue

## Recent versions

- 0.0.5 (latest) — 2019-03-01
- 0.0.4 — 2019-01-27
- 0.0.3 — 2018-12-29
- 0.0.2 — 2018-12-29
- 0.0.1 — 2018-12-29

## README

## Show bokeh chart in vue

### Installation
```
npm i bokeh-vue --save
```

### Usage
```javascript
<template>
  <div>
    <bokeh-vue :plot="plot"></bokeh-vue>
  </div>
</template>

<script>
import BokehVue from 'bokeh-vue'
export default {
  components: {
    'bokeh-vue': BokehVue
  },
  data () {
    plot: {}
  },
  mounted () {
    this.plot = {
      'bokehVersion': '1.0.2',
      'div': '["<div class="bk-root" id="74694b03-e536-4de1-b629-e5c7cc63a5fa"></div>"]',
      'script': '["(function() {↵  var fn = function() {↵    Bokeh.sa…t.addEventListener("DOMContentLoaded", fn);↵})();"]'
    }
  }
}
</script>
```
You must input the value of 'bokehVersion'

The type of 'div' and 'script' is array


### Backend python code
```python
script, div = components(p, wrap_script=False)
return {'div':div, 'script':script}
```

---
_Source: https://npm.io/package/bokeh-vue · Machine-readable twin of the npm.io package page. Health data is recomputed on every publish._