Skip to content
Merged
Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
64 commits
Select commit Hold shift + click to select a range
0722eda
[9.0][ADD] web_widget_bokeh_chart
LoisRForgeFlow Sep 6, 2017
691d322
[10.0][MIG] web_widget_bokeh_chart
LoisRForgeFlow Dec 27, 2017
447cb90
[FIX] web_widget_bokeh: Fix README syntax
pedrobaeza Feb 7, 2018
0e860cf
[MIG] web_widget_bokeh_chart: Migration to 11.0
Feb 16, 2018
53cf88a
[UPD] Update web_widget_bokeh_chart.pot
oca-travis Jun 24, 2018
fa4380f
[FIX] Display bug web_widget_bokeh_chart
AdriaGForgeFlow Feb 14, 2019
1883ee9
[11.0][FIX] web_widget_bokeh_chart: fix grahs expanding outside the c…
LoisRForgeFlow Mar 8, 2019
6221356
[MIG] web_widget_bokeh_chart: Migration to 12.0
MiquelRForgeFlow Mar 20, 2019
9179029
[MIG] bokeh library to version 1.1.0
AdriaGForgeFlow May 24, 2019
6832494
[UPD] README.rst
OCA-git-bot Jul 31, 2019
aa12cbe
[UPD] Update web_widget_bokeh_chart.pot
oca-travis Jul 31, 2019
023ea25
Added translation using Weblate (Chinese (Simplified))
liweijie0812 Sep 1, 2019
db80eb3
[12.0][IMP][web_widget_bokeh_chart] Render readonly the widget to per…
robyf70 Sep 9, 2019
e9f9b87
web_widget_bokeh_chart 12.0.1.0.1
OCA-git-bot Sep 23, 2019
e304faa
[12.0] web_widget_bokeh_chart: update documentation and set a maintai…
LoisRForgeFlow Sep 27, 2019
bb41b14
[13.0][MIG] web_widget_bokeh_chart
AdriaGForgeFlow Dec 17, 2019
bd6afca
[UPD] Update web_widget_bokeh_chart.pot
oca-travis Dec 23, 2019
828787d
[UPD] README.rst
OCA-git-bot Dec 23, 2019
9c1bb9a
[IMP] pre-commit run after update
Jan 24, 2020
be22171
pre-commit update: prettier xml indent
sbidoul Mar 2, 2020
961260f
[UPD] README.rst
OCA-git-bot Jul 13, 2020
7871637
[UPD] README.rst
OCA-git-bot Jul 13, 2020
d921af6
[UPD] Eficent -> ForgeFlow
MiquelRForgeFlow Sep 30, 2020
7e3af27
[UPD] README.rst
OCA-git-bot Oct 16, 2020
4a41c75
[IMP] web_widget_bokeh_chart: black, isort, prettier
DavidBForgeFlow Feb 4, 2021
2454a2c
[MIG] web_widget_bokeh_chart: Migration to 14.0
DavidBForgeFlow Feb 4, 2021
b6e7069
[UPD] Update web_widget_bokeh_chart.pot
oca-travis Mar 31, 2021
1730707
[UPD] README.rst
OCA-git-bot Mar 31, 2021
d049054
[FIX] requirement for bokeh should specify the version
LoisRForgeFlow Mar 31, 2021
fcefcfd
[IMP] web_widget_bokeh_chart: Upgrade library version
etobella Apr 28, 2021
a96c643
[FIX] web_widget_bokeh_chart: Correct bokeh library versio in install…
DavidBForgeFlow Apr 30, 2021
8a954f7
[UPD] README.rst
OCA-git-bot Apr 30, 2021
aed0ba5
[15.0][MIG] web_widget_bokeh_chart
ChrisOForgeFlow Dec 10, 2021
ca62f53
[UPD] Update web_widget_bokeh_chart.pot
Jan 12, 2022
18b996e
[UPD] README.rst
OCA-git-bot Jan 12, 2022
4ca27d3
[FIX] web_widget_bokeh_chart: Activate script and div at the same time
BernatPForgeFlow Mar 9, 2022
faf9bb9
[DOC] web_widget_bokeh_chart
gurneyalex Apr 6, 2022
b2a65e1
web_widget_bokeh_chart 15.0.1.1.0
OCA-git-bot Apr 13, 2022
ad2cf8b
[UPD] README.rst
OCA-git-bot Apr 26, 2022
728a609
web_widget_bokeh_chart 15.0.1.1.1
OCA-git-bot Apr 26, 2022
8f44ef3
[MIG] web_widget_bokeh_chart: Migration to 16.0
OriolMForgeFlow Jun 6, 2023
af08ae3
[UPD] Update web_widget_bokeh_chart.pot
Jun 14, 2023
4793a39
[UPD] README.rst
OCA-git-bot Jun 14, 2023
21b3823
web_widget_bokeh_chart 16.0.1.0.1
OCA-git-bot Jun 14, 2023
70b4a81
Update translation files
weblate Jun 14, 2023
220a76d
[FIX] web_widget_bokeh_chart : bad image path breaks readme generation
legalsylvain Jul 26, 2023
c8e28ac
[UPD] README.rst
OCA-git-bot Jul 27, 2023
d9fd957
web_widget_bokeh_chart 16.0.1.0.2
OCA-git-bot Jul 27, 2023
2e5643c
[UPD] README.rst
OCA-git-bot Sep 3, 2023
488ca29
[FIX] web_widget_bokeh_chart: Make bokeh charts work when inputs change
BernatPForgeFlow Jul 12, 2023
6396a36
[BOT] post-merge updates
OCA-git-bot Nov 15, 2023
393c56f
Added translation using Weblate (Italian)
mymage Nov 27, 2023
3d1547d
[IMP] web_widget_bokeh_chart: pre-commit stuff
DavidJForgeFlow Jun 13, 2024
30d6d50
[MIG] web_widget_bokeh_chart: Migration to 17.0
DavidJForgeFlow Jun 13, 2024
923111d
[UPD] Update web_widget_bokeh_chart.pot
Jun 14, 2024
064a24e
[BOT] post-merge updates
OCA-git-bot Jun 14, 2024
ec28f3e
[IMP] web_widget_bokeh_chart: black, isort, prettier
JasminSForgeFlow Dec 19, 2024
e687ce4
[MIG] web_widget_bokeh_chart: Migration to 18.0
JasminSForgeFlow Feb 3, 2025
3b048cf
[UPD] Update web_widget_bokeh_chart.pot
Mar 3, 2025
1fa7584
[BOT] post-merge updates
OCA-git-bot Mar 3, 2025
042e64c
[UPD] dot-files; remove obsolete declarations of browser globals
StefanRijnhart Mar 25, 2025
7837c7e
[BOT] post-merge updates
OCA-git-bot Mar 25, 2025
0886e72
[MIG] web_widget_bokeh_chart: pre-commit auto fixes
PaulaMForgeFlow Mar 16, 2026
c98640b
[MIG] web_widget_bokeh_chart: Migration to 19.0
PaulaMForgeFlow Mar 16, 2026
File filter

