css - Highcharts如何为饼图数据和向下钻取数据制作一组颜色

Question

我正在使用 Highcharts 并使用饼图，特别是具有向下钻取的饼图

这是我使用的一个示例图表，它有一个向下钻取

https://www.highcharts.com/demo/pie-drilldown

我正在使用有时具有一个系列项目、有时是两个系列或更多系列的数据渲染我的饼图，这意味着饼图有时会有一个切片、两个切片或更多，我希望某种颜色始终出现在数据上具有最高的价值。我还希望切片始终是颜色数组中的任何颜色。

我还希望 highcharts 向下钻取数据始终是一定范围的颜色。所以当我们点击其中一个切片时，那里的数据应该总是在一定范围内的颜色，这与饼图系列数据上的特征相似，但我希望颜色与饼图不同系列数据。

我怎样才能做到这一点？

谢谢

标签： csshighchartspie-chart

Answer 1

Highcharts 颜色选项可以添加到图表定义中的特定系列。所以它也可以添加到特定的钻取系列中：

drilldown: {
  series: [
    {
      name: "Chrome",
      id: "Chrome",
      colors: [
        '#db03fc',
        '#03e3fc',
        ...
      ],
      ...
    }
  ]
}

我不知道 Highcharts 中有任何方法可以轻松地为特定的饼图着色。默认情况下，colors数组中的颜色将按照提供数据的相同顺序填充切片。colors如果可能，它可能有助于通过对向下钻取数据进行排序来控制颜色，以确保可预测地用数组中的第一种颜色填充最高值。

文档：Highcharts 颜色