2016-09-27 78 views
2

我正在實現一個窗口小部件專業版(在Jaspersoft Studio Professional 6.1中),特別是甘特圖,它基本上列出了公司運行的所有項目。數據是正確的,圖表按預期工作,但我似乎找不到根據「項目」數量動態調整圖表對象的方法,例如,現在我有5個項目,甘特圖看起來很好,w = 802px h = 183px。但是如果我有10個項目,組件不會調整大小,這意味着它不會在其高度上「增長」,以適應新項目導致的不可讀圖表。Resize Widgets Pro(甘特)

是否可以根據我要顯示的項目數量自動調整組件大小,可能會增加到報告的另一頁?

我需要執行哪些步驟,類等以使其正常工作?此組件沒有定製程序類選項。

這可能嗎?

謝謝你的幫助:)

回答

4

@Synamoon!我從你的問題陳述中瞭解到,當存在大量數據時,你的甘特圖變得笨拙。圖表的大小是固定的,根據它的數據內容,但使用但是,圖表大小是可以改變的API不調整自身 -

yourChartObj.resizeTo(width, height); 

但在你的情況我建議你使用甘特的滾動功能FusionCharts的圖表可以解決您的問題。

這裏是具有甘特圖滾動功能的一個例子 -

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>

您可以探索更多有關herehere甘特圖屬性和設置和各種甘特圖的實施方式。

如果您有任何其他問題,請讓我知道。

謝謝!

+0

感謝您的回覆Arnab003,我會盡快測試這個,只要我有一個更穩定的報告。現在,由於任務分組功能,我在甘特圖的另一個問題上遇到了一些麻煩。 – Synamoon

+0

當然!隨時分享您的問題...謝謝! :) – Arnab003