Filter by extension

Filter by extension


Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
2 changes: 2 additions & 0 deletions requirements.txt
Original file line number Diff line number Diff line change
@@ -0,0 +1,2 @@
# generated from manifests external_dependencies
bokeh==3.9.0
227 changes: 227 additions & 0 deletions web_widget_bokeh_chart/README.rst
Original file line number Diff line number Diff line change
@@ -0,0 +1,227 @@
.. image:: https://odoo-community.org/readme-banner-image
:target: https://odoo-community.org/get-involved?utm_source=readme
:alt: Odoo Community Association

======================
Web Widget Bokeh Chart
======================

..
!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!
!! This file is generated by oca-gen-addon-readme !!
!! changes will be overwritten. !!
!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!
!! source digest: sha256:68a7602ff694c2f64f58b06737f39dd42cd2e76bce05f95ef2b540124ff0d98f
!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!

.. |badge1| image:: https://img.shields.io/badge/maturity-Production%2FStable-green.png
:target: https://odoo-community.org/page/development-status
:alt: Production/Stable
.. |badge2| image:: https://img.shields.io/badge/license-LGPL--3-blue.png
:target: http://www.gnu.org/licenses/lgpl-3.0-standalone.html
:alt: License: LGPL-3
.. |badge3| image:: https://img.shields.io/badge/github-OCA%2Fweb-lightgray.png?logo=github
:target: https://github.com/OCA/web/tree/19.0/web_widget_bokeh_chart
:alt: OCA/web
.. |badge4| image:: https://img.shields.io/badge/weblate-Translate%20me-F47D42.png
:target: https://translation.odoo-community.org/projects/web-19-0/web-19-0-web_widget_bokeh_chart
:alt: Translate me on Weblate
.. |badge5| image:: https://img.shields.io/badge/runboat-Try%20me-875A7B.png
:target: https://runboat.odoo-community.org/builds?repo=OCA/web&target_branch=19.0
:alt: Try me on Runboat

