在 Flot 中控制颜色阴影

Question

我有一个条形图，我需要在其中限制使用的颜色数量，以便不同的条形最终可能具有相同的颜色。例如，如果颜色仅限于红色和蓝色并且有 6 个条形图（每个条形图都有自己的系列），则将它们显示为：

红蓝红蓝红蓝

（这不是在每个 x 轴上重复的 2 个系列。）

我通过创建一个包含颜色数组的变量来完成此操作：

var availableColors = ["Red", "Blue"];

然后在我设置的配置中：

colors: availableColors,...

这只是一种作品。这两种颜色确实在所有条形图中重复出现，但每次在新条形中重复一种颜色时，它都会以该颜色的不同阴影显示。（我故意没有 "Grey" 其中一种颜色，所以没有 50 种笑话。）

如何使每个条上的颜色保持固定，这样我就不会得到每种颜色的阴影？

Answer 1

这个怎么样？

var availableColors = ["Red", "Blue", "Red", "Blue", "Red", "Blue"];

你的数组发生的事情是 flot 的默认行为（参见 documentation）：

If there are more data series than colors, Flot will try to generate extra colors by lightening and darkening colors in the theme.

如果您需要的颜色数量是可变的，请在脚本中动态创建数组。

Controlling Color Shades in Flot