4

最初に円グラフのくさびを分解する方法は知っていますが (関連するデータ項目の爆発を true に設定するだけです)、JavaScript でクリックするとくさびが爆発するようにします (seriesClick イベントにバインドされた関数)。 . 当然のことながら、一度に 1 つのウェッジのみが展開されるように、他の展開されたウェッジをリセットする必要があります。

もちろん、グラフを取得するために Ajax 呼び出しを行い、クリックされたウェッジを示すパラメーターを渡すことでこれを実装することもできますが、これは非常に非効率的であり、データの接続と複雑さによっては非常に遅くなる可能性があります (およびまたはクランチが必要です)。

他の場所で同じ質問に対する回答を 1 つ見つけましたが、提案された解決策は Kendo チャートでは機能しません (Kendo でサポートされていないプロパティが設定されています)。

この点について経験のある方がいらっしゃいましたら、アドバイスをいただければ幸いです。

4

2 に答える 2

7

私は同じことを求めている剣道フォーラムでこの投稿を見つけました、そしてそれは応答に解決策があるかもしれないようです:

http://www.kendoui.c​​om/forums/dataviz/chart/explode-slices-onseriesclick.aspx

その要点は、データの「分解」フィールドを更新し、それをクリックした後にグラフを再描画する必要があるということです。これは、「seriesClick」イベントで実行できます。


    seriesClick: function(e){
        $( e.sender.dataSource.options.data ).each( function ( i, item ) {
              if ( item.source != e.category )
              {
                  item.explode = false;
              }
              else
              {
                  item.explode = true;
              }
        } );
        createChart();        
    }

私はこれに基づいて動作するJSFiddleをまとめました:http://jsfiddle.net/derickbailey/FXs6b/

HTH

于 2013-01-24T16:37:39.190 に答える