javascript - Highcharts中如何分别设置金字塔图中每个block的边框颜色

Question

我想知道是否有任何方法可以使用 Highcharts 分别设置金字塔图表中每个 block 的边框颜色。

这是我想要的:

如你所见，每个 block 的边框颜色是不同的

但在 Highcharts 中，我得到的只是一种颜色:
https://jsfiddle.net/scottszb1987/18009rf1/

series: [{
  name: 'Unique users',
  borderColor: "#333333",
  data: [
    ['Website visits', 15654],
    ['Downloads', 4064],
    ['Requested price list', 1987],
    ['Invoice sent', 976],
    ['Finalized', 846]
  ]
}]

Answer 1

您还可以在 data-Array 中提供一个对象，该对象具有专门用于该特定数据片段的自定义属性。对于您的示例:

series: [{
  name: 'Unique users',
  borderColor: '#000000',
  data: [
    {name: 'Website visits', y: 15654, borderColor: "#FF0000"},
    {name: 'Downloads', y: 4064, borderColor: '#00FF00'},
    ['Requested price list', 1987],
    ['Invoice sent', 976],
    ['Finalized', 846]
  ]
}]

这里我们有一个默认的 borderColor #000000 和第一个和第二个切片的自定义 borderColor。您当然可以省略默认值并为每个数据对象提供自定义的。 JSFiddle:https://jsfiddle.net/doc_snyder/18009rf1/3/