vtiger - ハイチャートを vtiger に統合しますか?

Question

vtiger グラフの外観をハイチャートの外観に変更しようとしています。しかし、私は vtiger を初めて使用するので、vtiger グラフのレイアウトを変更するのを手伝ってください。

Answer 1

カスタム ダッシュボードを使用して、vTiger にハイチャートを統合しました。

ハイチャートを vTiger に統合するには、以下の手順に従ってください。

• すべてのハイチャート JS ファイルを含める

• 新しい tpl ファイル /layouts/vlayout/modules/Home/Dashboards/customreports.tpl を追加し、

• DashboardPreProcess.tpl ファイルに含めます

• JS ファイルは次のようになります。

  jQuery.Class("Home_ChartView_Js",{
  },{
  lead_by_status : function(){
  
      var form=jQuery('#frm_slreport');
  
      form.find('.btn_sl_report').on('click',function(e){
          console.log("Click");
      var sl_fromdate  = form.find('[name="sl_fromdate"]').val();
      var sl_todate  = form.find('[name="sl_todate"]').val();
      console.log(sl_fromdate);
      console.log(sl_todate);
  
              /* AJAX CALL */
  
      var progressIndicatorElement = jQuery.progressIndicator({
          'position' : 'html',
          'blockInfo' : {
          'enabled' : true,
          'elementToBlock' : jQuery('#sl_report')
      }
      });
      var params = {};
      params['module'] = 'Accounts';
      params['parent'] = '';
      params['view'] = 'LoadChartData';
      params['mode'] = 'loadChart_lead_by_status';
      params['edate'] = sl_todate;
      params['start_date'] = sl_fromdate;
      //console.log(params);
  
      AppConnector.request(params).then(function(data){
              var returnedData = JSON.parse(data);
              var fdata=returnedData.result.fdata;
              console.log(fdata);
                                  //fdata=JSON.parse(fdata);
              var data1=[{
                              name: 'Counter',
                              colorByPoint: true,
                              data: eval(fdata)
                         }];
              $('#sl_report').highcharts({
                      chart: {
                      type: 'column'
                      },
                      title: {
                      text: sl_fromdate+' to '+sl_todate
                      },
                      xAxis: {
                      type: 'category'
                      },
  
                      legend: {
                      enabled: false
                      },
  
                      plotOptions: {
                      series: {
                          borderWidth: 0,
                          dataLabels: {
                              enabled: true
                          }
                      }
                      },
  
                      series: data1,
                      drilldown: {}
              });
  
              progressIndicatorElement.progressIndicator({mode : 'hide'});
      });
  
  
  
              /* AJAX CALL */
  
  
  
  });
  },
  });
  

• btn_sl_reportid は customreports.tpl に存在する必要があります

• ビュー ファイルを、Ajax 呼び出しで言及した関数名で更新します。

ハイチャートをvTigerに統合するのに役立つことを願っています.

Answer 2

どの図を意味しますか？これらのファイルを確認できますが：

VTRoot-> / modules/Dashboard/
horizo​​ntal_bargraph.php VTRoot-> /modules/Dashboard/vertical_bargraph.php VTRoot-
> /modules/Potentials/Charts.php

ソースによるリードの場合：

VTRoot-> /modules/Dashboard/Chart_pipeline_by_lead_source.php