饼图的颜色模式答案

【问题标题】：Color pattern for pie chart饼图的颜色模式
【发布时间】：2016-08-22 23:05:33
【问题描述】：

我想在我的饼图中使用总共三种颜色。我的问题是我不希望相同的 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 Fiddle，代码相同，红色文本是问题出现的地方。该行以 R 开头并以 R 结尾，使它们在我的饼图中连续出现两次。

如何避免同一种颜色连续出现两次？

【问题讨论】：

您的问题没有多大意义（“我不希望相同的 2 种颜色连续出现”），以您的示例（每行重复字母多次）为例。表达你想要什么怎么样？

标签： javascript math

【解决方案1】：

对于问题案例，只需对除最后一段之外的所有部分重复前两种颜色。对于最后一段，使用第三种颜色。像这样的：

for(var x = 0; x < i-1; x++) document.write(colors[x % 2]);
document.write(colors[2]);

这有帮助吗？

【讨论】：