0

ポイントの近くにテキストを表示できますが、実際には、このテキストはポイントに添付されていません。また、ズーム中はテキストがポイントに追従しません。

私はこのコードを作成し、それは機能します： 

events: {
    redraw: function() {
        $.each(chart.getSelectedPoints(), function(i, point) {
            $('#txt-'+point.x+'-'+point.y)
            .attr('y', point.plotY + chart.plotTop - 10)
                .find('tspan')
                .attr('x', point.plotX + chart.plotLeft + 10);
        });
    }
},

そして、この関数はポイント選択イベントで呼び出されます： 

function addText(point) {
    chart.renderer.text(
        'paf!',
        point.plotX + chart.plotLeft + 10,
        point.plotY + chart.plotTop - 10
    ).attr({
        zIndex: 5,
        id: 'txt-'+point.x+'-'+point.y
    }).add();
}

完全なコード： http： //jsfiddle.net/ManUtopiK/XaURC/

それを行う別の公式な方法があるかどうか知りたいだけですか？

4

1 に答える 1

0

レンダラーを使用してポイントを追加する場合、位置をピクセル単位で定義するため、これは続きません。つまり、x：100px、y：100pxであり、ズーム後のチャートのピクセルは、ズームなしの場合と同じ場所にあります。他の作品では、レンダラーを使用する場合、チャートに関連するx：3やy：4のような位置を定義するのではなく、ピクセルで定義します。

于 2013-01-30T15:22:13.187 に答える