有没有办法在sharepoint(谷歌可视化)Web部件的饼图中超链接切片?

时间:2012-06-14 17:50:02

标签: sharepoint web-parts google-visualization

我正在使用Microsoft Sharepoint和Google Analytics - 可视化集成。 目前我有一个饼图。我的问题是,是否有一种方法可以超链接图表中的切片,以便它们可以链接到特定对象,是否有一种方法可以将最大切片格式的图例组织到最低?

感谢。

1 个答案:

答案 0 :(得分:0)

如果您使用的是Google图表工具库,则可以选择可选的饼图。

您所要做的就是倾听select Event on the Pie Chart。比使用饼图中的getSelection()方法获取所选行。然后回到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';