<img alt="License LGPL-3" src="https://img.shields.io/badge/licence-LGPL--3-blue.svg"> <a name="web-widget-bokeh-chart"></a> <h2>Web Widget Bokeh Chart</h2> <p>This module add the posibility to insert Bokeh charts into Odoo standard views.</p> <img alt="Bokeh Chart inserted into an Odoo view" src="/web_widget_bokeh_chart/static/description/example.png" style="width: 600px;" /> <p><a class="reference external" href="https://bokeh.pydata.org">Bokeh</a> is a Python interactive visualization library that targets modern web browsers for presentation. Its goal is to provide elegant, concise construction of basic exploratory and advanced custom graphics in the style of D3.js, but also deliver this capability with high-performance interactivity over very large or streaming datasets. Bokeh can help anyone who would like to quickly and easily create interactive plots, dashboards, and data applications.</p> <p>If you want to see some samples of bokeh's capabilities follow this <a class="reference external" href="https://bokeh.pydata.org/en/latest/docs/gallery.html">link</a>.</p> <a name="installation"></a> <h3>Installation</h3> <p>You need to install the python bokeh library:</p> <pre> <code>pip install bokeh==0.12.7</code> </pre> <a name="usage"></a> <h3>Usage</h3> <p>To insert a Bokeh chart in a view proceed as follows:</p> <ol class="arabic"> <li><p class="first">Declare a text computed field like this:</p> <pre> <code>bokeh_chart = fields.Text( string='Bokeh Chart', compute=_compute_bokeh_chart)</code> </pre> </li> <li><p class="first">In its computed method do:</p> <pre> <code>def _compute_bokeh_chart(self): for rec in self: # Design your bokeh figure: p = figure() line = p.line([0, 2], [1, 8], line_width=5) # (...) # Get the html components and convert them to string into the field. script, div = components(p) rec.bokeh_chart = '%s%s' % (div, script)</code> </pre> </li> <li><p class="first">In the view, add something like this wherever you want to display your bokeh chart:</p> <pre> <code>&lt;div&gt; &lt;field name=&quot;bokeh_chart&quot; widget=&quot;bokeh_chart&quot; nolabel=&quot;1&quot;/&gt; &lt;/div&gt;</code> </pre> </li> </ol> <a name="bug-tracker"></a> <h3>Bug Tracker</h3> <p>Bugs are tracked on <a class="reference external" href="https://github.com/OCA/web/issues">GitHub Issues</a>. In case of trouble, please check there if your issue has already been reported. If you spotted it first, help us smash it by providing detailed and welcomed feedback.</p> <a name="credits"></a> <h3>Credits</h3> <ul class="simple"> <li>This module uses the library <a class="reference external" href="https://github.com/bokeh/bokeh">Bokeh</a> which is under the open-source BSD 3-clause &quot;New&quot; or &quot;Revised&quot; License. Copyright (c) 2012, Anaconda, Inc.</li> <li>Odoo Community Association (OCA)</li> </ul> <a name="contributors"></a> <h4>Contributors</h4> <ul class="simple"> <li>Jordi Ballester Alomar &lt;<a class="reference external" href="mailto:jordi.ballester&#64;eficent.com">jordi.ballester&#64;eficent.com</a>&gt;</li> <li>Lois Rilo Antelo &lt;<a class="reference external" href="mailto:lois.rilo&#64;eficent.com">lois.rilo&#64;eficent.com</a>&gt;</li> </ul> <a name="maintainer"></a> <h4>Maintainer</h4> <a class="reference external image-reference" href="http://odoo-community.org"><img alt="Odoo Community Association" src="http://odoo-community.org/logo.png" /></a> <p>This module is maintained by the OCA.</p> <p>OCA, or the Odoo Community Association, is a nonprofit organization whose mission is to support the collaborative development of Odoo features and promote its widespread use.</p> <p>To contribute to this module, please visit <a class="reference external" href="http://odoo-community.org">http://odoo-community.org</a>.</p>