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

Kendo UI Charts的功能特點

支持豐富的圖表樣式

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

面積圖	柱狀圖	金融圖
氣泡圖	線形圖	圓環(huán)圖
餅圖	散點圖	儀表圖

圖表可綁定本地、遠程或分組數(shù)據(jù)

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

支持多種數(shù)據(jù)類型

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

客戶端渲染大大提升了應(yīng)用性能

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

可輕松自定義外觀

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

流暢的圖表動畫

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

支持多軸和多序列

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

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

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

內(nèi)置主題讓添加樣式更加便捷

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

多瀏覽器支持

使用Kendo UI Charts開發(fā)的圖表應(yīng)用，可以應(yīng)用在多種常用的瀏覽器上，基本上不用擔心兼容問題。下面是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分類圖的數(shù)據(jù)軸進行平移和縮放。

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