Kendo ui 为什么我的剑道图没有被渲染？

我认为剑道附带的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

图表构造对象中没有数据源。您必须指定它：

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

---

您可以在此处找到有关图表数据源的更多信息：。

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