GVKun编程网logo

javascript – 如何为Telerik Kendo UI饼图楔形着色?

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饼图楔形着色?

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的值

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技巧

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技巧

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技巧

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技巧等更多相关知识的信息可以在本站进行查询。

本文标签:

上一篇javascript – Graphql,react-apollo如何在加载组件状态时将变量传递给查询(react组件加载顺序)

下一篇javascript – 禁用警报消息(javascript警告怎么关闭)