包括图表和选择框作为"小部件"在其他网页?

时间:2014-11-21 07:52:37

标签: javascript php jquery highcharts widget

我的数据门户提供了以图形显示数据的可能性。我设法通过在他们的HTML文件中插入一个Javascript文件(在我身边生成),让用户可以包含这些Highcharts图。 [Example]

现在,我想添加一个可能性,在图表的侧面包含用于选择要显示的国家/地区的下拉框。 [Example]

但是,为了让用户生成具有不同国家/地区集的新图形,必须将请求发送回我们的服务器,并且必须将响应发送回客户端。我正在努力解决如何用最少量的影响来实现这一点#34;在客户的网站上。

JQuery已集成在用户插入其代码的Javascript文件中。所以,我可以解决这个问题。也许整个事情只有在用户将其集成到PHP中时才有效,而不仅仅是HTML文件。

这种AJAX调用是否可能:

$("#whatever").load("http://remote-server.com/my_script.php")

我对如何继续感到有点困惑。

感谢任何提示!

2 个答案:

答案 0 :(得分:1)

最佳选择是通过JSON与服务器通信。因此,您在下拉列表中捕获事件,将$ .getJSON()调用到您的服务器,返回可以在图表中使用的json数据。

在图表上操作的功能: - setData - addPoint - series.update

所有这些都记录在案here

答案 1 :(得分:0)

您可能觉得有用的

jQuery has a built in AJAX method

$.get("http://remote-server.com/my_script.php" [, data ] [, success ] [, dataType ] )

您可以通过data参数将变量传递到服务器脚本。当您的服务器返回数据时,您可以决定如何使用回调函数对其进行操作。