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

Question

我能这样做吗？

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

我知道我可以传入一系列颜色，但我不希望Highcharts只是自动设置这些颜色值，我想根据饼图/区域的值设置颜色。

想法？

Answer 1

您可以按如下方式设置每个切片的颜色。这是一个example。

            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'
    });
}