sharepoint - sharepoint(Google ビジュアライゼーション) Web パーツの円グラフでスライスをハイパーリンクする方法はありますか?

Question

Microsoft Sharepoint と Google Analytics - Visualization integration を使用しています。現在、私は円グラフを持っています。私の質問は、チャート内のスライスをハイパーリンクして、特定のオブジェクトにリンクできるようにする方法があるかどうかです。最大のスライスから最小のスライスの形式で凡例を整理する方法はありますか?

ありがとう。

Answer 1

Google Chart ツール ライブラリを使用している場合は、選択可能な円グラフを使用できます。

select 円グラフでイベントをリッスンするだけです。getSelection()Pie Chartのメソッドを使用して、選択した行を取得します。dataTable に戻り、選択した行に基づいて必要なデータを取得します。

function drawVisualization() {
  // Create and populate the data table.
  var data = google.visualization.arrayToDataTable([
    ['Task', 'Hours per Day'],
    ['Work', 11],
    ['Eat', 2],
    ['Commute', 2],
    ['Watch TV', 2],
    ['Sleep', 7]
  ]);

  // Create and draw the visualization.
  var chart = new google.visualization.PieChart(document.getElementById('visualization'))
  chart.draw(data, {title:"So, how was your day?"});
  google.visualization.events.addListener(chart, 'select', function(){
    var row = chart.getSelection()[0].row;
    var element = data.getValue(row, 0);
    alert('You just selected: ' + element);
  });
}
​

例：

http://savedbythegoog.appspot.com/?id=7b92cc41120837bc319a69144925122670167cd7

私の例では、選択した値のみを警告します。ただし、JavaScript を使用してユーザーを別のページにリダイレクトできます。

window.location.href = 'http://www.example.com';