如何使用C#在ASP.NET中为Google Chart添加交互性?

时间:2017-08-10 20:59:36

标签: c# asp.net google-visualization

这是我第一次在Google和C#中使用Google Charts。我现在正在努力为图表添加交互性。我想做的是以下几点;当用户点击饼图的任何部分时,他将被重定向到新浏览器窗口中的另一个页面,该窗口显示属于该部分的项目列表。

我有以下饼图,显示三个部分;积极的,中立的和消极的。我希望当用户点击时,例如,正面部分,他会被重定向到新浏览器窗口中的另一个页面,并传递给URL的值;部分值(正数)和来自包含图表本身的页面的URL的id。 那我该怎么做呢? enter image description here

到目前为止,我能够在图表中添加一个事件(选择事件),当用户点击任何部分时,将显示一个弹出窗口,如下所示。该图表位于包含网址的页面上:

  

http://localhost:49953/Test/TestPage3/5

用户应该通过传递两个值重定向到另一个页面;积极的,5:

  

http://localhost:49953/Test/TestPage4/5#positive

enter image description here

以下是图表侦听器部分的代码:

//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);

0 个答案:

没有答案