jqPlot设置每个饼图切片的颜色

时间:2012-06-21 14:28:48

标签: jqplot

我看到如何使用折线图执行此操作,但我必须使用饼图。

任务是我得到了一个图表,其中概述了设置产品的状态使用情况,我需要将一个切片设置为始终相同的颜色,但问题是我可以使系列代码工作,并且没有好处关于它的建议。

我想要的是,如果我们发现某些东西没有被大量使用,我们希望它的颜色相同,否则就可以是任何颜色。

example:
product #1 has sold 2 units in last 30 days
product #2 has sold 100 units in last 3 days
product #3 has sold 1 units in last 30 days

产品#3应为红色,但其他两个可能是其他任何东西。

目前我正在使用seriesColors,但我想要的数据并不总是按照一定的顺序排列,所以这对我需要的东西来说是一个很差的解决方案。

我希望有人对此有所了解,并希望它有可能。

我必须使用jqPlot,所以请不要就不同的库提出建议。

2 个答案:

答案 0 :(得分:2)

所以把它们作为所有销售产品的总和。然后就颜色而言,创建一组您真正认为合作的颜色,并从列表中随机选择(不包括红色)。然后,对于最低项目,将颜色设置为红色。

如果你不能使用jqPlot,请查看D3.js.

答案 1 :(得分:2)

seriesColors :[
               '#FF4700','#BA00FF',
               '#25FF00', '#5100FF',
               '#aa2211','#FFFF00',
               '#3377aa', '#FAE8FD',
               '#9933aa','#00FFED',
               '#9324A6', ''
              ],