Web Widget JSON Graph

Draw json fields with graphs.

Technical Name:
web_widget_json_graph
Version:
12.0
License:
Author:
Vauxoo
  • Odoo Version

Web Widget JSON Graph

Beta License: LGPL-3 OCA/web Translate me on Weblate Try me on Runbot

This module allows to load a line graph per ordered pair from an One2many or Many2many field.

Widget in action

Table of contents

Usage

Use this widget by including:

<field name="field_text_json" widget="json_graph" />

For example:

<field name="values_data" widget="json_graph"/>

The JSON needs to be like:

fields = ['field1', 'field2', 'field3', ...]
field_x = 'field_x'
dictionary = self.value_ids.sorted(field_x).read(fields)
color = {
    'field1': HEXCOLOR1,
    'field2': '#FFBB78',
    'field3': '#1F77B4',
    ...
}
dictionary = self.value_ids.sorted(field_x).read(fields)
content = {}
data = []
for field in fields:
    if field != field_x:
        content[field] = []
        for rec in dictionary:
            content[field].append({'x': rec[field_x], 'y': rec[field]})
        if field in color:
            data.append({'values': content[field], 'key': field,
                'color': color[field]})
            continue
        data.append({'values': content[field], 'key': field})
info = {
    'label_x': 'X Label',
    'label_y': 'Y label',
    'data': data
}
self.field_text_json = json.dumps(info)

For example:

fields = ['sequence', 'value', 'sma', 'cma']
field_x = 'sequence'
dictionary = self.value_ids.sorted(field_x).read(fields)
color = {
    'value': '#2CA02C',
    'sma': '#FFBB78'
}
dictionary = self.value_ids.sorted(field_x).read(fields)
content = {}
data = []
for field in fields:
    if field != field_x:
        content[field] = []
        for rec in dictionary:
            content[field].append({'x': rec[field_x], 'y': rec[field]})
        if field in color:
            data.append({'values': content[field], 'key': field,
                'color': color[field]})
            continue
        data.append({'values': content[field], 'key': field})
info = {
    'label_x': 'Sequence',
    'label_y': '',
    'data': data
}
self.values_data = json.dumps(info)

Known issues / Roadmap

  • nolabel is ignored, this image will never bring a label, by default simply use an extra separator.
  • A graph will always use 100% of the width, pending the css dynamic attribute.
  • Height is harcoded.

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 smashing it by providing a detailed and welcomed feedback.

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

Credits

Authors

  • Vauxoo

Contributors

Other credits

Vauxoo

Maintainers

This module is maintained by the OCA.

Odoo Community Association

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 maintainer:

luisg123v

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.

This is a preview of the recently viewed products by the user.
Once the user has seen at least one product this snippet will be visible.

Recently viewed Products