• <menu id="w2i4a"></menu>
  •

    Kendo UI示例：基于 SASS 的 Kendo UI 主題

    這是一個(gè)monorepo，其中包含Kendo UI組件基于SCSS的主題。在開發(fā)過程中，SCSS 文件會(huì)在每次提交時(shí)檢查并構(gòu)建在每個(gè)推送命令上。要針對(duì)組件測(cè)試主題包，請(qǐng)鏈接組件包中的主題，相關(guān)示例代碼請(qǐng)點(diǎn)擊下載獲?。?/p>

    立即下載

    Kendo UI Waterfall圖表演示一：基本用法

    Kendo UI圖表是功能強(qiáng)大的數(shù)據(jù)可視化組件，可讓您以圖形方式表示數(shù)據(jù)。Waterfall圖表類型顯示正值或負(fù)值對(duì)起點(diǎn)的累積影響，其目的是為了更好地理解初始數(shù)量受隨后添加的正值或負(fù)值影響的方式。Waterfall圖表可用于與庫(kù)存、現(xiàn)金流量、績(jī)效等相關(guān)的不同類型的定量分析。

    立即下載

    Kendo UI TreeMap演示四：AngularJS

    Kendo UI TreeMap具有使用指令作為與產(chǎn)品正式支持的與AngularJS的固有集成。要利用此集成，您需要在應(yīng)用程序中引用Angular腳本，并以以下方式注冊(cè)包含Kendo UI指令的模塊：angular.module("KendoDemos", [ "kendo.directives" ])，因此，您可以結(jié)合使用AngularJS框架和圖表來開發(fā)可從此類集成中受益的應(yīng)用程序。

    立即下載

    Kendo UI TreeMap演示三：MVVM

    在此示例中，演示了如何配置Kendo UI樹形圖以利用框架公開的MVVM功能，為此創(chuàng)建一個(gè)viewmodel實(shí)例（帶有kendo.observable調(diào)用），該實(shí)例包裝樹圖數(shù)據(jù)源，并使用data-attribute實(shí)例化小部件，其屬性和綁定定義。

    立即下載

    Kendo UI TreeMap演示二：Events

    本示例演示Kendo UI Treemap的itemCreated和dataBound事件的用法，創(chuàng)建磁貼時(shí)會(huì)觸發(fā)itemCreated事件，而將小部件綁定到其dataSource中的數(shù)據(jù)時(shí)會(huì)觸發(fā)dataBound一個(gè)事件。

    立即下載

    Kendo UI TreeMap演示一：基本用法

    Kendo UI TreeMap小部件非常適合在傳統(tǒng)樹結(jié)構(gòu)中可視化分層數(shù)據(jù)，該擴(kuò)展程序提供三個(gè)用于顯示數(shù)據(jù)的選項(xiàng)（正方形，水平和垂直），這些選項(xiàng)可以由樹形圖的setOptions方法的類型實(shí)參值進(jìn)行管理。

    立即下載

    Kendo UI股票圖表演示五：股票歷史記錄

    Stock History Dashboard演示Kendo UI DataViz HTML5框架中的圖表組件如何用于構(gòu)建復(fù)雜的財(cái)務(wù)應(yīng)用程序。

    立即下載

    Kendo UI股票圖表演示四：PDF導(dǎo)出

    本示例說明如何配置Kendo UI Chart的PDF導(dǎo)出設(shè)置，您可以通過UI組件的pdf設(shè)置指定作者、創(chuàng)建者、日期、文件名、pllPages、paperSize、proxyURL和其他選項(xiàng)。

    立即下載

    Kendo UI股票圖表演示三：虛擬化

    在本示例中，您可以在Kendo UI股票圖表中看到虛擬化如何工作以實(shí)現(xiàn)豐富的數(shù)據(jù)可視化。 要啟用它，請(qǐng)將dataSource-> serverFiltering值設(shè)置為true。

    立即下載

    Kendo UI股票圖表演示二：多個(gè)面板

    本示例演示了Kendo UI Stock圖表中多個(gè)圖形面板的使用，您可以通過面板配置設(shè)置來定義面板，并設(shè)置其標(biāo)題和高度。

    立即下載

    Kendo UI股票圖表演示一：基本用法

    Kendo UI圖表是功能強(qiáng)大的數(shù)據(jù)可視化組件，可讓您以圖形方式表示數(shù)據(jù)。在本示例中演示的“股票圖表”類型可以可視化任何金融工具在一段時(shí)間內(nèi)的價(jià)格走勢(shì)，該圖表通過組合條形圖和折線圖來描述單日的高、低、開盤和收盤價(jià)。金融圖表還提供了縮放和滾動(dòng)功能，該功能由位于主圖表下方的Navigator面板顯示。

    立即下載

    Kendo UI Sparklines示例五：AngularJS

    Kendo UI Sparkline具有與AngularJS的原生集成，使用該產(chǎn)品正式支持的指令。 要利用此集成，您需要在應(yīng)用程序中引用Angular腳本，并以以下方式注冊(cè)包含Kendo UI指令的模塊：angular.module（“ KendoDemos”，[“ kendo.directives”]）。您可以結(jié)合使用AngularJS框架和我們的圖表來開發(fā)可從此類集成中受益的應(yīng)用程序。

    立即下載

    Kendo UI Sparklines示例四：MVVM

    Kendo UI框架的MVVM功能基于強(qiáng)大的Model-View-ViewModel概念提供了強(qiáng)大的雙向數(shù)據(jù)綁定功能。在本示例中，顯示如何配置Kendo UI Sparkline來利用框架公開的MVVM功能。

    立即下載

    Kendo UI Sparklines示例三：綁定到本地?cái)?shù)據(jù)

    可以指示Kendo UI圖表通過其DataSource屬性配置顯示來自本地?cái)?shù)據(jù)存儲(chǔ)的數(shù)據(jù)，因?yàn)樗哂袃?nèi)置的數(shù)據(jù)綁定功能。在上面的示例中，通過JSON數(shù)組定義了圖表的數(shù)據(jù)，并通過dataSource data屬性將其分配給了圖表。 因此，圖表通過設(shè)置其字段屬性以匹配源中的相關(guān)數(shù)據(jù)項(xiàng)屬性名稱來獲取數(shù)據(jù)并顯示其系列值。

    立即下載

    Kendo UI Sparklines示例二：綁定到遠(yuǎn)程數(shù)據(jù)

    Kendo UI chart中的數(shù)據(jù)可以從本地或遠(yuǎn)程存儲(chǔ)流式傳輸，因此具有足夠的靈活性以可視化任何數(shù)據(jù)存儲(chǔ)中的信息。在此示例中演示了如何通過配置DataSource傳輸將Kendo UI sparkline圖與遠(yuǎn)程數(shù)據(jù)綁定，該數(shù)據(jù)源傳輸定義了DataSource如何與遠(yuǎn)程數(shù)據(jù)進(jìn)行交互。

    立即下載

    Kendo UI Sparklines示例一：基本用法

    Sparkline一個(gè)非常小的圖表，沒有軸、坐標(biāo)、圖例、標(biāo)題和其他圖表特定元素。 與標(biāo)準(zhǔn)圖表相反，它的操作類似于內(nèi)聯(lián)元素（在跨度內(nèi)呈現(xiàn)），而標(biāo)準(zhǔn)圖表的操作類似于塊元素（在div內(nèi)呈現(xiàn)），因此可以輕松地嵌入文本中。您可以通過type屬性指定sparkline類型。

    立即下載

    Kendo UI Scatter Charts示例十二：AngularJS

    Kendo UI圖表使用與產(chǎn)品正式支持的指令，與AngularJS進(jìn)行原生的集成。要利用此集成，您需要在應(yīng)用程序中引用Angular腳本，并以以下方式注冊(cè)包含Kendo UI指令的模塊：angular.module("KendoDemos", [ "kendo.directives" ])，因此，您可以結(jié)合使用AngularJS框架和圖表來開發(fā)可從此類集成中受益的應(yīng)用程序。

    立即下載

    Kendo UI Scatter Charts示例十一：MVVM

    Kendo UI框架的MVVM功能基于強(qiáng)大的Model-View-ViewModel概念提供了強(qiáng)大的雙向數(shù)據(jù)綁定功能，這樣您可以輕松地使小部件的屬性值可見，并在數(shù)據(jù)源中應(yīng)用更改時(shí)自動(dòng)對(duì)其進(jìn)行修改，或者在用戶與UI交互時(shí)更改基礎(chǔ)數(shù)據(jù)。在此示例中顯示了如何配置Kendo UI圖表以利用框架公開的MVVM功能。

    立即下載

    Kendo UI Scatter Charts示例十：綁定到分組數(shù)據(jù)

    可以使用Kendo UI數(shù)據(jù)源作為中介，將Kendo UI圖表綁定到分組的數(shù)據(jù)。

    立即下載

    Kendo UI Scatter Charts示例九：綁定到本地?cái)?shù)據(jù)

    可以指示Kendo UI圖表通過其數(shù)據(jù)源屬性配置顯示來自本地?cái)?shù)據(jù)存儲(chǔ)的數(shù)據(jù)，它具有內(nèi)置的數(shù)據(jù)綁定功能。在本示例中，通過JSON數(shù)組定義了圖表的數(shù)據(jù)，并通過dataSource data屬性將其分配給了圖表。 因此，圖表通過設(shè)置其字段屬性以匹配源中的相關(guān)數(shù)據(jù)項(xiàng)屬性名稱來獲取數(shù)據(jù)并顯示其series和categoryAxis值。

    立即下載
    掃碼咨詢


    添加微信 立即咨詢

    電話咨詢

    客服熱線
    023-68661681

    TOP
    三级成人熟女影院,欧美午夜成人精品视频,亚洲国产成人乱色在线观看,色中色成人论坛 (function(){ var bp = document.createElement('script'); var curProtocol = window.location.protocol.split(':')[0]; if (curProtocol === 'https') { bp.src = 'https://zz.bdstatic.com/linksubmit/push.js'; } else { bp.src = 'http://push.zhanzhang.baidu.com/push.js'; } var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(bp, s); })();