'rallychart'구성 요소가 포함 된 혼합 시리즈 유형

Question

'rallychart'구성 요소를 사용하여 내 차트에 HighCharts 차트를 추가하려고합니다. 내가 다시 찾고 차트는 여기에서 볼 수있다 :

http://jsfiddle.net/sdWr3/

그것은 원하는 효과를 달성하기 위해 '라인'과 'columnrange'요소의 조합을 사용합니다. 나는 다음과 같이 구성을 설정하여 'rallychart'를 사용하여 개별적으로 렌더링 할 차트 유형을 모두 얻을 수 있습니다 :이 설정을 지정하고, 대신에 I처럼 시리즈 개체에서 차트 유형을 지정하지 않으면

chartConfig: 
    chart : { 
     type : 'line' //Or 'columnrange' 
    } 
} 

이것은 아마도 문제가 될 수 있다면이 내 구성에 오류 경우, 또는

잘 모르겠어요 : 이전 예제에서, 나는 차트를 렌더링 할 때 다음 오류 메시지를 얻을 수있다 구성 요소 자체.

Answer 1

나는 버그를 제출했다. 차트 유형의 조합을 사용하지 않고 columnrange의 코드 만 사용하면 type: 'columnrange'이 시리즈에 설정된 경우에도 동일한 오류가 반환됩니다. 설정되어있는 경우 작동합니다.

chartConfig: { 

     chart:{type: 'columnrange'} 

} 

하지만 혼합형 차트가 필요한 경우에는 도움이되지 않습니다. 시리즈에서 다른 유형을 테스트했을 때 (예 : column,이 문제가 모든 유형에 영향을 미치지 않는 것으로 보입니다.

Ext.define('CustomApp', { 
    extend: 'Rally.app.App', 
    componentCls: 'app', 

    launch: function() { 
     this._makeChart(); 
    }, 

    _makeChart:function(){ 
    var _series = [ 

       { 
      type : 'columnrange', 
      name : 'Range', 
      data : [ 
        [-9.7, 9.4], 
        [-8.7, 6.5], 
        [-3.5, 9.4], 
        [-1.4, 19.9], 
        [0.0, 22.6], 
        [2.9, 29.5], 
        [9.2, 30.7], 
        [7.3, 26.5], 
        [4.4, 18.0], 
        [-3.1, 11.4], 
        [-5.2, 10.4], 
        [-13.5, 9.8] 
      ], 
      pointWidth: 4 
      } 
      ]; 

     this.add(
     { 
      xtype: 'rallychart', 
      viewConfig: { 
       loadMask: false 
      }, 
      id: 'chart', 
      chartConfig: { 
     //chart:{type: 'columnrange'} 
     chart:{} 
      }, 

      chartData: { 
     categories: ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec'], 
       series: _series 
      } 

     }); 

    } 
}); 

또 다른 세부 사항이 있습니다. chartData 안에 categories을 설정하고 xAxis에 설정하지 않았습니다. chartConfig.xAxis.categories 덮어 쓰기되는 것을 source를 참조하십시오 :

이 chartData에 정의되어 있지만 chartConfig.xAxis에 정의되어 있지 않은 경우

chartConfig.xAxis.categories = this.chartData.categories; 

, x 축에 값이 영향을주지 것입니다.