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 チャートを使用すると、2 つの方法でレンダリングできます。

  • JavaScript
  • 閃光

データは、XML/JSON の 2 つの形式のいずれかである必要があります。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メソッドに渡す必要があります。

積み上げ縦棒平面グラフのこのサンプル プロジェクトをダウンロードして、より良いアイデアを得るために試してみてください。

ここからデモをダウンロードしてください: https://github.com/OpenCV/stackedbar2d

于 2013-06-22T12:16:36.630 に答える