javascript – 如何为Telerik Kendo UI饼图楔形着色?
25-02-16
17
关于javascript–如何为TelerikKendoUI饼图楔形着色?的问题就给大家分享到这里,感谢你花时间阅读本站内容,更多关于JavaScriptclient如何获取TelerikRadGri
关于javascript – 如何为Telerik Kendo UI饼图楔形着色? 的问题就给大家分享到这里,感谢你花时间阅读本站内容,更多关于JavaScript client 如何获取 Telerik RadGrid的值、Javascript createElement和innerHTML增加页面元素的性能对比_javascript技巧、javascript getElementById 使用方法及用法_javascript技巧、javascript getElementByTagName的使用_javascript技巧 等相关知识的信息别忘了在本站进行查找喔。
本文目录一览:
javascript – 如何为Telerik Kendo UI饼图楔形着色? 我正在使用Telerik Kendo饼图,我希望能够为楔子上色.
以下是我的Kendo UI饼图的标记:
<script type="text/javascript">
function createChart() {
jQuery("#chart").kendoChart({
theme: jQuery(document).data("kendoSkin") || "Metro",legend: {
position: "bottom"
},seriesDefaults: {
labels: {
visible: true,format: "{0}%"
}
},series: [{
type: "pie",data: [{
category: "Remaining Work",value: 75,explode: true
},{
category: "CIOs",value: 2
},{
category: "Other Executives",value: 10
},{
category: "Directors and Physicians",value: 13
}]
}],tooltip: {
visible: true,format: "{0}%"
}
});
}
jQuery(document).ready(function () {
setTimeout(function () {
createChart();
// Initialize the chart with a delay to make sure
// the initial animation is visible
},400);
jQuery(document).bind("kendo:skinChange",function (e) {
createChart();
});
});
</script>
我希望剩下的工作是浅灰色的.我该如何做到这一点?
任何建议,将不胜感激.
解决方法
在
Kendo UI DataViz中,所有图表都支持通过
seriesColors
option覆盖主题颜色.此属性将采用十六进制颜色字符串数组.例如:
$("#chart").kendoChart({
...
seriesColors: ["#7c7c7c",... ]
});
JavaScript client 如何获取 Telerik RadGrid的值 网上很多代码用不成,下面这段代码经验证可用:
Java代码
var MasterTable = grid.get_masterTableView();
var selectedRows = MasterTable.get_selectedItems();
var row = selectedRows[0];
var cell = MasterTable.getCellByColumnUniqueName(row, "ID");
cell = cell.innerHTML; 登录后复制
Javascript createElement和innerHTML增加页面元素的性能对比_javascript技巧 最近遇到js的效率问题,是关于在页面中新增元素的问题。 假设我们有页面如下:
<script> <BR>// 脚本位置 <BR></script>
现在,我们要往div1中添加对象,大家都知道在为web页面增加一个元素时可以使用如下代码:
//方法1
div1.innerHTML = ''测试'';
或者:
//方法2
var a = document.createElement(''a'');
a.innertText = ''测试'';
div1.appendChild(a);
在网上搜索到一个探讨js效率问题的文章,其大概意思是说方法2的效率高,其对比代码如下:
// 方法1 function init(){ var staDate = new Date(); var doc = window.document; for(var i=0;ivar str="test
"; container.innerHTML += str; } alert(new Date - staDate); } //方法2 function init(){ var staDate = new Date(); var doc = window.document; for(var i=0;ivar oDiv = doc.createElement("div"); var oText = doc.createTextNode("text"); oDiv.appendChild(oText); container.appendChild(oDiv); oDiv.style.id = "div_"+i; oDiv.style.width = "100px"; oDiv.style.height = "20px"; oDiv.style.backgroundColor = "#eee"; } alert(new Date - staDate); }
其页面中有:
从执行效果来看方案2要比方案1快10倍左右,到底这是不是真的呢?其实上面的测试代码是有待商榷的,且看其方法1中的循环代码:
for(var i=0;ivar str="test
"; container.innerHTML += str; }
其中有很多字符串操作,而且除了使用+号来连接字符串外,还使用了+=操作符,这就是问题的所在了,在javascript中这种操作字符串的做法是严重影响效率的,所以使用上面的方法来测试createEmenent和innerHTML的效率对innerHTML是不公平的, 据此看来很可能是字符串操作吃掉了innerHTML的性能,于是写了下面的测试代码:
[Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]
经测试发现:
1、在创建的对象较少(0-大约10左右)时,innerHTML和createElement效率差不多,测试值悠忽不定;
2、在创建对象多于20时,innerHTML要比createElement效率高很多,平均测试差不多createElement耗时是innerHTML的两倍。
总结:其实效率也在于编写的代码,在知道可用的API的效率后,怎么编写代码也是非常重要的,否则应由的执行效率不能体现出来,就如上面从网上搜到的那些代码,得出一个与事实相悖的结论。
javascript getElementById 使用方法及用法_javascript技巧 document.getElementById("link").href; document.getElementById("link").target; document.getElementById("img").src; document.getElementById("img").width; document.getElementById("img").height; document.getElementById("input").value; 那么如何取得
以及之间的值呢?如
aaa
中的aaa,bbb中的bbb,也很简单,利用innerHTML就可以了:
document.getElementById("div").innerHTML;
document.getElementById("link").innerHTML;
getElementById 方法
返回具有指定 ID 属性值的第一个对象的一个引用。
语法
oElement = document.getElementById(sIDValue)
参数
sIDValue 必选项。指明 ID 属性值的字符串
返回值
返回 ID 属性值与指定值相同的第一个对象。
注释
如果 ID 属于一个集合,getElementById 方法返回集合中的第一个对象。
getElementById 方法与使用 all 集合上的 item 方法等同。例如,以下代码样本表示如何从 document 对象中取回 ID 为 oDiv 的第一个要素。
使用 DHTML 对象模型:
var oVDiv = document.body.all.item("oDiv");
使用文档对象模型(DOM):
var oVDiv = document.getElementById("oDiv");
示例
以下例子表示如何使用 getElementById 方法返回 ID 属性值 oDiv 的第一次出现。
<script> <BR>function fnGetId(){ <BR>// Returns the first DIV element in the collection. <BR>var oVDiv=document.getElementById("oDiv1"); <BR>} <BR></script>
Div #1
Div #2
Div #3
getElementById 方法
返回具有指定 ID 属性值的第一个比如说有个网页中有个text框的id叫text1
getElementById(text1)就能得到这个text1框的对象,并使用text框的所有属性和方法
这个是JS的一个方法,意思是通过控件ID取得元素的值,如一个form里包函text、label等,他们都是FORM的元素,有一个分配的ID,getElementById()是取得这些元素的text值的。
这个是JS的一个方法,意思是通过控件ID取得元素的值,如一个form里包函text、label等,他们都是FORM的元素,有一个分配的ID,getElementById()是取得这些元素的text值的。
程序举例
[Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]
支队一个单元隔进行对齐
[Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]
改变colspan的值
[Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]
javascript getElementByTagName的使用_javascript技巧 javascript getelementbytagname的使用_javascript技巧
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>javascript getElementByTagName的使用</title>
<style type="text/css">
.dd1{ color:#FF0000;
}
.dd2{ color:blue;
}
</style>
<script type="text/javascript">
function changeColor()
{
//document.getElementById("s1").getElementsByTagName("a").className="dd2";
var obj1,num,i;
obj1=document.getElementById("s1").getElementsByTagName("a");
num=document.getElementById("s1").getElementsByTagName("a").length;
for (i=0;i<num;i++)
{
obj1[i].className="dd2";
}
}
</script>
</head>
<body>
<div id="s1" onmouseover="changeColor()">
<a href="ddd">dfdfd</a>
<a href="ddd">dfdfd</a>
<a href="ddd">dfdfd</a>
</div>
</body>
</html> 登录后复制
以上就是的内容。
今天关于javascript – 如何为Telerik Kendo UI饼图楔形着色? 的介绍到此结束,谢谢您的阅读,有关JavaScript client 如何获取 Telerik RadGrid的值、Javascript createElement和innerHTML增加页面元素的性能对比_javascript技巧、javascript getElementById 使用方法及用法_javascript技巧、javascript getElementByTagName的使用_javascript技巧 等更多相关知识的信息可以在本站进行查询。