2014-02-21 4 views
3

나는 Kendo UI 막대 차트에 동적 배열로 채워져 있습니다.
한 번에 12 개의 항목으로 채워지고 한 번만 채워지는 항목이 1 개만 있습니다.
이제 바가 자동으로 크기가 조정됩니다. 배열에 하나의 항목 만 있으면 막대가 너무 커집니다.
구성에 "최대 너비"또는 "너비"속성이 없음을 알고 있습니다.검도 U 막대 그래프 폭/최대 막대 폭

내 문제의 일시적인 해결책이 있습니까? I.E. 간격/공간 또는 어떤 속성의 동적 계산? 또는 심지어 CSS 또는 그렇게? 여기

는 간단한 fiddle

var dataset = [1,2,3,3,5,6,8]; 
var dataOnlyOne = [10] 

//gap:0.2 

// gap: function(){ 
    return width/12*...  // works not 
} 

답변

2

그것되어 잠시 동안, 당신은 아마에 이동,하지만 난 ... 유사한 무언가를 찾고 있었다

귀하의 문제는 아래의 코드를 사용하여 해결 될 수

여기서 갭은 데이터 배열의 항목 수로부터 계산됩니다.

$(function() { 
    var data = [1,2,3,3,5,6,8,2,3,3,5,6,8]; 
    // var data = [10]; 
    var gap = 8/data.length 
    $('#chart').kendoChart({ 
     seriesDefaults: { 
      type: 'column', 
      stack: true, 
     }, 
     series: [ 
      { 
       name: 'dataset', 
       data: data, // dataOnlyOne 
       color: 'blue', 

       gap:gap 
      } 
     ] 
    }) 
}); 
+0

이것은 훌륭합니다 ... 많은 도움이되었습니다. 감사. – dmathisen