Kendo UI饼图：数据源传输读取未触发且图表未显示

Question

我有这个代码用于显示剑道饼图：

这是应该创建图表的div：

  <div id="chart100Month" style="width:100%"></div>

这是javascript：

<script type="text/javascript">

function createChartMonth100() {

$("#chart100month").kendoChart({
    dataSource: {
        transport: {
            read: {
                url: "/getchartdatabytesttype100",
                dataType: "json"
            }
        },
        filter: {
            // field: "year", operator: "eq", value: year
        },
        sort: {

        }
    },
    title: {
        text: "test"
    },
    legend: {
        position: "top"
    },
    seriesDefaults: {
        type: "pie"
    },
    series: [{
            type: "pie",
            field: "percentage",
            categoryField: "type", }],
    tooltip: {
        visible: true,
        format: "N0",
        // template: "#= category # - #= kendo.format('{0:P}', percentage)#"
    }
});}
$(document).ready(createChartMonth100);
$(document).bind("kendo:skinChange", createChartMonth100);

</script>

此代码主要来自telerik网站的示例

/ getchartdatabytesttype100的json数组是：

[{"percentage":0,"type":"hypo"},{"percentage":66.666666666667,"type":"normal"},{"percentage":16.666666666667,"type":"lighthyper"},{"percentage":16.666666666667,"type":"hyper"}]

未呈现图表，并且firebug显示未触发读取数据源的get请求。

有什么建议吗？

保