2011-12-07 1 views
0

私は円グラフのスライスをクリックすると、グラフを更新して新しいデータを再ロードする必要があります。データベースからデータを取得している円グラフがあります。感謝する??Highcharts PieChartスライスをオンにするとチャートを更新する必要があります

おかげ

+0

はこの答えを見ている:http://stackoverflow.com/a/7436876/894702を、それが3レベルの円グラフのドリルダウンが特徴 – eolsson

答えて

1

あなたは本当に十分な詳細を提供するが、ここであなたが始めるために何かあるありません。このjsFiddleでは、パイスライスをクリックしたときに発生するイベントを設定しました。このイベントにajaxメソッドを追加して、サーバーから新しいデータをすべて取得し、グラフを再描画することができます(シリーズの調整とグラフの再描画メソッドの呼び出し)。

より良い回答が必要な場合は、より具体的な質問をする必要があります。どのようにあなたのチャートを構築していますか?これまでに試したことがありますか、動作していませんか?いくつかのコードを表示して、私が行ったようにjsFiddleを設定してください。これにより、より良い結果が得られます。

+0

こんにちは、私はpiechartを持っています。私は円グラフのスライスをクリックします。私は円グラフで選択した値に応じていくつかの情報を含むグリッドを表示する必要があります。 – Jenny

1

clickイベントを使用できます。あなたは「this.name」 たりして文字列を取得することができ、イベントハンドラから http://api.highcharts.com/highcharts#series.data.events.click

「this.options.somevariable」

「somevariableと識別子のいくつかの種類を取得:APIを見てみましょうシリーズデータに作成する変数名を意味します。例えば私の場合、私は単に「ID」として識別子に名前を付ける:

{ 
    name: "Slice 6", 
    id: 6, 
    events: { 
     click: function() 
     { 
     alert(
      'The name is ' + this.name + 
      ' and the identifier is ' + this.options.id 
     ); 
     } 
    } 
} 
関連する問題