爲什麼我的劍道圖不會被渲染？

Question

我已經決定在某些情況下與Kendo一起提供的MVC包裝只是太嚴格而且難以遵循。 Telerik增加了調用Javascript函數來計算圖表上點的顏色的功能。但是我找不到這個語法的任何例如對於MVC

所以我決定用包裝來幫助生成我的JavaScript和我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要麼

請參考下面

截圖我也試圖找到包含div和調用的appendChild，但我得到一個錯誤說明沒有方法appendChild？

有誰知道我在做什麼錯？這一定是愚蠢明顯的東西，但我不能看到它！

Paul

Answer 1

您的圖表構造對象中沒有dataSource。你必須指定它：

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

或輸入一系列明確：

$("#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] 
    }], 
    ... 
}); 

您可以找到有關圖表數據源在這裏更多的信息：http://docs.telerik.com/kendo-ui/api/javascript/dataviz/ui/chart#configuration-dataSource。