首页 > 资源 > DEMO

Kendo UI Funnel Charts示例二:Funnel标签

本示例演示如何配置Kendo UI funnel chart的标签,您可以通过eriesDefaults -> labels设置可见性、位置和对齐方式、字体颜色、大小等来指定属性。

立即下载

TeeChart for JavaScript/HTML5演示——Pie:Pie图表(二)

TeeChart for JavaScript/HTML5是基于HTML5画布的跨浏览器JavaScript图表库。本示例是该产品在线演示的Pie这一系列的其他的Pie图表。

立即下载

QtitanDataGrid在线示例:RelationMode

本示例演示如何正确初始化网格,以及使用两个相对的Qt模型,示例重复Qt中类似演示示例的功能。

立即下载

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

Kendo UI chart是一个数据可视化窗口小部件,它允许您输出数据的图形表示。本示例演示如何注册和配置Funnel Chart,漏斗图以分段的形式按逐渐减小或增大的比例显示单个数据系列,其中每个分段代表该系列中特定项目的值,项目的值也可能影响相应段的高度和形状。

立即下载

QtitanDataGrid在线示例:ProgressBarEditor

本示例演示进度条单元格编辑器的操作,网格允许在进度栏中显示和编辑整数值。

立即下载

Kendo UI Donut Charts示例六:AngularJS

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

立即下载

QtitanDataGrid在线示例:PreviewRow

本示例演示如何正确初始化网格预览行。预览行是一个特殊的行,没有列标题,它设计为显示反映在其他单元格中的一般信息。

立即下载

Kendo UI Donut Charts示例五:MVVM

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

立即下载

TeeChart for JavaScript/HTML5演示——Pie:Pie图表

TeeChart for JavaScript/HTML5是基于HTML5画布的跨浏览器JavaScript图表库。本示例是该产品在线演示的Pie这一系列的Pie图表。

立即下载

TeeChart for JavaScript/HTML5演示——Bar:sortingBar图表

TeeChart for JavaScript/HTML5是基于HTML5画布的跨浏览器JavaScript图表库。本示例是该产品在线演示的Bar这一系列的sortingBar图表。

立即下载

​Highcharts在线演示:气泡图示例

以下气泡图允许对数据进行4维显示: Y轴上的每日糖摄入量。 X轴上的每日脂肪摄入量。 成人肥胖是由气泡的大小代表的。 使用三种颜色的安全脂肪/糖摄入量

立即下载

​Highcharts在线演示:树状图示例

在此演示中,树状图显示了2014年人均难民最多的国家。很容易看出,黎巴嫩的人均难民人数最多,而瑞典的人均难民人数最少。

立即下载

​Highcharts在线演示:条形图示例

这是条形图,具有与上一个演示相同的数据,该条形图显示了2016年按性别划分的欧洲前五名人口。

立即下载

​Highcharts在线演示:柱形图示例

下图比较了2016年按性别划分的欧洲前五名人口。德国是欧洲人口最多的国家,其次是法国和英国。在欧洲排名前五的所有国家中,女性人数大于男性人数;男女人数差距最大的是法国,人数为2,0,79,918,其次是意大利,为1,752,909。

立即下载

QtitanDataGrid在线示例:MultiSelection

本示例演示在各种选择模式下的网格操作。您可以选择单行、多行、单个单元、多个单元、multi-rows with rubber band和multi-cells with rubber band selection模式。在多行模式下,您可以通过单击复选框来标记行。

立即下载

​Highcharts在线演示:折线图示例

以下演示使用折线图按区域显示了世界人口。该图表使我们可以比较人口增长。我们可以轻松地看到,亚洲人口的增长和数量最高,其次是非洲人口,其中海洋人口的增长和数量最低。 自1950年以来,所有地区的增长都类似。

立即下载

Kendo UI Donut Charts示例四:绑定到本地数据

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

立即下载

QtitanDataGrid在线示例:MasterDetail

本示例演示如何在网格中使用master-detail模式,当表中的行具有表、统计图或其他类型形式的从属数据时,将使用master-detail模式。在此示例中,详细信息显示在表格视图中。

立即下载

Kendo UI Donut Charts示例三:绑定到远程数据

Kendo UI chart支持通过RESTful服务绑定到远程数据。对于远程数据绑定,您需要指定一个返回JSON / JSONP格式数据的远程端点或Web服务,并利用图表和基础数据之间的数据源。在本示例中,图表从通过DataSource读取配置分配的远程端点获取其数据。

立即下载

QtitanDataGrid在线示例:MSOfficeMode

本示例演示类似于Microsoft Office中的网格操作,对行进行分组,就像在Outlook中一样。

立即下载
扫码咨询


添加微信 立即咨询

电话咨询

客服热线
023-68661681

TOP