0

バイオインフォマティクスの画像を描画するアプリケーションがあります。HighCharts.js は非常に優れたプロッターです。API によってツールチップを定義できることはわかっています。

tooltip: {
    useHTML: true,
    formatter: function() { 
        return 'here the html code';
    }
},

しかし、カスタマイズされたパーツのツールチップを追加するにはどうすればよいでしょうか? ここにラベルのツールチップを追加するとします

4

3 に答える 3

1

カスタム オブジェクトでは、Highchart の既定のツールヒントを使用できません。renderer.text、、、、、、、、、、、、、などrenderer.labelなど・・・ので返品致しSVGObjectます。

解決策は、独自のツールチップを作成することです。twitter boostrap のような定義済みのツールチップ ライブラリを使用することをお勧めします。

// your tooltip created with bootstrap
$(".yourlabel").tooltip({
// ^^^^^^^^^^
    'container': '#container',
    'placement': 'top',
    'title': 'Mytooltip'
});

// with
ren.label('Rasterized image', 100, 215)
    .attr({
         'class': 'yourlabel'
         //        ^^^^^^^^^
    })
    .css({
         color: colors[1],
         fontSize: '10px'
    })
    .add();

属性のおかげで、ツールチップがカスタム オブジェクトにリンクされていることがわかりclassます。containerTwitter ブートストラップ ツールチップを使用する場合は、属性を使用することを忘れないでください。それがないとうまくいきません...

ここにライブの例があります: http://jsfiddle.net/rttv/

そして、これは twitter ブーストラップ ツールチップのドキュメントです: http://twitter.github.io/bootstrap/javascript.html#tooltips

于 2013-07-08T10:32:52.560 に答える