原創(chuàng)|使用教程|編輯:郝浩|2013-04-15 13:14:28.000|閱讀 868 次
概述:如果在DXTREM中想要為圖表組件指定數(shù)據(jù),可以使用一個公共的數(shù)據(jù)源,用于圖表的顯示。數(shù)據(jù)源必須代表一個對象數(shù)組,其中每個指定一個特定的參數(shù)值系列。在本文中,將會講到如何引用數(shù)據(jù)組,值得注意的是,你可以使用DXTREME Store從從服務器中得到數(shù)據(jù)。
# 界面/圖表報表/文檔/IDE等千款熱門軟控件火熱銷售中 >>
相關鏈接:
如果在DXTREME ENTERPRISE中想要為圖表組件指定數(shù)據(jù),可以使用一個公共的數(shù)據(jù)源,用于圖表的顯示。數(shù)據(jù)源必須代表一個對象數(shù)組,其中每個指定一個特定的參數(shù)值系列。在本文中,將會講到如何引用數(shù)據(jù)組,值得注意的是,你可以使用DXTREME Store從從服務器中得到數(shù)據(jù)。
下面的變量就是將一個數(shù)據(jù)源指定到一個圖表上:
var commonDataSource = [ { month: 'January', Glendale: 58, Kirkland: 42 }, { month: 'February', Glendale: 59, Kirkland: 44 }, //... { month: 'December', Glendale: 58, Kirkland: 41 }, ];
正如你在上面的代碼中看見的那樣,Glendale和Kirkland這兩個系列將會被可視化,月之間的參數(shù)軸也將會離散開。下面的代碼就演示了如何定義數(shù)據(jù)源,當須需要使用一個rangebar類型時。
var dataSource = [ { month: 'January', min1: 36, max1: 43.29, min2: 42.12, max2: 49.91 }, { month: 'February', min1: 40.68, max1: 47.07, min2: 28.33, max2: 51.75 }, //... { month: 'December', min1: 55.22, max1: 59.22, min2: 57.34, max2: 61.37}, ];
為圖表設置一個公用的數(shù)據(jù)源,可以像下面的代碼這樣使用dataSource配置對象。
chartOptions = { dataSource: commonDataSource, //... }
現(xiàn)在定義圖表的系列的時候,就可以使用提供的數(shù)據(jù)源來定義圖表的類型,同時必須制定字段和參數(shù)值。
本站文章除注明轉(zhuǎn)載外,均為本站原創(chuàng)或翻譯。歡迎任何形式的轉(zhuǎn)載,但請務必注明出處、不得修改原文相關鏈接,如果存在內(nèi)容上的異議請郵件反饋至chenjj@fc6vip.cn
文章轉(zhuǎn)載自:慧都控件