SQL Server 데이터베이스를 사용하여 누적 기둥 형 차트 융합 차트

누적 열 차트를 개발하려면 FusionCharts XT 평가판을 사용해야합니다. 누적 열에 대한 데이터베이스로 데이터 소스를 사용하는 예제를 찾을 수 없습니다. 그들은 XML/JSON을 사용하여 예제를 보여 왔습니다. FusionCharts 사용에 대한 경험이 있다면 저를 도와주세요. 미리 감사드립니다.SQL Server 데이터베이스를 사용하여 누적 기둥 형 차트 융합 차트

아래는 현재 코드입니다.

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); 

      } 

    } 
}

출처

2013-06-21 sivakumar

FusionCharts 차트는 두 가지 방법으로 렌더링 할 수 있습니다.

자바 스크립트
플래시

데이터는 두 가지 형식의 XML/JSON 중 하나에있을 필요가있다. XML/JSON 데이터 파일에는 데이터 요소와 구성이 들어 있습니다. 구성을 통해 차트의 모양과 느낌을 사용자 정의 할 수 있습니다. 차트를 추가하려는

귀하의 aspx 페이지 코드 차트의 컨테이너 역할을하는 페이지에 Literal 컨트롤을 추가

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

의 라인 아래에 포함해야합니다. 이 경우 리터럴 ID가 "Literal1"인 동일한 리터럴 ID를 사용해야합니다. http://goo.gl/MmqU6

귀하의 XML은 다음과 같이해야합니다

여기 문서를 참조하십시오 여기 http://goo.gl/nH4zj

라이브 데모를 참조하십시오.

<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 메소드로 전달할 수 있습니다.

누적 기둥 형 2D 차트 용 샘플 프로젝트를 다운로드하여 더 좋은 아이디어를 얻으십시오.

여기에서 데모를 다운로드 : https://github.com/OpenCV/stackedbar2d

출처

2013-06-22 12:16:36