javascript - javascriptライブラリを使用したカスタム形状のグラフ

Question

対話バブルの形を作り、その対話バブル内の統計をラファエルjsで表示する方法はありますか？

どんな助けでも大歓迎です

Answer 1

Graphael には、テキストの吹き出し用にいくつかのデフォルト メソッドが用意されています。

Raphael.fn.g.tag(x,y,text,angle,r)
Raphael.fn.g.flag(x,y,text,angle)
Raphael.fn.g.label(x,y,text)
Raphael.fn.g.blob(x,y,text,angle,size)
Raphael.fn.g.popup(x,y,text,dir,size)

だから、例えば…

window.onload = function(){
     var r = Raphael('graph');
     var flag = r.flag(100,100,"Hello!",15);
}

それらがマスタードをカットしない場合は、独自の svg パスを作成する必要があります。次に、Dmitry がここで利用できるようにしたいくつかのパスを確認することをお勧めします: http://raphaeljs.com/icons/

Answer 2

Rafael 構文は HTML5 キャンバスに似ているようです。ストローク座標を作成して、表示したいバブルの形状を描画するだけでよいはずです。