[英]Color pattern for pie chart
我想在饼图中总共使用三种颜色。 我的问题是我不希望连续出现相同的2种颜色。
这是我的简化代码:
var colors = ["R", "G", "B"];
for(var i = 2; i < 30; i++) {
if(i % 2 == 0) {
for(var x = 0; x < i; x++) document.write(colors[x % 2]);
}else if(i % 3 == 0) {
for(var x = 0; x < i; x++) document.write(colors[x % 3]);
}else {
if(i % 3 == 1) {
for(var x = 0; x < i; x++) document.write("<span style='color:red'>" + colors[x % 3] + "</span>");
}else {
for(var x = 0; x < i; x++) document.write(colors[x % 3]);
}
}
document.write("<br>");
}
这是带有相同代码的JS小提琴 ,红色文本是出现问题的地方。 该行以R开头,以R结束,这使它们在饼图中连续出现两次。
如何避免同一颜色连续出现两次?
对于有问题的情况,只对最后一个分段重复所有前两个颜色。 对于最后一段,请使用第三种颜色。 像这样:
for(var x = 0; x < i-1; x++) document.write(colors[x % 2]);
document.write(colors[2]);
这有帮助吗?
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.