2014-07-22 3 views
2

검도를 사용하여 차트를 만들고 문제가 발생했습니다.강제 날짜 검도의 축 Dataviz의 모든 값이

나는 데이터의 부하를 받고 차트로 전달하고있어, 데이터는 날짜와 값을 가지고, 내 JS는 다음과 같습니다

이 더 있다는이
chart.kendoChart({ 
       title: { 
        text: "title" 
       }, 
       seriesDefaults: { 
        type: "line" 
       }, 
       dataSource: { 
        data: [] 
       }, 
       series: [{ 
        name: "Value", 
        field: "value" 
       }] 
       categoryAxis: [{ 
        type: "date", 
        field: "date", 
        baseUnit: "months", 
        min: "2013-07-22T00:00:00", 
        max: "2014-07-22T00:00:00" 
       }] 
      }); 

문제가되는 경우 반환 된 데이터 (위와 같은 빈 배열) 나는 여전히 월 날짜 레이블을 맨 아래쪽에 표시하고 싶지만 아무 것도 없습니다 (Y 축 위로 여전히 기본값 레이블이 있습니다).

나는 검도 문서를보고 거기에 아무것도 찾을 수 없으며 stackoverflow에 대한 비슷한 질문이 없습니다. 누구든지 도와 줄 수 있습니까? 설명/제공해야 할 것이 있다면 의견에 알려주십시오. 감사.

+0

보통 차트가 null 값을 기입합니다. 선이 보이지 않거나 막대가 보이지만 축 레이블이 나타납니다. null로 빈 배열을 채울 수 있습니까? –

답변

1

데이터가없는 달에 null 값으로 데이터를 채우면 문제를 해결할 수 있습니다.

예를 들어이 Fiddle를 참조하십시오

은 또한 아래의 샘플 코드를 참조하십시오

var _data=[{"weight":200,"createddate":"1/1/2014"}, 
     {"weight":200,"createddate":"2/1/2014"}, 
     {"weight":200,"createddate":"3/1/2014"}, 
     {"weight":149.91,"createddate":"4/1/2014"}, 
     {"weight":null,"createddate":"5/1/2014"}, 
     {"weight":null,"createddate":"6/1/2014"}, 
     {"weight":null,"createddate":"7/1/2014"}, 
     {"weight":null,"createddate":"8/1/2014"}, 
     {"weight":null,"createddate":"9/1/2014"}, 
     {"weight":null,"createddate":"10/1/2014"}, 
     {"weight":null,"createddate":"11/1/2014"}, 
     {"weight":null,"createddate":"12/1/2014"}] 

     $("#kk").kendoChart({ 
      dataSource: { 
       data:_data 
      }, 
      seriesColors: ["Red"],     
      seriesDefaults: { 
       type: "column", 
      }, 
      series: [{ 
       name: "weight", 
       field: "weight", 
       categoryField: "createddate", 
      }], 
      categoryAxis: { 
       type: "date", 
       baseUnit: "months" 
      }       
     });