C3 눈금 표시가 API로드 후 데이터와 정렬되어 있지 않습니다.

Question

이 코드는 사용자 프로필에 표시되는 차트입니다. 특정 날짜 범위 (주별, 월별, 년별, 평생)에 대한 통계를 표시하는 그래프입니다. 우리가 기본값으로 설정 한 범위는 눈금이 데이터 포인트와 완벽하게 일렬로 정렬됩니다. 다른 간격을 선택할 때마다 틱이 더 이상 정렬되지 않습니다. 차트

초기 세대 :

this.chartSpline = C3.generate({ 
      bindto: '.splineChart', 
      colors:'#1BA39C', 
      data: { 
       xFormat: '%m-%d-%Y', 
       columns: [this.columns, this.rows], 
       type: 'area-spline', 
       x: 'Date', 
      }, 
      padding: { 
       right: 100, 
       left: 100, 
      }, 
      axis: { 
       x: { 
        type : 'timeseries', 
        tick:{ 
         fit: true, 
         count: this.rows.length/2, 
         format: '%m/%d', 
        }, 
        padding:{ 
         left:0, 
         right: 10 
        } 
       }, 
       y: { 
        padding:{ 
         top:50, 
         bottom: 0 
        }, 
        label: { 
         text: 'Minutes played', 
           position: 'outer-middle' 
        } 
       } 
      }, 
      point: { 
       r: 8, 
      }, 
      legend: { 
       show: false 
      } 
     }); 

상기 코드는 하나 개의 백본보기에서, 우리는로드 기능을 갖는 다른 골격 뷰로드. 사용자가 새 기간을 선택하면로드 함수가 호출됩니다.

this.plot.load({columns: [columns, rows]}); 

도움을 주시면 큰 도움이 될 것입니다. 감사!

Answer 1

나는이 코드 조각을 제거있어 :

count: this.rows.length/2, 

을하고 지금

을 잘 작동