|badge1| |badge2| |badge3| |badge4| |badge5|

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

|Bokeh Chart inserted into an Odoo view|

`Bokeh <https://bokeh.pydata.org>`__ 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 <https://bokeh.pydata.org/en/latest/docs/gallery.html>`__.

.. |Bokeh Chart inserted into an Odoo view| image:: https://raw.githubusercontent.com/OCA/web/19.0/web_widget_bokeh_chart/static/description/example.png

**Table of contents**

.. contents::
:local:

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 <https://github.com/OCA/web/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 <https://github.com/OCA/web/issues/new?body=module:%20web_widget_bokeh_chart%0Aversion:%2019.0%0A%0A**Steps%20to%20reproduce**%0A-%20...%0A%0A**Current%20behavior**%0A%0A**Expected%20behavior**>`_.

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

Credits
=======

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 <https://github.com/bokeh/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.

.. image:: https://odoo-community.org/logo.png
:alt: Odoo Community Association
:target: https://odoo-community.org

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.

.. |maintainer-LoisRForgeFlow| image:: https://github.com/LoisRForgeFlow.png?size=40px
:target: https://github.com/LoisRForgeFlow
:alt: LoisRForgeFlow
.. |maintainer-JasminSForgeFlow| image:: https://github.com/JasminSForgeFlow.png?size=40px
:target: https://github.com/JasminSForgeFlow
:alt: JasminSForgeFlow

Current `maintainers <https://odoo-community.org/page/maintainer-role>`__:

|maintainer-LoisRForgeFlow| |maintainer-JasminSForgeFlow|

This module is part of the `OCA/web <https://github.com/OCA/web/tree/19.0/web_widget_bokeh_chart>`_ project on GitHub.

You are welcome to contribute. To learn how please visit https://odoo-community.org/page/Contribute.
1 change: 1 addition & 0 deletions web_widget_bokeh_chart/__init__.py
Original file line number Diff line number Diff line change
@@ -0,0 +1 @@
# License LGPL-3.0 or later (http://www.gnu.org/licenses/lgpl).
25 changes: 25 additions & 0 deletions web_widget_bokeh_chart/__manifest__.py
Original file line number Diff line number Diff line change
@@ -0,0 +1,25 @@
# Copyright 2017 ForgeFlow S.L.
# License LGPL-3.0 or later (http://www.gnu.org/licenses/lgpl).

