Javascript Highcharts-散点图:如何将点击信息发送到函数,并将点击信息作为参数
我有一个highcharts散点图,我想添加一些自定义功能。对于highcharts中的每一项单击(单击过滤器、数据点和关闭按钮),我希望将单击的项的信息发送到下面包含的函数“s”。有人能帮我用正确的代码来做这件事吗?或者是否可能 这是我的函数S,我编写它是为了让它接受变量str0到str6,并将其作为URL变量发送到S.php进行进一步处理Javascript Highcharts-散点图:如何将点击信息发送到函数,并将点击信息作为参数,javascript,jquery,highcharts,scatter-plot,highslide,Javascript,Jquery,Highcharts,Scatter Plot,Highslide,我有一个highcharts散点图,我想添加一些自定义功能。对于highcharts中的每一项单击(单击过滤器、数据点和关闭按钮),我希望将单击的项的信息发送到下面包含的函数“s”。有人能帮我用正确的代码来做这件事吗?或者是否可能 这是我的函数S,我编写它是为了让它接受变量str0到str6,并将其作为URL变量发送到S.php进行进一步处理 <script type="text/javascript"> function s(str0,str,str2,str3,str4,
<script type="text/javascript">
function s(str0,str,str2,str3,str4,str5,str6)
{
if (window.XMLHttpRequest)
{// code for IE7+, Firefox, Chrome, Opera, Safari
xmlhttp=new XMLHttpRequest();
}
else
{// code for IE6, IE5
xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
}
xmlhttp.onreadystatechange=function()
{
if (xmlhttp.readyState==4 && xmlhttp.status==200)
{
}
}
xmlhttp.open("GET","/s.php?o="+str0+"&q="+str+"&r="+str2+"&s="+str3+"&t="+str4+"&u="+str5+"&v="str6,true);
xmlhttp.send();
}
</script>
但我不知道如何获得与str0对应的信息,str。。。str6等首先,我永远不会创建像
S
这样的函数。如果您发现自己创建的函数带有参数,如arg1、arg2、arg3、arg4
,那么您的设计有问题。忽略这一点,回答你的问题
Highcharts允许您为绘图上的许多不同组件设置
单击事件处理程序。可以在特定组件的plotOptions中设置这些处理程序。例如,如果要处理某个对象上的单击事件,请设置如下处理程序:
plotOptions: {
series: {
point: {
events: {
click: function() {
// look at the variable this
}
}
}
}
},
在函数()中,
此变量是单击的项目。对于散点图点,它是点对象。在该函数中,您可以自由调用s
函数,通过this
查询任何数据
接下来,如果要将close按钮创建为highcharts上下文按钮,则需要在该按钮上设置一个click处理程序。对于该处理程序,此
是图表对象
使用这种方法,您可以为您关心的每个组件创建一个单击处理程序。通过这些处理程序,您可以调用s
函数。如何创建关闭按钮?什么是“过滤器”?
events: {
click: function(x,y,str2,str3,str4,str5,str6) {
if (window.XMLHttpRequest)
{// code for IE7+, Firefox, Chrome, Opera, Safari
xmlhttp=new XMLHttpRequest();
}
else
{// code for IE6, IE5
xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
}
xmlhttp.onreadystatechange=function()
{
if (xmlhttp.readyState==4 && xmlhttp.status==200)
{
}
}
xmlhttp.open("GET","/s.php?o="+x+"&q="+y+"&r="+str2+"&s="+str3+"&t="+str4+"&u="+str5+"&v="+str6,true);
xmlhttp.send();
}
}
plotOptions: {
series: {
point: {
events: {
click: function() {
// look at the variable this
}
}
}
}
},