Question

Can I do that?

From the documentation, you can format the “dataLabels” by passing in a function. I would like to gain the same control for colorizing a single pie from a PieChart.

I know I can pass in an Array of colors, but I don’t want Highcharts to just automatically set these colors values, I want to set the color based on the value for a pie/area.

Ideas?

Answer 1

You can set the color for each slice as follows. Here’s an 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)
                    }
                ]

Just set the color on each point according to it’s value.

Also, you can dynamically update the colors, e.g.

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