Charts 如何在剑道图中应用平色效果

Charts 如何在剑道图中应用平色效果,charts,kendo-ui,telerik,kendo-chart,Charts,Kendo Ui,Telerik,Kendo Chart,我在我的项目中使用Telerik图表。我可以改变图表的颜色,但不能改变样式。我所说的风格是——在所有图表上都出现了浮雕效果(第一张图片)。我需要应用的是平面颜色(第二幅图像)。在我所有的剑道图表中,我怎样才能消除图表上的渐变效果 提前感谢。您必须应用叠加效果。看到这个了吗 应用none渐变选项,可用的渐变选项包括: 圆角倒角(这是默认的渐变选项) 锐角 没有 函数createChart(){ $(“#图表”)。肯多卡特({ 标题:{ 位置:“底部”, 正文:“2007-2012年互联网人

我在我的项目中使用Telerik图表。我可以改变图表的颜色,但不能改变样式。我所说的风格是——在所有图表上都出现了浮雕效果(第一张图片)。我需要应用的是平面颜色(第二幅图像)。在我所有的剑道图表中,我怎样才能消除图表上的渐变效果


提前感谢。

您必须应用叠加效果。看到这个了吗

应用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}%”
}
});
});
如果有任何问题,请告诉我