首页 > 资源 > DEMO

Kendo UI示例:基于 SASS 的 Kendo UI 主题

这是一个monorepo,其中包含Kendo UI组件基于SCSS的主题。在开发过程中,SCSS 文件会在每次提交时检查并构建在每个推送命令上。要针对组件测试主题包,请链接组件包中的主题,相关示例代码请点击下载获取!

立即下载

Kendo UI Waterfall图表演示一:基本用法

Kendo UI图表是功能强大的数据可视化组件,可让您以图形方式表示数据。Waterfall图表类型显示正值或负值对起点的累积影响,其目的是为了更好地理解初始数量受随后添加的正值或负值影响的方式。Waterfall图表可用于与库存、现金流量、绩效等相关的不同类型的定量分析。

立即下载

Kendo UI TreeMap演示四:AngularJS

Kendo UI TreeMap具有使用指令作为与产品正式支持的与AngularJS的固有集成。要利用此集成,您需要在应用程序中引用Angular脚本,并以以下方式注册包含Kendo UI指令的模块:angular.module("KendoDemos", [ "kendo.directives" ]),因此,您可以结合使用AngularJS框架和图表来开发可从此类集成中受益的应用程序。

立即下载

Kendo UI TreeMap演示三:MVVM

在此示例中,演示了如何配置Kendo UI树形图以利用框架公开的MVVM功能,为此创建一个viewmodel实例(带有kendo.observable调用),该实例包装树图数据源,并使用data-attribute实例化小部件,其属性和绑定定义。

立即下载

Kendo UI TreeMap演示二:Events

本示例演示Kendo UI Treemap的itemCreated和dataBound事件的用法,创建磁贴时会触发itemCreated事件,而将小部件绑定到其dataSource中的数据时会触发dataBound一个事件。

立即下载

Kendo UI TreeMap演示一:基本用法

Kendo UI TreeMap小部件非常适合在传统树结构中可视化分层数据,该扩展程序提供三个用于显示数据的选项(正方形,水平和垂直),这些选项可以由树形图的setOptions方法的类型实参值进行管理。

立即下载

Kendo UI股票图表演示五:股票历史记录

Stock History Dashboard演示Kendo UI DataViz HTML5框架中的图表组件如何用于构建复杂的财务应用程序。

立即下载

Kendo UI股票图表演示四:PDF导出

本示例说明如何配置Kendo UI Chart的PDF导出设置,您可以通过UI组件的pdf设置指定作者、创建者、日期、文件名、pllPages、paperSize、proxyURL和其他选项。

立即下载

Kendo UI股票图表演示三:虚拟化

在本示例中,您可以在Kendo UI股票图表中看到虚拟化如何工作以实现丰富的数据可视化。 要启用它,请将dataSource-> serverFiltering值设置为true。

立即下载

Kendo UI股票图表演示二:多个面板

本示例演示了Kendo UI Stock图表中多个图形面板的使用,您可以通过面板配置设置来定义面板,并设置其标题和高度。

立即下载

Kendo UI股票图表演示一:基本用法

Kendo UI图表是功能强大的数据可视化组件,可让您以图形方式表示数据。在本示例中演示的“股票图表”类型可以可视化任何金融工具在一段时间内的价格走势,该图表通过组合条形图和折线图来描述单日的高、低、开盘和收盘价。金融图表还提供了缩放和滚动功能,该功能由位于主图表下方的Navigator面板显示。

立即下载

Kendo UI Sparklines示例五:AngularJS

Kendo UI Sparkline具有与AngularJS的原生集成,使用该产品正式支持的指令。 要利用此集成,您需要在应用程序中引用Angular脚本,并以以下方式注册包含Kendo UI指令的模块:angular.module(“ KendoDemos”,[“ kendo.directives”])。您可以结合使用AngularJS框架和我们的图表来开发可从此类集成中受益的应用程序。

立即下载

Kendo UI Sparklines示例四:MVVM

Kendo UI框架的MVVM功能基于强大的Model-View-ViewModel概念提供了强大的双向数据绑定功能。在本示例中,显示如何配置Kendo UI Sparkline来利用框架公开的MVVM功能。

立即下载

Kendo UI Sparklines示例三:绑定到本地数据

可以指示Kendo UI图表通过其DataSource属性配置显示来自本地数据存储的数据,因为它具有内置的数据绑定功能。在上面的示例中,通过JSON数组定义了图表的数据,并通过dataSource data属性将其分配给了图表。 因此,图表通过设置其字段属性以匹配源中的相关数据项属性名称来获取数据并显示其系列值。

立即下载

Kendo UI Sparklines示例二:绑定到远程数据

Kendo UI chart中的数据可以从本地或远程存储流式传输,因此具有足够的灵活性以可视化任何数据存储中的信息。在此示例中演示了如何通过配置DataSource传输将Kendo UI sparkline图与远程数据绑定,该数据源传输定义了DataSource如何与远程数据进行交互。

立即下载

Kendo UI Sparklines示例一:基本用法

Sparkline一个非常小的图表,没有轴、坐标、图例、标题和其他图表特定元素。 与标准图表相反,它的操作类似于内联元素(在跨度内呈现),而标准图表的操作类似于块元素(在div内呈现),因此可以轻松地嵌入文本中。您可以通过type属性指定sparkline类型。

立即下载

Kendo UI Scatter Charts示例十二:AngularJS

Kendo UI图表使用与产品正式支持的指令,与AngularJS进行原生的集成。要利用此集成,您需要在应用程序中引用Angular脚本,并以以下方式注册包含Kendo UI指令的模块:angular.module("KendoDemos", [ "kendo.directives" ]),因此,您可以结合使用AngularJS框架和图表来开发可从此类集成中受益的应用程序。

立即下载

Kendo UI Scatter Charts示例十一:MVVM

Kendo UI框架的MVVM功能基于强大的Model-View-ViewModel概念提供了强大的双向数据绑定功能,这样您可以轻松地使小部件的属性值可见,并在数据源中应用更改时自动对其进行修改,或者在用户与UI交互时更改基础数据。在此示例中显示了如何配置Kendo UI图表以利用框架公开的MVVM功能。

立即下载

Kendo UI Scatter Charts示例十:绑定到分组数据

可以使用Kendo UI数据源作为中介,将Kendo UI图表绑定到分组的数据。

立即下载

Kendo UI Scatter Charts示例九:绑定到本地数据

可以指示Kendo UI图表通过其数据源属性配置显示来自本地数据存储的数据,它具有内置的数据绑定功能。在本示例中,通过JSON数组定义了图表的数据,并通过dataSource data属性将其分配给了图表。 因此,图表通过设置其字段属性以匹配源中的相关数据项属性名称来获取数据并显示其series和categoryAxis值。

立即下载
扫码咨询


添加微信 立即咨询

电话咨询

客服热线
023-68661681

TOP