这是我第一次在Google和C#中使用Google Charts。我现在正在努力为图表添加交互性。我想做的是以下几点;当用户点击饼图的任何部分时,他将被重定向到新浏览器窗口中的另一个页面,该窗口显示属于该部分的项目列表。
我有以下饼图,显示三个部分;积极的,中立的和消极的。我希望当用户点击时,例如,正面部分,他会被重定向到新浏览器窗口中的另一个页面,并传递给URL的值;部分值(正数)和来自包含图表本身的页面的URL的id。 那我该怎么做呢?
到目前为止,我能够在图表中添加一个事件(选择事件),当用户点击任何部分时,将显示一个弹出窗口,如下所示。该图表位于包含网址的页面上:
用户应该通过传递两个值重定向到另一个页面;积极的,5:
以下是图表侦听器部分的代码:
//add event to the chart
function selectHandler() {
var selectedItem = pieChart.getSelection()[0];
if (selectedItem) {
var topping = data.getValue(selectedItem.row, 0);
alert('The user selected ' + topping);
}
}
google.visualization.events.addListener(pieChart, 'select', selectHandler);