如何动态更新FusionChart饼图

时间:2012-01-14 08:29:54

标签: asp.net ajax pie-chart fusioncharts

我可以知道,我们如何通过asp.net代码更新此示例中显示的饼图。 http://www.fusioncharts.com/demos/business/#election-results-india-2009

1 个答案:

答案 0 :(得分:1)

该示例在Flash应用程序中包含硬编码值。

该演示基本上展示了向下钻取功能。

如果您使用ASP.NET重新创建它,步骤很简单:

  1. 创建一个.NET页面(比如URL-A),根据发送给它的查询(可以连接到此代码中的数据库等)回复XML(对于FusionCharts饼图)

  2. 使用FusionMaps在另一个页面中创建地图,并将链接放到地图中的每个州(实体)。链接应该调用javascript函数传递一些唯一的id(可能是状态)

  3. 使用页面中呈现的带有空白数据的FusionCharts创建饼图(单击地图中的状态时可以更新)。

  4. JavaScript函数将构建一个URL-B(URL-A +作为查询字符串传递的状态的id)

  5. JavaScript会将URL-B传递给饼图,并要求它从URL-B更新其数据。

  6. 没有额外的AJAX和AJAX控件要求。该图表将在内部处理此事。