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

    AnyMap地圖一般功能演示:美國最大的湖泊

    AnyMap的可交互式地圖是AnyChart組件的一種獨特的功能,能夠讓你可視化地理相關(guān)的數(shù)據(jù)。本示例為您展示美國最大的湖泊。

    立即下載

    AnyMap地圖一般功能演示:與TopoJSON的Choropleth地圖

    AnyMap的可交互式地圖是AnyChart組件的一種獨特的功能,能夠讓你可視化地理相關(guān)的數(shù)據(jù)。本示例為您展示與TopoJSON的Choropleth地圖。

    立即下載

    Kendo UI Bar Charts示例二:柱形圖

    柱形圖將數(shù)據(jù)可視化為垂直條,其高度根據(jù)其值而變化。 它可用于呈現(xiàn)幾組數(shù)據(jù)之間的比較(例如,不同時間點的數(shù)據(jù)快照,如本例中所示的GDP增長)。柱形圖與條形圖非常相似,唯一的區(qū)別是條形的方向是垂直的而不是水平的。

    立即下載

    Kendo UI Bar Charts示例一:基本用法

    Kendo UI圖表是一個數(shù)據(jù)可視化窗口小部件,允許您輸出數(shù)據(jù)的圖形表示。條形圖將數(shù)據(jù)顯示為水平或垂直條形,其長度根據(jù)其值而變化,您可以使用條形圖顯示多組數(shù)據(jù)之間的比較。

    立即下載

    TeeChart for JavaScript/HTML5主題示例——系列:線

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

    立即下載

    Kendo UI Area Charts示例十四:AngularJS

    endo UI圖表使用指令作為產(chǎn)品的一部分正式支持AngularJS。 要使用此集成,您需要在應(yīng)用程序中引用Angular腳本,并按以下方式注冊包含Kendo UI指令的模塊:angular.module(“KendoDemos”,[“kendo.directives”])

    立即下載

    Kendo UI Area Charts示例十三:MVVM

    在此示例中,我們將展示如何配置Kendo UI圖表來利用框架公開的MVVM功能。 為此,我們創(chuàng)建了一個viewmodel實例(使用kendo.observable調(diào)用),它包裝圖表數(shù)據(jù)源,并使用數(shù)據(jù)屬性實例化圖表,其屬性和綁定定義。 連接viewmodel的重要細(xì)節(jié)是調(diào)用kendo.bind到圖表的容器元素,將viewmodel作為第二個參數(shù)傳遞。

    立即下載

    Kendo UI Area Charts示例十二:綁定到分組數(shù)據(jù)

    本示例演示如何使用Kendo UI DataSource作為調(diào)解器將Kendo UI圖表綁定到分組數(shù)據(jù),通過Kendo UI DataSource實例將數(shù)據(jù)提供給圖表;將DataSource.group.field屬性設(shè)置為基礎(chǔ)數(shù)據(jù)中列的名稱(例如,“符號”字段),這將是將圖表項目分組為系列的標(biāo)準(zhǔn)。

    立即下載

    AnyChart維恩圖示例:學(xué)校里的男生活動

    本示例用維恩圖示例描繪了學(xué)校里的男生活動。

    立即下載

    Kendo UI Area Charts示例十一:綁定到本地數(shù)據(jù)

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

    立即下載

    Kendo UI Area Charts示例十:綁定到遠(yuǎn)程數(shù)據(jù)

    Kendo UI圖表中的數(shù)據(jù)可以從本地或遠(yuǎn)程存儲器流式傳輸,因此足夠靈活,可以顯示來自任何數(shù)據(jù)存儲的信息。在此示例中,我們演示了如何通過配置DataSource傳輸將Kendo UI圖表綁定到遠(yuǎn)程數(shù)據(jù),該傳輸定義了DataSource如何與遠(yuǎn)程數(shù)據(jù)交互。

    立即下載

    Kendo UI Area Charts示例九:誤差欄

    本示例演示如何在Kendo UI area chart中使用誤差欄來顯示數(shù)據(jù)的可變性。誤差欄被指定為series -> errorBars圖表設(shè)置的一部分,由以下系列類型提供:面積,垂直面積,柱,條,線,垂直線,散點圖和散點圖。誤差欄支持基于系列數(shù)據(jù)的統(tǒng)計計算,支持的類型是標(biāo)準(zhǔn)誤差、總體標(biāo)準(zhǔn)偏差等。

    立即下載

    Kendo UI Area Charts示例八:多軸

    Kendo UI area chart支持多軸,這是適用于各種場景的功能。 這有助于您利用最佳圖表性能并可視化任意數(shù)字軸上的數(shù)據(jù),從而為您的用戶提供可靠的業(yè)務(wù)報告。本示例演示通過四個數(shù)值軸可視化的混合動力汽車范圍報告:英里、公里、每加侖英里數(shù)和每100公里升數(shù)。

    立即下載

    ?Highcharts演示:將多個圖表導(dǎo)出到同一圖像或PDF

    ?Highcharts是一款純JavaScript編寫的圖表庫,本示例將為您介紹使用?Highcharts中將多個圖表導(dǎo)出到同一圖像或PDF。

    立即下載

    AnyMap地圖一般功能演示:與標(biāo)注的等值線圖

    AnyMap的可交互式地圖是AnyChart組件的一種獨特的功能,能夠讓你可視化地理相關(guān)的數(shù)據(jù)。本示例為您展示與標(biāo)注的等值線圖。

    立即下載

    AnyMap地圖一般功能演示:使用Google電子表格的等值線圖

    AnyMap的可交互式地圖是AnyChart組件的一種獨特的功能,能夠讓你可視化地理相關(guān)的數(shù)據(jù)。本示例將為您展現(xiàn)使用Google Spreadsheet。

    立即下載

    ActiveReports示例:在線報表設(shè)計器

    ActiveReports Web端在線報表設(shè)計器基于HTML5/JavaScript,只需幾行代碼,就可以輕松地將其嵌入到網(wǎng)站和報表應(yīng)用中,幫助最終用戶在瀏覽器及B/S系統(tǒng)架構(gòu)中,設(shè)計并創(chuàng)建匯總和結(jié)構(gòu)化報表。通過本示例,你將了解其詳細(xì)操作,歡迎點擊查看!

    立即下載

    AnyMap地圖一般功能演示:帶有HTML布局的圖表工具提示

    AnyMap的可交互式地圖是AnyChart組件的一種獨特的功能,能夠讓你可視化地理相關(guān)的數(shù)據(jù)。本示例將為您展示AnyMap的一般功能和選項:帶有HTML布局的圖表工具提示。

    立即下載

    AnyMap地圖一般功能演示:加拿大地圖與十字準(zhǔn)線和網(wǎng)格

    AnyMap的可交互式地圖是AnyChart組件的一種獨特的功能,能夠讓你可視化地理相關(guān)的數(shù)據(jù)。本示例將為您展示AnyMap的一般功能和選項:加拿大地圖與十字準(zhǔn)線和網(wǎng)格。

    立即下載

    Kendo UI Area Charts示例七:對數(shù)軸

    對數(shù)軸是一個特殊的數(shù)字軸,它通過使用具有特定基數(shù)的對數(shù)函數(shù)來轉(zhuǎn)換實際值。 對數(shù)軸對于顯示覆蓋不同數(shù)量級的值很有用,因為它允許較大的值與較小的值一起顯示在比默認(rèn)線性軸更濃縮的比例中。 本示例表示如何通過將valueAxis-> type屬性設(shè)置為log來將對數(shù)軸用于Kendo UI區(qū)域圖表。

    立即下載
    掃碼咨詢


    添加微信 立即咨詢

    電話咨詢

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