使用sql server数据库的堆积柱形图融合图答案

【问题标题】：stacked column chart fusion charts using sql server database使用sql server数据库的堆积柱形图融合图
【发布时间】：2013-06-28 12:56:01
【问题描述】：

我需要使用 FusionCharts XT 试用版开发堆积柱形图表。我找不到任何将数据源用作堆叠列的数据库的示例。他们展示了使用 XML/JSON 的示例。如果您在使用 FusionCharts 方面有经验，请帮助我。提前致谢。

下面是我当前的代码。

using System;
using System.Collections.Generic;
using System.Linq;
using System.Web;
using System.Web.UI;
using System.Web.UI.WebControls;
using System.Data.SqlClient;
using InfoSoftGlobal;
namespace workflowmangement
{
     public partial class chart1 : System.Web.UI.Page
     {
        string conString =            System.Configuration.ConfigurationManager.ConnectionStrings["ConnectionString"].ConnectionString;
        protected void Page_Load(object sender, EventArgs e)
        {
            siva.Text = CreateChart();
        }
     public string CreateChart()

          {


                SqlConnection con = new SqlConnection(conString);

                string sqlStatement = "SELECT Activity_Name,Activity_Id from Activity";

                SqlCommand cmd = new SqlCommand(sqlStatement, con);

                con.Open();

                SqlDataReader reader = cmd.ExecuteReader();

                string strXML;

               strXML = "<graph caption='Category Wise Quantity' subCaption='By Quantity'     decimalPrecision='0' showNames='1' numberSuffix=' Units' pieSliceDepth='30'     formatNumberScale='0'>";

               while (reader.Read())

               {

                   strXML += "<set name='" + reader["Activity_Name"].ToString() + "' value='" + reader["Activity_Id"].ToString() + "' />";

               }

               strXML += "</graph>";

               return FusionCharts.RenderChart("/FusionCharts/FCF_Pie3D.swf", "", strXML, "FactorySum", "650", "450", false, false);

          }

    }
}

【问题讨论】：

标签： sql-server fusioncharts stacked

【解决方案1】：

使用FusionCharts可以通过两种方式呈现图表。

JavaScript
闪光

数据需要采用 XML/JSON 两种格式之一。 XML/JSON 数据文件包含数据点和配置。配置将使我们能够自定义图表的外观。

您打算在其中添加图表的 aspx 页面应包含以下代码行

<asp:Literal ID="Literal1" runat="server"></asp:Literal>

将文字控件添加到充当图表容器的页面。确保使用相同的文字 ID，在这种情况下文字 ID 为“Literal1”。

在此处查看现场演示 http://goo.gl/nH4zj

在此处查看文档：http://goo.gl/MmqU6

您的 XML 必须如下所示。

<categories>

    <category label='Product A' />

    <category label='Product B' />

    <category label='Product C' />

    <category label='Product D' />

    <category label='Product E' />

</categories>

<dataset seriesName='2004' color='AFD8F8' showValues='0'>

    <set value='25601.34' />

    <set value='20148.82' />

    <set value='17372.76' />

    <set value='35407.15' />

    <set value='38105.68' />

</dataset>

<dataset seriesName='2005' color='F6BD0F' showValues='0'>

    <set value='57401.85' />

    <set value='41941.19' />

    <set value='45263.37' />

    <set value='117320.16' />

    <set value='114845.27' />

</dataset>

<dataset seriesName='2006' color='8BBA00' showValues='0'>

    <set value='45000.65' />

    <set value='44835.76' />

    <set value='18722.18' />

    <set value='77557.31' />

    <set value='92633.68' />

</dataset>

您可以通过使用这行代码传递上述 XML 来呈现图表。

Literal1.Text = FusionCharts.RenderChart("Charts/StackedColumn2D.swf", "", xmlStr.ToString(), "productSales", "600", "300", false, true);

xmlStr 是用于呈现图表的编码 XML 数据变量。

数据的存储和检索位置无关紧要。您需要做的是将数据编码为 XML 或 JSON 并将其传递给 RenderChart 方法。在您的情况下，需要从 MSSQL 数据库服务器检索数据并将其编码为 XML/JSON，这很方便并传递给 RenderChart 方法。

下载 Stacked Column 2D Charts 的示例项目并尝试使用它以获得更好的想法。

在此处下载演示：https://github.com/OpenCV/stackedbar2d

【讨论】：

【解决方案2】：

FusionChart 仅以两种形式获取数据——XML 或 JSON，您可以使用任何服务器端语言 --- 数据源。可以从数据源中检索数据并在 XML/JSON frm 中使用来构建图表。

简单的步骤-

1)http://docs.fusioncharts.com/charts/contents/guide-for-web-developers/csnet/CS_DB.html

在本文中，您将了解如何使用数据库绘制图表。

2) http://docs.fusioncharts.com/charts/

在此链接中，您将获得使用堆积柱形图的示例。

您只需要以堆积图XML格式提供来自数据源的数据，并将图表类型更改为 StackedColumn3D/2D。你完成了！如果这不是您正在寻找的……那么请详细说明您的要求？

【讨论】：