web_widget_bokeh_chart

Web Widget Bokeh Chart

This module add the possibility to insert Bokeh charts into Odoo standard views.

Bokeh 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.

If you want to see some samples of bokeh's capabilities follow this link.

Table of contents

• Installation
• Usage
  • Using a Char field
  • Using a Json field
• Known issues / Roadmap
• Bug Tracker
• Credits
  • Authors
  • Contributors
  • Other credits
  • Maintainers

Installation

You need to install the python bokeh library:

pip3 install bokeh==3.1.1

Usage

To insert a Bokeh chart in a view proceed as follows:

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
   

Known issues / Roadmap

1. On 17, we could remove the char field and only use the Json Field

Bug Tracker

Bugs are tracked on GitHub Issues. In case of trouble, please check there if your issue has already been reported. If you spotted it first, help us to smash it by providing a detailed and welcomed feedback.

Do not contact contributors directly about support or help with technical issues.

Credits

Authors

• ForgeFlow
• Creu Blanca

Contributors

• Jordi Ballester Alomar <[email protected]>
• Lois Rilo Antelo <[email protected]>
• Artem Kostyuk <[email protected]>
• Christopher Ormaza <[email protected]>
• Enric Tobella <[email protected]>
• Oriol Miranda Garrido <[email protected]>
• Bernat Puig Font <[email protected]>

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.