【发布时间】:2011-12-07 02:56:10
【问题描述】:
我有一个饼图,它正在从数据库中获取数据。我想要的是当我点击饼图切片时,图表应该刷新并重新加载新数据。任何帮助将不胜感激??
谢谢
【问题讨论】:
-
看看这个答案:stackoverflow.com/a/7436876/894702,它具有三级饼图向下钻取
标签: highcharts
我有一个饼图,它正在从数据库中获取数据。我想要的是当我点击饼图切片时,图表应该刷新并重新加载新数据。任何帮助将不胜感激??
谢谢
【问题讨论】:
标签: highcharts
您并没有真正提供足够的详细信息,但这里有一些东西可以帮助您入门。在这个jsFiddle 中,我设置了一个事件,当您单击饼图时触发。您可以在此事件中添加一个 ajax 方法以从服务器中提取任何新数据并重绘图表(调整系列并调用图表的重绘方法)。
请注意,如果您想要更好的答案,您需要更具体地回答您的问题。你是如何建立你的图表的?到目前为止,您尝试了什么/不起作用?显示一些代码,像我一样设置一个 jsFiddle,这会给你带来更好的结果。
【讨论】:
您可以使用点击事件。看一下 API: http://api.highcharts.com/highcharts#series.data.events.click
您可以从事件处理程序中获取带有“this.name”的字符串 甚至可以通过“this.options.somevariable”获得某种标识符
“somevariable”表示您在系列数据中创建的任何变量名称。例如,在我的例子中,我将标识符简单地命名为“id”:
{
name: "Slice 6",
id: 6,
events: {
click: function()
{
alert(
'The name is ' + this.name +
' and the identifier is ' + this.options.id
);
}
}
}
【讨论】: