タグ

ブックマーク / www.openspc2.org (1)

  • D3.js 例文辞典

    説明 D3.jsで円グラフを角度0から360度までアニメーションさせながら描くにはattrTween()メソッドを使います。最初のパラメーターには"d"を指定します。2番目のパラメーターには関数を指定します。この関数内で円グラフの各ピース部分に応じて角度を設定します。開始角度などの設定はd3.interpolate()メソッドを使って行います。最初のパラメーターに開始角度と終了角度をオブジェクトリテラル型式で指定します。つまり{ startAngle : 0, endAngle : 0 }のように指定します。これは開始角度、終了角度とも最初は0度から始まることを示しています。2番目のパラメーターではアニメーションの最後の開始角度と終了角度を指定します。開始角度は関数に渡されたオブジェクトのstartAngleに入っているのでd.startAngleと指定します。終了角度はd.endAngl

  • 1