1

我需要使用 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);

          }

    }
}
4

2 回答 2

2

使用 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

于 2013-06-22T12:16:36.630 回答
0

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。你完成了！如果这不是您正在寻找的...然后详细说明您的要求？

于 2013-06-28T04:56:01.657 回答