Using a Char field

1. Declare a text computed field like this:

   bokeh_chart = fields.Text(
       string='Bokeh Chart',
       compute='_compute_bokeh_chart',
   )
   

2. At the top of the module add the following imports:

   from bokeh.plotting import figure
   from bokeh.embed import components
   import json
   

3. In its computed method do:

   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)
           # (...)
           # fill the record field with both markup and the script of a chart.
           script, div = components(p, wrap_script=False)
           rec.bokeh_chart = json.dumps({"div": div, "script": script})
   

4. In the view, add something like this wherever you want to display your bokeh chart:

   <div>
       <field name="bokeh_chart" widget="bokeh_chart" nolabel="1"/>
   </div>
   

Using a Json field

1. Declare a json computed field like this:

   bokeh_chart = fields.Json(
       string='Bokeh Chart',
       compute='_compute_bokeh_chart',
   )
   

2. At the top of the module add the following imports:

   from bokeh.plotting import figure
   from bokeh.embed import components
   

3. In its computed method do:

   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)
           # (...)
           # fill the record field with both markup and the script of a chart.
           script, div = components(p, wrap_script=False)
           rec.bokeh_chart = {"div": div, "script": script}
   

4. In the view, add something like this wherever you want to display your bokeh chart:

   <div>
       <field name="bokeh_chart" widget="bokeh_chart_json
   

Authors

• ForgeFlow
• Creu Blanca

Contributors

• Jordi Ballester Alomar <jordi.ballester@forgeflow.com>
• Lois Rilo Antelo <lois.rilo@forgeflow.com>
• Artem Kostyuk <a.kostyuk@mobilunity.com>
• Christopher Ormaza <chris.ormaza@forgeflow.com>
• Enric Tobella <etobella@creublanca.es>
• Oriol Miranda Garrido <oriol.miranda@forgeflow.com>
• Bernat Puig Font <bernat.puig@forgeflow.com>

Other credits

• This module uses the library Bokeh which is under the open-source BSD 3-clause “New” or “Revised” License. Copyright (c) 2012, Anaconda, Inc.
• Odoo Community Association (OCA)

Maintainers

This module is maintained by the OCA.

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.

Current maintainers:

This module is part of the OCA/web project on GitHub.

You are welcome to contribute. To learn how please visit https://odoo-community.org/page/Contribute.