为什么我的剑道图不会被渲染？

我已经决定在某些情况下与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要么

请参考下面 screenshot

截图我也试图找到包含div和调用的appendChild，但我得到一个错误说明没有方法appendChild？

有谁知道我在做什么错？这一定是愚蠢明显的东西，但我不能看到它！

Paul

来源

2015-01-11 Paul

您的图表构造对象中没有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。

来源

2015-01-12 07:12:27

好的，谢谢我会尝试，当我到办公室时，它将只需要在标记中的临时数据源我猜，因为我替换它，当用户选择网格中的一行 – Paul

为什么我的剑道图不会被渲染？

回答

相关问题