jQuery&HTML5 UI框架Ignite UI 13.2新功能大揭祕（三）

Data Chart（數據圖表）

Ignite UI jQuery數據圖對於HTML5開發人員來講已是最強大的圖表控制。13.2版本甚至爲網絡應用和混和應用開發人員帶來了更多精華，，新的外觀和體驗、對漸變的支持、新的範圍選擇器、對Knockout JavaScript庫的支持等等。本次更新提高了用戶在圖表中與數據交互的體驗——用他們的鼠標或觸屏手勢。

關鍵功能

• 新外觀和體驗——Ignite UI提供豐富的交互功能和超過40種圖表類型，無與倫比的性能和處理成千上萬甚至百萬數據點的能力，在13.2中，Ignite UI在igDataChart視覺部分有有了諸多升級，所以極大的加強了數據虛擬化網頁和顯示面板應用的整體外觀和體驗。視覺提高包括新功能、新樣式和對默認值的改變，如：軸命名、漸變、陰影效果、標籤、幻燈片、軸刻度標記等。
• 支持圖表命名——igDataChart控制的標題和子標題功能容許你添加信息到圖表控制的頂部。當添加一個標題和/或子標題到圖表控制時，圖表內容自動調整大小以容下標題和/或子標題信息。
• 軸命名——igDataChart控制的軸命名功能容許你添加先後關係的信息到xamDataChart控制的x軸和y軸中。你能夠經過制定TitleSettings對象的屬性，如角度、字體大小和定位等。
• 支持漸變——igDataChart如今在多圖表類型中支持顏色漸變範圍的使用，包括列、區域、區域樣條線等等。

• 陰影效果——igDataChart如今支持陰影效果以加強個體系列的視覺效果。開發人員能夠控制陰影深度、偏移、方向、顏色和模糊等各類屬性。

Pie Chart（餅狀圖表）

Labeling Callout Lines with Curves——該功能新增了兩個曲線類型到用於在igDoughnutChart 和igPieChart中調出線的直線。你能夠選擇使用一條直線或曲線中的一條，改變線的樣式並控制標籤和線的端點之間的間距。

• 系列高亮——該功能容許你高亮顯示一整個系列或系列內的個體項目，如高亮顯示系列中的整行。個體標記能夠在全部支持的系列中高亮顯示。系列高亮功能支持以下系列類型：類別系列、範圍類別系列、財務系列。
• 旋轉&觸屏交互——數據圖表控制支持新的交互，當用戶用鼠標或觸屏手勢旋轉圖表數據系列便可觸發。旋轉交互能夠顯示十字準線。你還能夠附加工具提示到這些旋轉交互中而且鎖定它們到十字準線或軸上。Startup Animations（啓動動畫）——該功能使得加載新數據源時更有生氣。可用的動畫因涉及的系列類型而異。動畫轉換能夠經過設置IsTransitionInEnabled屬性爲「true」來啓用（默認狀況下，動畫轉換是禁用的）。
• 縮放條/量程選擇器——新的縮放條功能，被認知爲一個量程選擇器或時間導航，容許開發人員附加第二個圖表窗口到數據圖表以操縱圖表的X軸範圍，一般是在財務圖表中選擇一個日期範圍，縮放條則是在圖表中虛擬化數據切片的很不錯的工具。
• KnockoutJS支持——igDataChart控制中對Knockout庫的支持是要使得開發人員能更輕鬆地使用Knockout庫。
• 性能優化——Infragistics一直致力於在控制中達成更好的性能。Ignite UI圖表在幾毫秒內測的刷新率上能實時顯示百萬數據點。當新增新功能並帶來視覺改變時，咱們確保性能不會受負面影響。13.2版本中的igDataChart相較於以前版本的確由於這些優化技術而提高了很多性能。
• 默認工具提示——經過設置showTooltip屬性爲「True」，工具提示將展現特殊系列項目的全部相關信息（系列命名、數據值、軸值等），其樣式與系列樣式匹配。