{
"name": "Web Widget Bokeh Chart",
"category": "Hidden",
"summary": "This widget allows to display charts using Bokeh library.",
"author": "ForgeFlow, Odoo Community Association (OCA), Creu Blanca",
"version": "19.0.1.0.1",
"maintainers": ["LoisRForgeFlow", "JasminSForgeFlow"],
"development_status": "Production/Stable",
"website": "https://github.com/OCA/web",
"depends": ["web"],
"data": [],
"external_dependencies": {"python": ["bokeh==3.9.0"]},
"auto_install": False,
"license": "LGPL-3",
"assets": {
"web.assets_backend": [
"web_widget_bokeh_chart/static/src/js/web_widget_bokeh_chart.esm.js",
"web_widget_bokeh_chart/static/src/js/web_widget_bokeh_json_chart.esm.js",
"web_widget_bokeh_chart/static/src/xml/bokeh.xml",
],
},
}
14 changes: 14 additions & 0 deletions web_widget_bokeh_chart/i18n/it.po
Original file line number Diff line number Diff line change
@@ -0,0 +1,14 @@
# Translation of Odoo Server.
# This file contains the translation of the following modules:
#
msgid ""
msgstr ""
"Project-Id-Version: Odoo Server 16.0\n"
"Report-Msgid-Bugs-To: \n"
"Last-Translator: Automatically generated\n"
"Language-Team: none\n"
"Language: it\n"
"MIME-Version: 1.0\n"
"Content-Type: text/plain; charset=UTF-8\n"
"Content-Transfer-Encoding: \n"
"Plural-Forms: nplurals=2; plural=n != 1;\n"
13 changes: 13 additions & 0 deletions web_widget_bokeh_chart/i18n/web_widget_bokeh_chart.pot
Original file line number Diff line number Diff line change
@@ -0,0 +1,13 @@
# Translation of Odoo Server.
# This file contains the translation of the following modules:
#
msgid ""
msgstr ""
"Project-Id-Version: Odoo Server 18.0\n"
"Report-Msgid-Bugs-To: \n"
"Last-Translator: \n"
"Language-Team: \n"
"MIME-Version: 1.0\n"
"Content-Type: text/plain; charset=UTF-8\n"
"Content-Transfer-Encoding: \n"
"Plural-Forms: \n"
Empty file.
3 changes: 3 additions & 0 deletions web_widget_bokeh_chart/pyproject.toml
Original file line number Diff line number Diff line change
@@ -0,0 +1,3 @@
[build-system]
requires = ["whool"]
build-backend = "whool.buildapi"
7 changes: 7 additions & 0 deletions web_widget_bokeh_chart/readme/CONTRIBUTORS.md
Original file line number Diff line number Diff line change
@@ -0,0 +1,7 @@
- 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>\>
4 changes: 4 additions & 0 deletions web_widget_bokeh_chart/readme/CREDITS.md
Original file line number Diff line number Diff line change
@@ -0,0 +1,4 @@
- This module uses the library [Bokeh](https://github.com/bokeh/bokeh)
which is under the open-source BSD 3-clause "New" or "Revised"
License. Copyright (c) 2012, Anaconda, Inc.
- Odoo Community Association (OCA)
15 changes: 15 additions & 0 deletions web_widget_bokeh_chart/readme/DESCRIPTION.md
Original file line number Diff line number Diff line change
@@ -0,0 +1,15 @@
This module add the possibility to insert Bokeh charts into Odoo
standard views.

![Bokeh Chart inserted into an Odoo view](../static/description/example.png)

[Bokeh](https://bokeh.pydata.org) 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](https://bokeh.pydata.org/en/latest/docs/gallery.html).
3 changes: 3 additions & 0 deletions web_widget_bokeh_chart/readme/INSTALL.md
Original file line number Diff line number Diff line change
@@ -0,0 +1,3 @@
You need to install the python bokeh library:

pip3 install bokeh==3.1.1
1 change: 1 addition & 0 deletions web_widget_bokeh_chart/readme/ROADMAP.md
Original file line number Diff line number Diff line change
@@ -0,0 +1 @@
1. On 17, we could remove the char field and only use the Json Field
67 changes: 67 additions & 0 deletions web_widget_bokeh_chart/readme/USAGE.md
Original file line number Diff line number Diff line change
@@ -0,0 +1,67 @@
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
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Loading