javascript - Highcharts.js - 手动渲染单个饼图

Question

我可以这样做吗？

从文档中，您可以通过传入一个函数来格式化“dataLabels”。我想从 PieChart 中为单个饼图着色时获得相同的控制。

我知道我可以传入一个颜色数组，但我不想让 Highcharts 自动设置这些颜色值，我想根据饼图/区域的值设置颜色。

想法？

Answer 1

您可以如下设置每个切片的颜色。这是一个例子。

            data: [
                    {
                        name: 'A',
                        y: 1,
                        sliced: true,
                        selected: true,
                        color: getColor(1)
                    },
                    {
                        name: 'B',
                        y: 12.8,
                        sliced: false,
                        selected: false,
                        color: getColor(12.8)
                    },
                    {
                        name: 'C',
                        y: 52.8,
                        sliced: false,
                        selected: false,
                        color: getColor(52.8)
                    }
                ]

只需根据其值设置每个点的颜色即可。

此外，您可以动态更新颜色，例如

function updateChart() {
    chart.series[0].data[1].update({
        color: '#ff0'
    });
}