왜 내 검도 차트가 렌더링되지 않습니까?

Question

검도와 함께 제공되는 MVC 래퍼가 너무 제한적이어서 따르기가 어렵다고 결정했습니다. Telerik은 차트의 한 점의 색상을 계산하기 위해 Javascript 함수를 호출하는 기능을 추가했습니다. 그러나 나는 MVC

이 구문의 예를 찾을 수 없습니다

그래서 난 내 자바 스크립트를 생성하고

그러나 내 cshtml 파일이 사용하는 데 도움이되는 래퍼를 사용하기로 결정, 나는이 내 차트를 수행 할 때 렌더링되지 않습니까?

<div id="chartContainer" class="chartContainer"> 

    <script> 
     function CreateChart() { 
      $("#kendoChart").kendoChart({ 
       "chartArea": { 
        "border": { 
         "width": 1, 
         "dashType": "solid", 
         "color": "#cdcdcd" 
        } 
       }, 
       "plotArea": { 
        "margin": { 
         "top": 0, 
         "right": 0, 
         "bottom": 0, 
         "left": 0 
        } 
       }, 
       "legend": { 
        "visible": false 
       }, 
       "series": [{ 
        "name": "Consumption", 
        "type": "column", 
        "field": "Consumption", 
        "categoryField": "PeriodDateTime" 
       }], 
       "categoryAxis": [{ 
        "labels": { 
         "format": "dd/MM/yy", 
         "rotation": -90, 
         "step": 48 
        }, 
        "majorGridLines": { 
         "visible": false 
        }, 
        "type": "date", 
        "baseUnit": "minutes", 
        "baseUnitStep": 30 
       }], 
       "valueAxis": [{ 
        "labels": { 
         "format": "{0:N0}" 
        }, 
        "line": { 
         "visible": false 
        }, 
        "title": { 
         "text": "Consumption kWh" 
        } 
       }], 
       "transitions": false, 
       "seriesColors": ["green"], 
       "tooltip": { 
        "format": "{0:N0}", 
        "visible": true 
       }, 
       "autoBind": false 
      }); 
     } 

     CreateChart(); 
    </script> 


</div> 

그러나 이것은 렌더링되지 않습니까?

는 또한 document.ready하지만이 운에서 CreateChart를 호출 시도 중

나는 또한 포함 사업부 및 호출에 appendChild를 찾기 위해 노력했다

아래의 스크린 샷을 참조하지만 오류가 발생하십시오 appendChild 메소드가 없다는 것을 알려 주시겠습니까?

누구든지 내가 뭘 잘못하고 있는지 알아? 이것은 무언가 어리 석기 명백해야하지만 나는 그것을 볼 수 없습니다!

폴

Answer 1

차트 구성 개체에 dataSource가 없습니다. 당신은 그것을 지정해야 명시 적으로

$("#chart").kendoChart({ 
    dataSource: { 
     data: [ 
      { price: 10 }, 
      { price: 20 } 
     ] 
    } 
    ... 
}); 

또는 입력 시리즈 : http://docs.telerik.com/kendo-ui/api/javascript/dataviz/ui/chart#configuration-dataSource :

$("#chart").kendoChart({ 
    series: [{ 
     name: "India", 
     data: [3.907, 7.943, 7.848, 9.284, 9.263, 9.801, 3.890, 8.238, 9.552, 6.855] 
    },{ 
     name: "World", 
     data: [1.988, 2.733, 3.994, 3.464, 4.001, 3.939, 1.333, -2.245, 4.339, 2.727] 
    }], 
    ... 
}); 

당신은 여기에 차트 데이터 소스에 대한 자세한 정보를 찾을 수 있습니다.