Kendo UI Chart MVVM 快速入门

Kendo UI Chart 功能强大，支持各种图形类型， 通过使用series属性可以控制图形的类型和数据的关系，示例代码如下：

      <div id="divChart2">
            <div data-role="chart" data-title="图标标题" data-series='[
         { name: "示例",field:"f1",type:"line",style:"smooth"}  ]' data-bind="source:myseries" style="width: 400px; height: 600px">
            </div>
        </div>

series是json数组，其中name是这个系列的名称，也是显示在图例中的文字，field是对应数据源中的字段，type是图形类型，style是这种类型中的子类型，数据可以通过source进行绑定。
下面是绑定的js代码：

  var vmchart2;
    $(document).ready(function () {
        vmchart2 = kendo.observable({

            myseries: new kendo.data.DataSource({
                transport: {
                    read: {
                        url: "../content/chartdata/char.json",
                        dataType: "json"
                    }
                }
            })
        });

        kendo.bind($("#divChart2"), vmchart2);
    });