Resize Widgets Pro (Gantt)

Question

저는 기본적으로 회사에서 실행중인 모든 프로젝트를 나열하는 위젯 차트 (Jaspersoft Studio Professional 6.1), 특히 간트 차트를 구현하고 있습니다. 데이터가 정확하고 차트가 예상대로 작동하지만 "프로젝트"의 수에 따라 차트 개체의 크기를 동적으로 조정할 수있는 방법을 찾는 것처럼 보입니다. 예를 들어 현재 5 개의 프로젝트가 있고 gantt는 w = 802px h = 183px 그러나 10 개의 프로젝트가있는 경우 구성 요소의 크기가 조정되지 않습니다. 즉, 새로운 프로젝트 마녀가 읽을 수없는 차트로 이어지는 높이에 "성장"하지 않는다는 의미입니다.

표시 할 프로젝트의 수에 따라 구성 요소의 크기를 자동으로 조정할 수 있습니까? 잠재적으로 보고서의 다른 페이지로 확장 될 수 있습니까?

제대로 작동하려면 어떤 단계, 클래스 등을 구현해야합니까? 이 구성 요소에는 사용자 정의 프로그램 클래스 옵션이 없습니다.

전혀 가능합니까?

감사합니다.

Answer 1

@Synamoon! 문제의 성명서에서 이해할 수있는 것은, 많은 양의 데이터가있을 때 Gantt 차트가 어색해진다는 것입니다. 차트 크기가 고정되어 그것이 데이터 내용 만하지만, 차트의 크기가 변경 될 수 있습니다 사용하는 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>

당신은 here에서 간트 차트 속성과 설정 here에서 다양한 간트 차트 구현에 대한 자세한 내용을 탐색 할 수 있습니다 -

다음은 Gantt 차트를 갖는 스크롤 기능의 예입니다.

추가 문의 사항이 있으면 알려 주시기 바랍니다.

감사합니다!