岛国大片免费,国产综合自拍视频,91福利电影

DevExtreme中文教程:如何創(chuàng)建圖表并為圖表提供值

原創(chuàng)|使用教程|編輯：郝浩|2013-04-11 10:54:58.000|閱讀 946 次

概述：在今天來看一下，如何在DXTREM中為創(chuàng)建一個圖表組件，并為圖表提供值。在本文中將會提供具體的步驟和源碼。

相關(guān)鏈接：

在今天來看一下，如何在DXTREME ENTERPRISE中為創(chuàng)建一個圖表組件，并為圖表提供值。

為了創(chuàng)建一個圖表組件，在這里將會使用Knockout Approach，所以使用以下的代碼在HTML窗口中：

<div id="chartContainer" style="height:100%" data-bind="dxChart: chartOptions">
</div>

運行代碼將會得到一個簡單的空的圖表組件，所以需要給這個圖表組件指定數(shù)據(jù)。

為了定義圖表系列可以用的數(shù)據(jù)源，將會在配置對象中指定數(shù)據(jù)源屬性，在下面的代碼中，將會有一組數(shù)據(jù)對象被設(shè)置成數(shù)據(jù)源。

chartOptions = {
   dataSource: [ 
   {
        year:1950, Africa:227939046, Americas:331, Asia:1436, Europe:547, Oceania:12
   },
   {
        year:1960, Africa:285, Americas:416, Asia:1718, Europe:605, Oceania:15
   },
  //... 
  ] 
}

現(xiàn)在用指定數(shù)據(jù)源的數(shù)據(jù)來定義圖表系列，所以我們將會使用到以下的系類屬性：

•name

用于識別系列。

•argumentField

指定字段的數(shù)據(jù)源，提供一系列點的參數(shù)。

•valueField

指定字段的數(shù)據(jù)源，提供一系列點的值。

下面來看一下如何使用這些屬性：

chartOptions = {  
    //... 
    commonSeriesSettings: { 
         argumentField: 'year' 
    }, 
    series: [
    { 
        name: 'Oceania', valueField: 'Oceania' 
    },
    {
        name: 'Africa', valueField: 'Africa' 
    },
    { 
        name: 'Americas', valueField: 'Americas'
    },
    { 
        name: 'Asia', valueField: 'Asia' 
    },
    { 
        name: 'Europe', valueField: 'Europe' 
    }] 
}

在上面的代碼中，使用了commonSeriesSettings對象來指定選項，這個在圖表系列中時比較常見的。

標(biāo)簽：DevExpress HTML5

本站文章除注明轉(zhuǎn)載外，均為本站原創(chuàng)或翻譯。歡迎任何形式的轉(zhuǎn)載，但請務(wù)必注明出處、不得修改原文相關(guān)鏈接，如果存在內(nèi)容上的異議請郵件反饋至chenjj@fc6vip.cn

文章轉(zhuǎn)載自：慧都控件

上一篇：Aspose.Pdf中文教程:將PDF轉(zhuǎn)換為JPEG圖片格式下一篇：XGantt甘特圖開發(fā)教程：甘特圖圖表的基本結(jié)構(gòu)和設(shè)置