控制Flot中的颜色阴影

时间:2015-01-19 20:02:37

标签: flot

我有一个条形图,我需要限制使用的颜色数量,以便不同的条形可能会以相同的颜色结束。例如,如果颜色仅限于红色和蓝色,并且有6个条形(每个条形图都有自己的系列),则将它们显示为:

红蓝红蓝红蓝

(这是在每个x轴上重复的2个系列。)

我通过使用颜色数组创建变量来完成此操作:

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

然后在我设置的配置中:

colors: availableColors,...

这只是一种作品。两种颜色确实在所有条形图中重复,但每次在新条形图中重复颜色时,它会以不同的颜色显示。 (我故意没有制作" Gray"其中一种颜色,所以没有50种笑话。)

如何保持每个条形图上的颜色固定,以便我不会得到每种颜色的阴影?

1 个答案:

答案 0 :(得分:1)

这个怎么样?

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

你的数组会发生什么是flot的默认行为(参见documentation):

  

如果数据系列多于颜色,Flot将尝试通过主题中的颜色变亮和变暗来生成额外的颜色。

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