Resize Widgets Pro（Gantt）

Question

私はウィジェットプロチャート（Jaspersoft Studio Professional 6.1）、具体的にはガントチャートを実装しています。これは、基本的に会社内で実行されているすべてのプロジェクトをリストしています。データは正確で、グラフは期待どおりに機能しますが、私は、プロジェクトの数に応じて動的にチャートオブジェクトのサイズを変更する方法を見つけることができないようです。たとえば、5つのプロジェクトがあり、 802px h = 183pxしかし、もし私が10のプロジェクトを持っていれば、コンポーネントはサイズ変更されません。つまり、新しいプロジェクトに合うように高さが "成長"しないので、読めないグラフにつながります。

表示するプロジェクトの数に応じてコンポーネントのサイズを自動的に変更できます。レポートの別のページに拡大する可能性がありますか？

これを正しく動作させるには、どのようなステップ、クラスなどを実装する必要がありますか？このコンポーネントのカスタマイザクラスオプションはありません。

これはまったく可能ですか？

ありがとうございました。

Answer 1

@Synamoon！大量のデータがあるときにガントチャートが不調になるという問題文から私が理解していること。グラフのサイズは固定であり、それはそれに応じて自身のサイズを変更していないデータの内容だが、しかし、チャートのサイズはAPI使用して変更することができます -

yourChartObj.resizeTo(width, height); 

をしかし、あなたの場合には、私はガントのスクロール機能を使用するためにあなたを示唆しているであろうあなたの問題を解決するFusionChartsのグラフ。あなたはhereからhere、様々なガントチャートの実装からガントチャートの属性と設定についての詳細を調べることができ

FusionCharts.ready(function() { 
 
    var smoPlan = new FusionCharts({ 
 
     type: 'gantt', 
 
     renderAt: 'chart-container', 
 
     width: '650', 
 
     height: '300', 
 
     dataFormat: 'json', 
 
     dataSource: { 
 
      "chart": { 
 
       "dateformat": "mm/dd/yyyy", 
 
       "caption": "Project Gantt", 
 
       "subcaption": "From 1st Feb 2007 - 31st Aug 2007", 
 
       "ganttpaneduration": "3", 
 
       "ganttpanedurationunit": "m", 
 
       "showborder": "0" 
 
      }, 
 
      "categories": [ 
 
       { 
 
        "category": [ 
 
         { 
 
          "start": "02/01/2007", 
 
          "end": "04/01/2007", 
 
          "label": "Q1" 
 
         }, 
 
         { 
 
          "start": "04/01/2007", 
 
          "end": "07/01/2007", 
 
          "label": "Q2" 
 
         }, 
 
         { 
 
          "start": "07/01/2007", 
 
          "end": "09/01/2007", 
 
          "label": "Q3" 
 
         } 
 
        ] 
 
       }, 
 
       { 
 
        "category": [ 
 
         { 
 
          "start": "02/01/2007", 
 
          "end": "03/01/2007", 
 
          "label": "Feb" 
 
         }, 
 
         { 
 
          "start": "03/01/2007", 
 
          "end": "04/01/2007", 
 
          "label": "Mar" 
 
         }, 
 
         { 
 
          "start": "04/01/2007", 
 
          "end": "05/01/2007", 
 
          "label": "Apr" 
 
         }, 
 
         { 
 
          "start": "05/01/2007", 
 
          "end": "06/01/2007", 
 
          "label": "May" 
 
         }, 
 
         { 
 
          "start": "06/01/2007", 
 
          "end": "07/01/2007", 
 
          "label": "Jun" 
 
         }, 
 
         { 
 
          "start": "07/01/2007", 
 
          "end": "08/01/2007", 
 
          "label": "Jul" 
 
         }, 
 
         { 
 
          "start": "08/01/2007", 
 
          "end": "09/01/2007", 
 
          "label": "Aug" 
 
         } 
 
        ] 
 
       } 
 
      ], 
 
      "processes": { 
 
       "fontsize": "12", 
 
       "isbold": "1", 
 
       "align": "right", 
 
       "headertext": "What to do?", 
 
       "headerfontsize": "18", 
 
       "headervalign": "bottom", 
 
       "headeralign": "right", 
 
       "process": [ 
 
        { 
 
         "label": "Identify Customers" 
 
        }, 
 
        { 
 
         "label": "Survey 50 Customers" 
 
        }, 
 
        { 
 
         "label": "Interpret Requirements" 
 
        }, 
 
        { 
 
         "label": "Study Competition" 
 
        }, 
 
        { 
 
         "label": "Documentation of features" 
 
        }, 
 
        { 
 
         "label": "Brainstorm concepts" 
 
        }, 
 
        { 
 
         "label": "Design & Code" 
 
        }, 
 
        { 
 
         "label": "Testing/QA" 
 
        }, 
 
        { 
 
         "label": "Documentation of product" 
 
        }, 
 
        { 
 
         "label": "Global Release" 
 
        } 
 
       ] 
 
      }, 
 
      "datatable": { 
 
       "headervalign": "bottom", 
 
       "datacolumn": [ 
 
        { 
 
         "headertext": "Who does?", 
 
         "headerfontsize": "18", 
 
         "headervalign": "bottom", 
 
         "headeralign": "right", 
 
         "align": "left", 
 
         "fontsize": "12", 
 
         "text": [ 
 
          { 
 
           "label": "John" 
 
          }, 
 
          { 
 
           "label": "David" 
 
          }, 
 
          { 
 
           "label": "Mary" 
 
          }, 
 
          { 
 
           "label": "Andrew" 
 
          }, 
 
          { 
 
           "label": "Tiger" 
 
          }, 
 
          { 
 
           "label": "Sharon" 
 
          }, 
 
          { 
 
           "label": "Neil" 
 
          }, 
 
          { 
 
           "label": "Harry" 
 
          }, 
 
          { 
 
           "label": "Chris" 
 
          }, 
 
          { 
 
           "label": "Richard" 
 
          } 
 
         ] 
 
        } 
 
       ] 
 
      }, 
 
      "tasks": { 
 
       "task": [ 
 
        { 
 
         "start": "02/04/2007", 
 
         "end": "02/10/2007" 
 
        }, 
 
        { 
 
         "start": "02/08/2007", 
 
         "end": "02/19/2007" 
 
        }, 
 
        { 
 
         "start": "02/19/2007", 
 
         "end": "03/02/2007" 
 
        }, 
 
        { 
 
         "start": "02/24/2007", 
 
         "end": "03/02/2007" 
 
        }, 
 
        { 
 
         "start": "03/02/2007", 
 
         "end": "03/21/2007" 
 
        }, 
 
        { 
 
         "start": "03/21/2007", 
 
         "end": "04/06/2007" 
 
        }, 
 
        { 
 
         "start": "04/06/2007", 
 
         "end": "07/21/2007" 
 
        }, 
 
        { 
 
         "start": "07/21/2007", 
 
         "end": "08/19/2007" 
 
        }, 
 
        { 
 
         "start": "07/28/2007", 
 
         "end": "08/24/2007" 
 
        }, 
 
        { 
 
         "start": "08/24/2007", 
 
         "end": "08/27/2007" 
 
        } 
 
       ] 
 
      } 
 
     } 
 
    }).render(); 
 
});

<script src="http://static.fusioncharts.com/code/latest/fusioncharts.js"></script> 
 
<div id="chart-container">FusionCharts will render here</div>

- ここ

は、スクロール機能を持​​つガントチャートの一例です。

ご不明な点がありましたらお知らせください。

ありがとうございました！