首页 > 资源 > DEMO

Kendo UI Scatter Charts示例四:日期轴

本示例演示如何使用散点图数据绑定日期时间跨度。

立即下载

Kendo UI Scatter Charts示例三:平滑的散线图

本示例演示如何创建更平滑的散线图,其中系列项目与拟合曲线相连,该曲线代表缺失数据点的粗略近似值。您可以通过seriesDefaults-> style-> smooth setting定义散线图系列。

立即下载

Kendo UI Scatter Charts示例二:散线图

本示例演示如何创建散线图,这对于显示数值数据很有用,您可以通过seriesDefaults-> type-> scatterLine设置定义散布线系列。

立即下载

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

Kendo UI图表是功能强大的数据可视化组件,可让您以图形方式表示数据。您可以在此示例中看到散点图的演示,该散点图将数据显示为由其项的值定义的点。散点图可用于显示不同数据集之间的关系,例如科学(实验)结果。

立即下载

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

Kendo UI图表中的数据可以从本地或远程存储流式传输,因此具有足够的灵活性来可视化任何数据存储中的信息。对于远程数据绑定,您需要指定一个远程端点或Web服务(REST),以JSON / JSONP格式返回数据,并利用图表和基础数据之间的Kendo UI数据源。在本示例中演示如何通过配置DataSource传输将Kendo UI图表绑定到远程数据。

立即下载

Kendo UI Range Bar Charts示例二:绑定到本地数据

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

立即下载

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

Kendo UI图表是功能强大的数据可视化组件,可让您以图形方式表示数据。本示例演示如何创建Range Bar图表,该Range Bar图表将数据显示为条形图,其中每个条形图均表示一个介于其最小(即From属性)和最大(即To属性)水平之间的值范围。

立即下载

Kendo UI Radar Chart示例九:AngularJS

Kendo UI Radar图表具有使用指令与AngularJS原生集成的功能,该指令已作为产品的一部分正式支持。要使用此集成,您需要在应用程序中引用Angular脚本,并以以下方式注册包含Kendo UI指令的模块:angular.module("KendoDemos", [ "kendo.directives" ])

立即下载

Kendo UI Radar Chart示例八:MVVM

Kendo UI框架的MVVM功能基于强大的Model-View-ViewModel概念提供了强大的双向数据绑定功能,在本示例中演示了如何配置Kendo UI Radar图表来利用公开的MVVM功能。为此创建一个viewmodel实例(带有kendo.observable调用),该实例封装图表数据源,并使用data-attribute实例化小部件、其属性和绑定定义。

立即下载

Kendo UI Radar Chart示例七:绑定到分组数据

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

立即下载

Kendo UI Radar Chart示例六:绑定到本地数据

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

立即下载

Kendo UI Radar Chart示例五:绑定到远程数据

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

立即下载

Kendo UI Radar Chart示例四:Radar column

本示例演示如何创建雷达柱形图,该序列类型表示为高度根据其值而变化的数据列。您可以从series -> type -> radarColumn配置中设置此图表。

立即下载

GoJS在线示例:Genogram

族谱图或系谱图是扩展的族谱图,显示有关每个人或每种关系的信息。

立即下载

GoJS在线示例:组织结构图(静态)

显示组织结构图,使用嵌入式概述来帮助用户导航,并允许用户通过示例进行搜索。

立即下载

Kendo UI Radar Chart示例三:雷达区

本示例演示如何创建雷达区域图,该序列图类型由数据点表示,这些数据点与包含填充区域的直线段相连,您可以从Series -> RadarArea配置设置此图表。

立即下载

Kendo UI Radar Chart示例二:平滑雷达线

本示例演示如何为 Kendo UI Radar Chart配置平滑雷达线条样式。Spline chart是折线图/面积图的一种形式,其中序列中的每个数据点都用一条曲线连接,这表示丢失数据点的粗略近似。您可以通过seriesDefaults -> style -> smooth setting配置平滑的极地面积图。

立即下载

Kendo UI Radar Chart示例一:Radar line

Kendo UI chart是功能强大的数据可视化组件,可让您以图形方式表示数据。本演示Radar Line类型,该系列在图表上表示为直线连接的数据点。

立即下载

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

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

立即下载

Kendo UI Polar Charts示例七:支持MVVM

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

立即下载
扫码咨询


添加微信 立即咨询

电话咨询

客服热线
023-68661681

TOP