ハイチャートのPieTooltipにデータを追加する

ハイチャートを使用して円グラフにデータを追加しようとしています。説明してみてください：私はブラウザの円グラフを持っています：

• Firefox-10％
• Chrome-12％
• エクスプローラー-65％
• Opera-13％

ツールチップに表示する情報をさらに追加したいと思います。例：

• Firefox-女性ユーザーの10％：5％
• Chrome-女性ユーザーの12％：10％
• エクスプローラー-65％の女性ユーザー：30％
• Opera-13％の女性ユーザー：5％

私が入力した値は発明されたものです。ツールチップをカスタマイズして、シリーズにデータを追加する方法を理解したいと思います。

私のJsFiddleコード

これは、PieのJSコードです。

<script>
    $(function () {
        $('#container').highcharts({
            chart: {
                plotBackgroundColor: null,
                plotBorderWidth: null,
                plotShadow: false,
                type:'pie'
            },

            title: {
                text: 'Browsers'
            },

            subtitle: {
                text:false,
            },

            tooltip: {
                pointFormat: '{series.name}: <b>{point.percentage:.1f}%</b>'
            },

            plotOptions: {
                pie: {
                    allowPointSelect: true,
                    cursor: 'pointer',
                    dataLabels: {
                        enabled: true,
                        format: '<b>{point.name}</b>: {point.percentage:.1f} %',
                        style: {
                            color: (Highcharts.theme && Highcharts.theme.contrastTextColor) || 'black'
                        }
                    }
                }
            },

            series: [{
                name: "Total",
                colorByPoint: true,
                data: [{
                    name: "Firefox",
                    y: 10,
                }, {
                    name: "Chrome",
                    y: 12,
                }, {
                    name: "Explorer",
                    y: 65,
                }, {
                    name: "Opera",
                    y: 13,
                }]
            }],

        });
    });
</script>

これは私がやりたいことを理解するための画像です：

ありがとう