65.9K
CodeProject 正在变化。 阅读更多。
Home

适用于 ASP.NET 2.0 (C#) 的 Fusion Charts 助手类

starIconstarIconstarIconstarIcon
emptyStarIcon
starIcon

4.56/5 (12投票s)

2009 年 2 月 9 日

CPOL

1分钟阅读

viewsIcon

105252

downloadIcon

4466

这个助手类使 Fusion Charts 的使用变得更加容易。

FusionChartsHelper

引言

Fusion Charts 帮助您为 Web 和桌面应用程序创建动画和交互式 Flash 图表。您需要创建 XML 并将其传递给为每种图表类型提供的 SWF 文件。这个助手类简化了创建所需 XML 以及与 ASP.NET 页集成的过程。

Using the Code

代码包含三个文件

  1. Charts.cs

    此文件包含 FusionChartBase(抽象类)、FusionPieChartFusionLineChartFusionChartUtility

  2. DataSetHelper.cs

    此文件与 Fusion Charts 无关。它是我从其他地方找到的一些实用代码的集合。您应该查看一下。

  3. Default.aspx

    页面包含两个 DIV 和一个 Button。饼图和折线图在 ButtonClick 事件中加载到 DIV 中。

这些类比较长,所以我只包含按钮点击代码在这里

protected void btnShow_Click(object sender, EventArgs e)
{
    FusionPieChart pieChart = new FusionPieChart();
    pieChart.showNames = true;
    pieChart.showPercentageInLabel = true;
    pieChart.showPercentageValues = false;
    string chartHtml = pieChart.CreateSetElement(BuildData(), FusionPieChart.Pie3D, 
                       divPieChart.ClientID, "name", "value", 
                       "text", "id", "test.aspx?id=", true, 600, 400);
    divPieChart.InnerHtml = chartHtml;

    FusionLineChart lineChart = new FusionLineChart();
    //chartHtml = lineChart.CreateSetElememtForTrendChart(BuildData(), 
                  divLineChart.ClientID, "name", "value", 100, 100);
    chartHtml = lineChart.CreateSetElement(BuildData(), FusionLineChart.Line2D, 
                divLineChart.ClientID, false, "", "name", 
                "value", "text", "id", "", true, 600, 400);
    divLineChart.InnerHtml = chartHtml;
}

关注点

我没有使用 Adobe Flex,因为它让我开发图表花费了太多的时间,而 Fusion Charts 提供了一个快速的解决方案,但它也有一些限制。创建完所有这些类之后,我不得不切换回 Adobe Flex。我使用 Fusion Charts XML 传递方法与 Adobe Flex 配合使用,生活变得美好多了。:-)

历史

  • 2009 年 2 月 9 日:初始发布
© . All rights reserved.