javascript - Highcharts.js-単一のパイを手動でレンダリングします

Question

それをしてもいいですか？

ドキュメントから、関数を渡すことで「dataLabels」をフォーマットできます。円グラフから単一の円を色付けするための同じコントロールを取得したいと思います。

色の配列を渡すことができることは知っていますが、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'
    });
}