Как интегрировать диаграммы D3 в платформу Odoo?

Question

Я новичок в стеке, я столкнулся с проблемой в odoo, мне нужно интегрировать диаграммы d3 для моей модели в виде формы в форме. Заранее спасибо.

Answer 1

Попробуйте это, Нам нужно настроить виджет в виде вида Поля в нашем файле view.xml.

view.xml

<form string="Graph"> 
        <field name="name" widget="test"/>  
</form> 

Необходимо создать один JS файл, то мы должны расширить класс-openerp.web.form.FieldChar.extend, как это,

D3_chart.js

openerp.transform_organization_chart = function(openerp) { 


    openerp.web.form.widgets.add('test','openerp.web.form.test'); 

    openerp.web.form.test = openerp.web.form.FieldChar.extend(
      { 
       template: 'test-button', 

       init: function() { 
        this._super.apply(this, arguments); 
        this._start = null; 
       }, 

       start: function() { 
        console.log('START'); 
        this.Myfunction(); 
       }, 



       Myfunction: function() 

       { 


       } 



      }); 
} 

Создайте файл template.xml для нашей диаграммы. Здесь нам нужно написать html-шаблон . Идентификатор шаблона и имя расширенного поля должны быть одинаковыми.

template.xml

<template id="test-button"> 
<script type="text/javascript" src="/transform_organization_chart/static/src/js/d3.js"></script> 
      <div t-name="test-button"> 
       <div id="orgChartContainer"> 
        <div id="orgChart"></div> 
        </div> 
       <div id="consoleOutput"></div> 
      </div> 
</template>