• <menu id="w2i4a"></menu>
  •
    首頁 > 資源 > DEMO

    Kendo UI Scatter Charts示例二：散線圖

    本示例演示如何創(chuàng)建散線圖，這對于顯示數(shù)值數(shù)據(jù)很有用，您可以通過seriesDefaults-> type-> scatterLine設(shè)置定義散布線系列。

    立即下載

    Kendo UI Scatter Charts示例一：基本用法

    Kendo UI圖表是功能強大的數(shù)據(jù)可視化組件，可讓您以圖形方式表示數(shù)據(jù)。您可以在此示例中看到散點圖的演示，該散點圖將數(shù)據(jù)顯示為由其項的值定義的點。散點圖可用于顯示不同數(shù)據(jù)集之間的關(guān)系，例如科學（實驗）結(jié)果。

    立即下載

    Kendo UI Range Bar Charts示例三：綁定到遠程數(shù)據(jù)

    Kendo UI圖表中的數(shù)據(jù)可以從本地或遠程存儲流式傳輸，因此具有足夠的靈活性來可視化任何數(shù)據(jù)存儲中的信息。對于遠程數(shù)據(jù)綁定，您需要指定一個遠程端點或Web服務(wù)（REST），以JSON / JSONP格式返回數(shù)據(jù)，并利用圖表和基礎(chǔ)數(shù)據(jù)之間的Kendo UI數(shù)據(jù)源。在本示例中演示如何通過配置DataSource傳輸將Kendo UI圖表綁定到遠程數(shù)據(jù)。

    立即下載

    Kendo UI Range Bar Charts示例二：綁定到本地數(shù)據(jù)

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

    立即下載

    Kendo UI Range Bar Charts示例一：基本用法

    Kendo UI圖表是功能強大的數(shù)據(jù)可視化組件，可讓您以圖形方式表示數(shù)據(jù)。本示例演示如何創(chuàng)建Range Bar圖表，該Range Bar圖表將數(shù)據(jù)顯示為條形圖，其中每個條形圖均表示一個介于其最小（即From屬性）和最大（即To屬性）水平之間的值范圍。

    立即下載

    Kendo UI Radar Chart示例九：AngularJS

    Kendo UI Radar圖表具有使用指令與AngularJS原生集成的功能，該指令已作為產(chǎn)品的一部分正式支持。要使用此集成，您需要在應(yīng)用程序中引用Angular腳本，并以以下方式注冊包含Kendo UI指令的模塊：angular.module("KendoDemos", [ "kendo.directives" ])

    立即下載

    Kendo UI Radar Chart示例八：MVVM

    Kendo UI框架的MVVM功能基于強大的Model-View-ViewModel概念提供了強大的雙向數(shù)據(jù)綁定功能，在本示例中演示了如何配置Kendo UI Radar圖表來利用公開的MVVM功能。為此創(chuàng)建一個viewmodel實例（帶有kendo.observable調(diào)用），該實例封裝圖表數(shù)據(jù)源，并使用data-attribute實例化小部件、其屬性和綁定定義。

    立即下載

    Kendo UI Radar Chart示例七：綁定到分組數(shù)據(jù)

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

    立即下載

    Kendo UI Radar Chart示例六：綁定到本地數(shù)據(jù)

    可以指示Kendo UI圖表通過其數(shù)據(jù)源屬性配置顯示來自本地數(shù)據(jù)存儲的數(shù)據(jù)。在本示例中，通過JSON數(shù)組定義圖表的數(shù)據(jù)，并通過dataSource數(shù)據(jù)屬性將其分配給了圖表。 因此，圖表通過設(shè)置其字段屬性以匹配源中的相關(guān)數(shù)據(jù)項屬性名稱來獲取數(shù)據(jù)并顯示其series和categoryAxis值。

    立即下載

    Kendo UI Radar Chart示例五：綁定到遠程數(shù)據(jù)

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

    立即下載

    Kendo UI Radar Chart示例四：Radar column

    本示例演示如何創(chuàng)建雷達柱形圖，該序列類型表示為高度根據(jù)其值而變化的數(shù)據(jù)列。您可以從series -> type -> radarColumn配置中設(shè)置此圖表。

    立即下載

    GoJS在線示例：Genogram

    族譜圖或系譜圖是擴展的族譜圖，顯示有關(guān)每個人或每種關(guān)系的信息。

    立即下載

    GoJS在線示例：組織結(jié)構(gòu)圖（靜態(tài)）

    顯示組織結(jié)構(gòu)圖，使用嵌入式概述來幫助用戶導航，并允許用戶通過示例進行搜索。

    立即下載

    Kendo UI Radar Chart示例三：雷達區(qū)

    本示例演示如何創(chuàng)建雷達區(qū)域圖，該序列圖類型由數(shù)據(jù)點表示，這些數(shù)據(jù)點與包含填充區(qū)域的直線段相連，您可以從Series -> RadarArea配置設(shè)置此圖表。

    立即下載

    Kendo UI Radar Chart示例二：平滑雷達線

    本示例演示如何為 Kendo UI Radar Chart配置平滑雷達線條樣式。Spline chart是折線圖/面積圖的一種形式，其中序列中的每個數(shù)據(jù)點都用一條曲線連接，這表示丟失數(shù)據(jù)點的粗略近似。您可以通過seriesDefaults -> style -> smooth setting配置平滑的極地面積圖。

    立即下載

    Kendo UI Radar Chart示例一：Radar line

    Kendo UI chart是功能強大的數(shù)據(jù)可視化組件，可讓您以圖形方式表示數(shù)據(jù)。本演示Radar Line類型，該系列在圖表上表示為直線連接的數(shù)據(jù)點。

    立即下載

    Kendo UI Polar Charts示例八：支持AngularJS指令

    Kendo UI chart使用與該產(chǎn)品一起正式支持的指令，與AngularJS進行原生集成。要使用此集成，您需要在應(yīng)用程序中引用Angular腳本，并以以下方式注冊包含Kendo UI指令的模塊：angular.module（“ KendoDemos”，[“ kendo.directives”]）。

    立即下載

    Kendo UI Polar Charts示例七：支持MVVM

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

    立即下載

    GoJS在線示例：框圖

    一個簡單的框圖編輯器，使用戶可以輕松地將新節(jié)點鏈接在一起，并具有用于更改形狀和顏色的上下文菜單。

    立即下載

    GoJS在線示例：狀態(tài)圖

    狀態(tài)圖還顯示了按下按鈕時新節(jié)點和鏈接的動態(tài)創(chuàng)建。

    立即下載
    掃碼咨詢


    添加微信 立即咨詢

    電話咨詢

    客服熱線
    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); })();