Kendo UI Professional下面提供了12款全新升級的UI組件，包括Charts、Gauges、QR Code、Grid、TreeView等等。其中 Charts 和 Grid 兩款組件的功能特性在同類產品中的表現是非常突出的。今天我就為大家詳細介紹一下Kendo UI Charts這個控件，并附上在線演示和示例下載。歡迎下載體驗！

Kendo UI Charts的功能特點

支持豐富的圖表樣式

• Bar/Radar-（條形圖/雷達圖）用于比較不同的數據集；
• Pie/Donut chart-（餅圖/圓環圖）用于查看局部數據在全局中的分布情況；
• Line/Area（線形/面積圖）-用于展示數據走向和趨勢；
• Bullet（子彈圖）-比較定量與定性之間的關系；
• Scatter/Bubble（散點圖/氣泡圖）-用于展現數據間的相關性；
• Box Plot（箱線圖）-以圖形方式描述你的統計數據；
• Funnel（漏斗圖）-展現進程階段；
• Polar（極線圖）-在極坐標中展現數據；
• Sparklines（波形圖）-展現數據走勢；

面積圖	柱狀圖	金融圖
氣泡圖	線形圖	圓環圖
餅圖	散點圖	儀表圖

圖表可綁定本地、遠程或分組數據

只需要進行一點屬性上的設置就可以將Kendo UI圖表綁定到最佳的數據源，本地、遠程和分組數據源三種方式任你選擇。

支持多種數據類型

Kendo UI Charts支持各種數據類型，根據不同的圖表類型，圖表上可以在X軸上展示各種數據、分類（字符串）或時間點(DateTime)。

客戶端渲染大大提升了應用性能

Kendo UI Chart完全由JavaScript渲染，所有它是與服務器平臺完全無關的，這樣可以大大提升應用程序的性能。默認情況下，chart控件由SVG驅動，支持動畫和交互。

可輕松自定義外觀

你既可以使用它默認的布局設置，也可以運用它內置的自定義選項去自定義軸、標簽、工具條、標題、圖例等等，并快速改變對齊和外觀。

流暢的圖表動畫

Kendo UI Chart追求流暢的用戶體驗。比如，鼠標放在某一個序列名稱上時，該序列會高亮顯示，以區別于其他數據序列。圖表還支持加載動畫、交互式工具條等等。

支持多軸和多序列

如果你想更加全面豐富的呈現數據，你可以使用Kendo UI的多軸和多序列功能，你還可以在同一個圖表中使用多種圖表樣式。

MVVM和客戶端API進一步擴展靈活性

響應用戶操作或處理客戶端事件（如觸發懸停、點擊、拖拽等動作），還可以通過MVVM模式為你的UI和數據使用雙向綁定。

內置主題讓添加樣式更加便捷

你只需要使用一個簡單的屬性就可以應用現成的主題樣式，為你的應用程序建立統一的外觀。如果你想添加一些自定義的樣式，可以在 markup 中自定義圖表元素或使用Kendo UI ThemeBuilder去創建你自己的自定義主題。

多瀏覽器支持

使用Kendo UI Charts開發的圖表應用，可以應用在多種常用的瀏覽器上，基本上不用擔心兼容問題。下面是Kendo UI Professional的三個不同版本所支持的瀏覽器類型：

桌面瀏覽器	Kendo UI Web	Kendo UI Mobile	Kendo UI DataViz
Internet Explorer	IE7及以上	IE10及以上	IE7及以上
Google Chrome
Firefox ESR+
Safari 5+ (OS X)
Opera 15+
移動瀏覽器
iOS 6.0+
Android 2.3+ (default browser)			*
BlackBerry OS 10.0+
Windows Phone 8+
Chrome for Android

• 表示支持
• * 表示在Android 2.3 中，Kendo UI DataViz只能在Canvas渲染模式下工作

Kendo UI Charts示例下載：

【】 本示例演示如何利用Inkscape將Kendo UI Chart輸出為一張PNG圖像或一個PDF文件。 另附：

【】本示例演示如何使用分段條形圖的total sum將標簽放在堆疊圖的頂端。

【】本示例演示如何使用Kendo UI分類圖的數據軸進行平移和縮放。

慧都特邀Kendo UI原廠開發工程師舉行線上公開課，使用該控件的朋友千萬別錯過哦>>