Charts 如何在剑道图中应用平色效果
我在我的项目中使用Telerik图表。我可以改变图表的颜色,但不能改变样式。我所说的风格是——在所有图表上都出现了浮雕效果(第一张图片)。我需要应用的是平面颜色(第二幅图像)。在我所有的剑道图表中,我怎样才能消除图表上的渐变效果Charts 如何在剑道图中应用平色效果,charts,kendo-ui,telerik,kendo-chart,Charts,Kendo Ui,Telerik,Kendo Chart,我在我的项目中使用Telerik图表。我可以改变图表的颜色,但不能改变样式。我所说的风格是——在所有图表上都出现了浮雕效果(第一张图片)。我需要应用的是平面颜色(第二幅图像)。在我所有的剑道图表中,我怎样才能消除图表上的渐变效果 提前感谢。您必须应用叠加效果。看到这个了吗 应用none渐变选项,可用的渐变选项包括: 圆角倒角(这是默认的渐变选项) 锐角 没有 函数createChart(){ $(“#图表”)。肯多卡特({ 标题:{ 位置:“底部”, 正文:“2007-2012年互联网人
提前感谢。您必须应用叠加效果。看到这个了吗 应用none渐变选项,可用的渐变选项包括:
- 圆角倒角(这是默认的渐变选项)
- 锐角
- 没有
函数createChart(){
$(“#图表”)。肯多卡特({
标题:{
位置:“底部”,
正文:“2007-2012年互联网人口增长份额”
},
图例:{visible:false},
图表区:{背景:},
系列默认值:{
标签:{
可见:真,背景:“透明”,模板:“#=类别:\n#=值#%”
}
},
系列:[{
键入:“馅饼”,
覆盖:{渐变:“无”},
startAngle:150,
数据:[{类别:“亚洲”,数值:53.8,颜色:“#9de219”},
{类别:“欧洲”,值:16.1,颜色:“#90cc38”},
{类别:“拉丁美洲”,数值:11.3,颜色:“#068c35”},
{类别:“非洲”,数值:9.6,颜色:“#006634”},
{类别:“中东”,值:5.2,颜色:“#004d38”},
{类别:“北美”,值:3.6,颜色:“#033939”}]
}],
工具提示:{visible:true,格式:{0}%}
});
}
$(文档).ready(创建图表)代码>
请尝试以下代码片段。若要删除渐变效果,必须在图表中设置“覆盖:null”
<div id="chart"></div>
<script>
var data = [
{
"source": "Hydro",
"percentage": 22,
"explode": true
},
{
"source": "Solar",
"percentage": 2
},
{
"source": "Nuclear",
"percentage": 49
},
{
"source": "Wind",
"percentage": 27
}
];
$(document).ready(function () {
$("#chart").kendoChart({
title: {
text: "Break-up of Spain Electricity Production for 2008"
},
legend: {
position: "bottom"
},
dataSource: {
data: data
},
seriesDefaults: {
overlay: {
gradient: null
}
},
series: [{
type: "pie",
field: "percentage",
categoryField: "source",
explodeField: "explode"
}],
seriesColors: ["#03a9f4", "#ff9800", "#fad84a", "#4caf50"],
tooltip: {
visible: true,
template: "${ category } - ${ value }%"
}
});
});
</script>
风险值数据=[
{
“来源”:“水电”,
“百分比”:22,
“爆炸”:真的吗
},
{
“来源”:“太阳能”,
“百分比”:2
},
{
“资料来源”:“核”,
“百分比”:49
},
{
“来源”:“风”,
“百分比”:27
}
];
$(文档).ready(函数(){
$(“#图表”)。肯多卡特({
标题:{
正文:“2008年西班牙电力生产的分解”
},
图例:{
位置:“底部”
},
数据源:{
数据:数据
},
系列默认值:{
覆盖:{
梯度:零
}
},
系列:[{
键入:“馅饼”,
字段:“百分比”,
类别字段:“来源”,
爆炸字段:“爆炸”
}],
系列颜色:[“03a9f4”、“ff9800”、“fad84a”、“4caf50”],
工具提示:{
可见:对,
模板:“${category}-${value}%”
}
});
});
如果有任何问题,请告诉我