Kendo ui 如何在剑道中为图表添加条件着色?
我正试图在剑道图中实现上述功能 条形图的颜色应根据百分比值而变化。我已经研究了其他示例,如下面的示例:Kendo ui 如何在剑道中为图表添加条件着色?,kendo-ui,kendo-chart,Kendo Ui,Kendo Chart,我正试图在剑道图中实现上述功能 条形图的颜色应根据百分比值而变化。我已经研究了其他示例,如下面的示例: 但它使用了4个不同的系列,这些系列具有预定义的颜色。我需要颜色根据百分比值变化。有没有办法代替多个系列来实现这一点?在SeriesDefault下,我做了如下更改: seriesDefaults: { type: "column", column: {
但它使用了4个不同的系列,这些系列具有预定义的颜色。我需要颜色根据百分比值变化。有没有办法代替多个系列来实现这一点?在SeriesDefault下,我做了如下更改:
seriesDefaults: {
type: "column",
column: {
color: getcolor // use a function to get color
},
gap: .1,
overlay: {
gradient: "none"
}
},
function getcolor(e) {
if (e.value < 3000) {
return "red";
}
else if (e.value > 3000 && e.value < 5000) {
return "orangered";
}
else if (e.value > 5000 && e.value < 7000) {
return "orange";
}
else if (e.value > 7000 && e.value < 9000) {
return "olive";
}
else {
return "green";
}
}
系列默认值:{
键入:“列”,
专栏:{
color:getcolor//使用函数获取颜色
},
差距:1,
覆盖:{
梯度:“无”
}
},
函数getcolor(e){
如果(e.值<3000){
返回“红色”;
}
否则,如果(e.value>3000&&e.value<5000){
返回“橙色”;
}
否则如果(e.value>5000&&e.value<7000){
返回“橙色”;
}
否则如果(e.value>7000&&e.value<9000){
返回“橄榄”;
}
否则{
返回“绿色”;
}
}