4

HighCharts には非常に優れたドリルダウン機能があります。私が知る限り、それは不可能ですが、私の考えを説明させてください。

マウスオーバーすると、データに関する追加情報を含む小さなポップアウト ウィンドウが利用可能になります。そこにリンクを張ることは可能ですか？

チャート上にこれらのマウスオーバー イベントがあるので、「クリック」イベントを追加して、好きなことができるようにすることは可能でしょうか? この場合、クリックしてユーザーを別の URL に移動させるか、グラフを新しいグラフ アニメーションに強制する (基本的に、このマナーでドリル ダウンを作成する) かのいずれかです。

私は jQuery があまり得意ではないので、ここで専門知識をいただければ幸いです。ありがとう！

4

3 に答える 3

3

はい、可能です。それを行う直接的な方法はありませんが。

私もこれを探していて、方法を見つけました。

PHP (またはその他のバックエンド言語) を使用して JSON 文字列を準備する必要があります。PHP はデータベースと再帰的に対話し、すべてのドリルダウン チャートに必要な Javascript リテラル構文を生成し、それを JSON 形式で埋め込む必要があります。JSON 文字列の準備ができたら、JSON 文字列をコピーして HTML スクリプト タグに貼り付けます。クリック イベント ハンドラーを追加して、適切な Javascript リテラルに切り替えます。Datatable の準備ができたら、chart.draw() を呼び出します。

これを見ることができます。リポジトリへのリンク。

于 2016-11-18T08:26:51.713 に答える
1

私もこれを調べてきましたが、私が見つけたものから、「ダッシュボード」からはできないと思いますが、チャートのコントロールまたはイベントでできると思います。

以下は、データビューで「グループ」関数を使用する例です。したがって、グラフのクリック イベントまたはコントロールのクリック イベントで使用して、グラフを再描画できます。 http://code.google.com/apis/ajax/playground/?type=visualization#group

トリックは、現在アクティブなフィルターとその種類を追跡することです。これが簡単に統合されたり、データセット/ビューにクエリを実行したりできればいいのですが ( http://code.google.com/apis/ajax/playground/?type=visualization#using_the_query_languageのように)

あなた/他の誰かが別のアプローチを知っているなら、私はそれを聞くことに興味があります..

于 2012-08-22T10:33:08.440 に答える
0

ここで説明されている Google チャートでイベント処理を使用できます: https://developers.google.com/chart/interactive/docs/dev/events

秘訣は、チャートの「選択」イベントを使用して、ハンドラー内にコードを記述することです。

var chart = new google.visualization.ComboChart(document.getElementById('chart_div'));

chart.draw(data, options);

google.visualization.events.addListener(chart,'select',selectHandler);

function selectHandler()
{
  //your code here

}

ここでサンプル実装を見ることができます: https://jsfiddle.net/Abhishek1191/zggv80jo/

ここでは、コンボ チャートを作成しました。線上の任意のデータ ポイントをクリックすると、元のチャートの下に追加された円グラフが表示されます。

于 2015-05-12T14:29:48.470 に答える