javascript - 我可以在 Highcharts 中使用堆叠列对各个点进行着色吗？

Question

我有一个使用 3 个系列数组构建的图表，每个数组都有 5 个数据点，针对 5 个独特产品中的每一个显示为堆积柱形图。请参阅this fiddle以去品牌为例。

对于我迄今为止的所有研究，似乎 plotOptions.column.colorByPoints 选项是最有可能的解决方案，但它只让我成功了一半。

按照系列结构，我需要图表颜色来匹配以下结构:

[ /* note: this example uses pseudo colours */
  [transparent,  transparent,   transparent, transparent,    transparent],
  [lighter-blue, lighter-green, lighter-red, lighter-yellow, grey],
  [blue,         green,         red,         yellow,         black]
]

不幸的是，为每个系列设置颜色没有帮助，因为系列中的每个点都需要不同。

郑重声明，与 colorByPoints 关联的 plotOptions.column.color 选项似乎只接受一个数组(与数据结构匹配的嵌套数组在这里不起作用) ，但它适用于整个堆栈，因此在我的例子中设置 15 种颜色的单个数组仅使用前 5 种颜色。

这让我很困惑，我是否在这里遗漏了一些愚蠢的东西，或者这对于 Hichcharts 来说根本不可能？

Answer 1

在这种情况下，您需要在数据点对象中提供颜色。

即:

data: [
  {y:15, color:'blue'}, 
  {y:64, color:'red'}
]

示例:

• http://jsfiddle.net/jlbriggs/rbx9h3r5/3/