javascript - ダイアグラム - ハイチャートにテキストを書くにはどうすればよいですか?

Question

黄色の部分にテキストを書き込んで、この部分をクリックしたときにのみ表示されるようにするにはどうすればよいですか? http://jsfiddle.net/r6p7E/14/

mouseOut: function () {
                        var serie = this.points;

                        $.each(serie, function (i, e) {
                            if (!this.selected) {                                    
                                this.graphic.attr({
                                    fill: '#242c4a'
                                });
                            }
                            else {
                                 this.graphic.attr({
                                    fill: '#fefe0f',

                                });
                            }
                        });
                    }`

Answer 1

SVG要素（円など）でクリックイベントをキャッチし、レンダラーでテキストを追加できます。

http://jsfiddle.net/r6p7E/15/

chart.renderer.circle(175, 216, 22).attr({
        fill: '#e7e620',

            'stroke-width': 5,
        zIndex: 3
    })
   .on('click', function () {
        var text = chart.renderer.text('text', 100, 100)
            .attr({
                    zIndex: 5
            })
            .css({
                color: 'red',
                fontSize:'20px'
            })
            .add();

    })
        .add();
});