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

    Kendo UI Funnel Charts示例二：Funnel標簽

    本示例演示如何配置Kendo UI funnel chart的標簽，您可以通過eriesDefaults -> labels設(shè)置可見性、位置和對齊方式、字體顏色、大小等來指定屬性。

    立即下載

    TeeChart for JavaScript/HTML5演示——Pie：Pie圖表（二）

    TeeChart for JavaScript/HTML5是基于HTML5畫布的跨瀏覽器JavaScript圖表庫。本示例是該產(chǎn)品在線演示的Pie這一系列的其他的Pie圖表。

    立即下載

    QtitanDataGrid在線示例：RelationMode

    本示例演示如何正確初始化網(wǎng)格，以及使用兩個相對的Qt模型，示例重復Qt中類似演示示例的功能。

    立即下載

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

    Kendo UI chart是一個數(shù)據(jù)可視化窗口小部件，它允許您輸出數(shù)據(jù)的圖形表示。本示例演示如何注冊和配置Funnel Chart，漏斗圖以分段的形式按逐漸減小或增大的比例顯示單個數(shù)據(jù)系列，其中每個分段代表該系列中特定項目的值，項目的值也可能影響相應(yīng)段的高度和形狀。

    立即下載

    QtitanDataGrid在線示例：ProgressBarEditor

    本示例演示進度條單元格編輯器的操作，網(wǎng)格允許在進度欄中顯示和編輯整數(shù)值。

    立即下載

    Kendo UI Donut Charts示例六：AngularJS

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

    立即下載

    QtitanDataGrid在線示例：PreviewRow

    本示例演示如何正確初始化網(wǎng)格預(yù)覽行。預(yù)覽行是一個特殊的行，沒有列標題，它設(shè)計為顯示反映在其他單元格中的一般信息。

    立即下載

    Kendo UI Donut Charts示例五：MVVM

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

    立即下載

    TeeChart for JavaScript/HTML5演示——Pie：Pie圖表

    TeeChart for JavaScript/HTML5是基于HTML5畫布的跨瀏覽器JavaScript圖表庫。本示例是該產(chǎn)品在線演示的Pie這一系列的Pie圖表。

    立即下載

    TeeChart for JavaScript/HTML5演示——Bar：sortingBar圖表

    TeeChart for JavaScript/HTML5是基于HTML5畫布的跨瀏覽器JavaScript圖表庫。本示例是該產(chǎn)品在線演示的Bar這一系列的sortingBar圖表。

    立即下載

    ?Highcharts在線演示：氣泡圖示例

    以下氣泡圖允許對數(shù)據(jù)進行4維顯示： Y軸上的每日糖攝入量。 X軸上的每日脂肪攝入量。 成人肥胖是由氣泡的大小代表的。 使用三種顏色的安全脂肪/糖攝入量

    立即下載

    ?Highcharts在線演示：樹狀圖示例

    在此演示中，樹狀圖顯示了2014年人均難民最多的國家。很容易看出，黎巴嫩的人均難民人數(shù)最多，而瑞典的人均難民人數(shù)最少。

    立即下載

    ?Highcharts在線演示：條形圖示例

    這是條形圖，具有與上一個演示相同的數(shù)據(jù)，該條形圖顯示了2016年按性別劃分的歐洲前五名人口。

    立即下載

    ?Highcharts在線演示：柱形圖示例

    下圖比較了2016年按性別劃分的歐洲前五名人口。德國是歐洲人口最多的國家，其次是法國和英國。在歐洲排名前五的所有國家中，女性人數(shù)大于男性人數(shù)；男女人數(shù)差距最大的是法國，人數(shù)為2,0,79,918，其次是意大利，為1,752,909。

    立即下載

    QtitanDataGrid在線示例：MultiSelection

    本示例演示在各種選擇模式下的網(wǎng)格操作。您可以選擇單行、多行、單個單元、多個單元、multi-rows with rubber band和multi-cells with rubber band selection模式。在多行模式下，您可以通過單擊復選框來標記行。

    立即下載

    ?Highcharts在線演示：折線圖示例

    以下演示使用折線圖按區(qū)域顯示了世界人口。該圖表使我們可以比較人口增長。我們可以輕松地看到，亞洲人口的增長和數(shù)量最高，其次是非洲人口，其中海洋人口的增長和數(shù)量最低。 自1950年以來，所有地區(qū)的增長都類似。

    立即下載

    Kendo UI Donut Charts示例四：綁定到本地數(shù)據(jù)

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

    立即下載

    QtitanDataGrid在線示例：MasterDetail

    本示例演示如何在網(wǎng)格中使用master-detail模式，當表中的行具有表、統(tǒng)計圖或其他類型形式的從屬數(shù)據(jù)時，將使用master-detail模式。在此示例中，詳細信息顯示在表格視圖中。

    立即下載

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

    Kendo UI chart支持通過RESTful服務(wù)綁定到遠程數(shù)據(jù)。對于遠程數(shù)據(jù)綁定，您需要指定一個返回JSON / JSONP格式數(shù)據(jù)的遠程端點或Web服務(wù)，并利用圖表和基礎(chǔ)數(shù)據(jù)之間的數(shù)據(jù)源。在本示例中，圖表從通過DataSource讀取配置分配的遠程端點獲取其數(shù)據(jù)。

    立即下載

    QtitanDataGrid在線示例：MSOfficeMode

    本示例演示類似于Microsoft Office中的網(wǎng)格操作，對行進行分組，就像在Outlook中一樣。

    立即下載
    掃碼咨詢


    添加微信 立即咨詢

    電話咨詢

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