Browse Source

[9.0][ADD] web_widget_bokeh_chart

pull/870/head
lreficent 7 years ago
committed by Artem Kostyuk
parent
commit
283ef0d5c0
  1. 92
      web_widget_bokeh_chart/README.rst
  2. 1
      web_widget_bokeh_chart/__init__.py
  3. 22
      web_widget_bokeh_chart/__openerp__.py
  4. BIN
      web_widget_bokeh_chart/static/description/example.png
  5. BIN
      web_widget_bokeh_chart/static/description/icon.png
  6. 19
      web_widget_bokeh_chart/static/src/js/web_widget_bokeh_chart.js
  7. 1
      web_widget_bokeh_chart/static/src/lib/bokeh/bokeh-0.12.7.min.css
  8. 186
      web_widget_bokeh_chart/static/src/lib/bokeh/bokeh-0.12.7.min.js
  9. 4
      web_widget_bokeh_chart/static/src/lib/bokeh/bokeh-widgets-0.12.7.min.css
  10. 39
      web_widget_bokeh_chart/static/src/lib/bokeh/bokeh-widgets-0.12.7.min.js
  11. 15
      web_widget_bokeh_chart/views/web_widget_bokeh_chart.xml

92
web_widget_bokeh_chart/README.rst

@ -0,0 +1,92 @@
.. image:: https://img.shields.io/badge/licence-LGPL--3-blue.svg
:alt: License LGPL-3
======================
Web Widget Bokeh Chart
======================
This module add the posibility to insert Bokeh charts into Odoo standard views.
.. image:: /web_widget_bokeh_chart/static/description/example.png
:alt: Bokeh Chart inserted into an Odoo view
:width: 600 px
`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>`_.
Installation
============
You need to install the python bokeh library::
pip install bokeh==0.12.7
Usage
=====
To insert a Bokeh chart in a view proceed as follows:
#. Declare a text computed field like this::
bokeh_chart = fields.Text(
string='Bokeh Chart',
compute=_compute_bokeh_chart)
#. 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)
# (...)
# Get the html components and convert them to string into the field.
script, div = components(p)
rec.bokeh_chart = '%s%s' % (div, script)
#. 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>
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 smash it by providing detailed and
welcomed feedback.
Credits
=======
Contributors
------------
* Jordi Ballester Alomar <jordi.ballester@eficent.com>
* Lois Rilo Antelo <lois.rilo@eficent.com>
Maintainer
----------
.. image:: http://odoo-community.org/logo.png
:alt: Odoo Community Association
:target: http://odoo-community.org
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.
To contribute to this module, please visit http://odoo-community.org.

1
web_widget_bokeh_chart/__init__.py

@ -0,0 +1 @@
# -*- coding: utf-8 -*-

22
web_widget_bokeh_chart/__openerp__.py

@ -0,0 +1,22 @@
# -*- coding: utf-8 -*-
# Copyright 2017 Eficent Business and IT Consulting Services S.L.
# License AGPL-3.0 or later (http://www.gnu.org/licenses/agpl).#
{
"name": "Web Widget Bokeh Chart",
"category": "Hidden",
"summary": "This widget allows to display charts using Bokeh library.",
"author": "Eficent, "
"Odoo Community Association (OCA)",
"version": "9.0.1.0.0",
"website": "https://github.com/OCA/web",
"depends": ["web"],
"data": [
"views/web_widget_bokeh_chart.xml",
],
"external_dependencies": {
"python": ['bokeh'],
},
"auto_install": True,
"license": "AGPL-3",
}

BIN
web_widget_bokeh_chart/static/description/example.png

After

Width: 1558  |  Height: 839  |  Size: 152 KiB

BIN
web_widget_bokeh_chart/static/description/icon.png

After

Width: 128  |  Height: 128  |  Size: 2.4 KiB

19
web_widget_bokeh_chart/static/src/js/web_widget_bokeh_chart.js

@ -0,0 +1,19 @@
odoo.define('web_widget_bokeh_chart', function (require) {
"use strict";
var core = require('web.core');
var form_common = require('web.form_common');
var formats = require('web.formats');
var Model = require('web.Model');
var QWeb = core.qweb;
var BokehChartWidget = form_common.AbstractField.extend({
render_value: function() {
var self = this;
var val = this.get('value')
this.$el.html(val)
},
});
core.form_widget_registry.add('bokeh_chart', BokehChartWidget);
});

1
web_widget_bokeh_chart/static/src/lib/bokeh/bokeh-0.12.7.min.css
File diff suppressed because it is too large
View File

186
web_widget_bokeh_chart/static/src/lib/bokeh/bokeh-0.12.7.min.js
File diff suppressed because it is too large
View File

4
web_widget_bokeh_chart/static/src/lib/bokeh/bokeh-widgets-0.12.7.min.css
File diff suppressed because it is too large
View File

39
web_widget_bokeh_chart/static/src/lib/bokeh/bokeh-widgets-0.12.7.min.js
File diff suppressed because it is too large
View File

15
web_widget_bokeh_chart/views/web_widget_bokeh_chart.xml

@ -0,0 +1,15 @@
<?xml version="1.0" encoding="utf-8"?>
<odoo>
<template id="assets_backend" name="web_widget_bokeh_chart assets"
inherit_id="web.assets_backend">
<xpath expr="." position="inside">
<link rel="stylesheet" href="/web_widget_bokeh_chart/static/src/lib/bokeh/bokeh-0.12.7.min.css"/>
<link rel="stylesheet" href="/web_widget_bokeh_chart/static/src/lib/bokeh/bokeh-widgets-0.12.7.min.css"/>
<script type="text/javascript" src="/web_widget_bokeh_chart/static/src/lib/bokeh/bokeh-0.12.7.min.js"/>
<script type="text/javascript" src="/web_widget_bokeh_chart/static/src/lib/bokeh/bokeh-widgets-0.12.7.min.js"/>
<script type="text/javascript" src="/web_widget_bokeh_chart/static/src/js/web_widget_bokeh_chart.js"/>
</xpath>
</template>
</odoo>
Loading…
Cancel
Save