6

OK Cupid サイトには、 10 Charts about Sexというインフォグラフィック記事があります。

グラフ #7 にバブル チャートとスライダーが組み込まれている方法がとても気に入っています。

理想的にはjQueryライブラリを使用して、独自のJavascriptビジュアライゼーションで同じことをしたいと思います。

残念ながら、OK キューピッドはバブル チャートの一連の PNG 画像をアニメーション化したようです。

スライダーを組み込むことができる既存のグラフ作成ライブラリがあるかどうかについて、いくつかのガイダンスをいただければ幸いです。または、スライダーを使用して複数のバブル チャートを表示し、それでも良好なパフォーマンスを得ることができます。

4

3 に答える 3

0

このタスクを解決するには、highcharts ライブラリとその Series.SetData() 関数を使用します。jQuery UIスライダー

使い方:

1)関数をjquery uiスライダー変更イベントにバインドします

2) この関数は、Highcharts チャートで (現在のスライダーの位置に基づいて) 異なるデータ セットを使用して Series.SetData() を実行します。

于 2013-05-30T06:05:35.290 に答える