在Highcharts圆环图表渲染中错过了颜色

时间:2014-11-28 18:11:43

标签: javascript highcharts

我对Highcharts Donut图表有一个问题,包含大量数据。 渲染中遗漏了最后的颜色。在空白区域上移动鼠标,显示颜色。

http://jsfiddle.net/2t93vthq/

我试过没有选项 plotOptions.pie.animate = false 没有成功。

有什么想法吗?

1 个答案:

答案 0 :(得分:0)

这是因为您使用的是Highcharts的默认颜色集,其默认包含10种不同的颜色,并且由于您使用迭代器作为颜色索引,因此您需要获得{{1对于某些颜色(换句话说,从第11点开始)。

无论如何,您始终可以创建自己的颜色集:

undefined

或者可能使用更多"足够的"将为您创建颜色集的颜色生成器(就像我刚刚用Google搜索的那样:http://www.paulirish.com/2009/random-hex-color-code-snippets/

或者,如果您想要坚持预定义的颜色集,您可以使用不同的方法为每次迭代选择颜色,例如使用'循环'计数器:

var myColors = ['red','blue','yellow'....]

这将保证您不会使用缺失的颜色。 http://jsfiddle.net/xw75je1h/1/