HTML5 Web app开发工具Kendo UI Web中如何添加仪表和图表

最新推荐文章于 2024-05-18 09:30:52 发布

weixin_34174322

最新推荐文章于 2024-05-18 09:30:52 发布

阅读量96

点赞数

文章标签： ui 开发工具 python

原文链接：https://my.oschina.net/u/1240525/blog/169219

版权

在本文中将以示例说明如何使用Kendo UI Web中的Kendo UI DataViz添加仪表和图表。下面的示例将说明如何添加一个图表到现有的页面，具体的示例如下：

下面就是要为图表声明一个目标元素，将会由一个div元素代表，还需要一个脚本块初始化和配置区域图，下面就是一个随着数据的区域图示例。

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>My Kendo UI Application</title>
<link rel="stylesheet" href="http://cdn.kendostatic.com/2012.2.710/styles/kendo.dataviz.min.css">
</head>
<body>
<header>
<h1>My Kendo UI Application</h1>
</header>
<div role="main">
<div id="chart">
</div>
</div>
<footer>
<p>Kendo UI FTW!</p>
</footer>