用于 Windows8 的 Wijmo Charts 图表控件(2)

<script src="/js/wijmo/jquery.wijmo-complete.1.4.1.min.js" type="text/javascript"></script>

复制代码 

开始实现

现在开始写代码。由于这是一个Navigation Application，他会将各个独立的文件load到default.html中。项目中已经包含了一个页面，在初始化是会被调用。他在“html”文件夹中，叫homePage.html。我们只需要在这个页面中价格div用于render Wijmo Charts图表控件。这将会被作为一个widget在初始化时加载。

<div id="wijpiechart" class="">         
</div>js文件夹中有个homePage.js文件用于我们正在工作的homePage.html文件。实际上这相当于HTML页面的“code behind”。js文件中包含一些初始化代码。我们要将我们的代码添加到 .when() 中，这样就可以在homePage.html文件被load的时候调用。下面是整个function的代码。 function fragmentLoad(elements, options) {

        WinJS.UI.processAll(elements)

            .then(function () {

            // TODO: Initialize the fragment here.

            $("#wijpiechart").wijpiechart({

                height: 600,

                width: 1024,

                seriesList: [{

                    label: "c#",

                    data: 215517

                },

                {

                    label: "java",

                    data: 157301

                },

                {

                    label: "php",

                    data: 145929

                }],

                textStyle: { fill: "#ffffff", "font-family": "Segoe UI Semilight", "font-size": "20pt", stroke: "none" },