มาทำ chart controls for asp.net ด้วย fusioncharts v3.1 กันนะตะเอง

// My resource file.
[assembly: System.Web.UI.WebResource("FusionCharts.Resource.JSClass.FusionCharts.js", "text/javascript", PerformSubstitution = true)]
[assembly: System.Web.UI.WebResource("FusionCharts.Resource.JSClass.FusionChartsExportComponent.js", "text/javascript", PerformSubstitution = true)]
[assembly: System.Web.UI.WebResource("FusionCharts.Resource.Charts.Area2D.swf", "application/x-shockwave-flash")]
[assembly: System.Web.UI.WebResource("FusionCharts.Resource.Charts.Bar2D.swf", "application/x-shockwave-flash")]
[assembly: System.Web.UI.WebResource("FusionCharts.Resource.Charts.Bubble.swf", "application/x-shockwave-flash")]
[assembly: System.Web.UI.WebResource("FusionCharts.Resource.Charts.Column2D.swf", "application/x-shockwave-flash")]
[assembly: System.Web.UI.WebResource("FusionCharts.Resource.Charts.Column3D.swf", "application/x-shockwave-flash")]
[assembly: System.Web.UI.WebResource("FusionCharts.Resource.Charts.Doughnut2D.swf", "application/x-shockwave-flash")]
[assembly: System.Web.UI.WebResource("FusionCharts.Resource.Charts.Doughnut3D.swf", "application/x-shockwave-flash")]
[assembly: System.Web.UI.WebResource("FusionCharts.Resource.Charts.FCExporter.swf", "application/x-shockwave-flash")]
[assembly: System.Web.UI.WebResource("FusionCharts.Resource.Charts.Line.swf", "application/x-shockwave-flash")]
[assembly: System.Web.UI.WebResource("FusionCharts.Resource.Charts.MSArea.swf", "application/x-shockwave-flash")]
[assembly: System.Web.UI.WebResource("FusionCharts.Resource.Charts.MSBar2D.swf", "application/x-shockwave-flash")]
[assembly: System.Web.UI.WebResource("FusionCharts.Resource.Charts.MSBar3D.swf", "application/x-shockwave-flash")]
[assembly: System.Web.UI.WebResource("FusionCharts.Resource.Charts.MSColumn2D.swf", "application/x-shockwave-flash")]
[assembly: System.Web.UI.WebResource("FusionCharts.Resource.Charts.MSColumn3D.swf", "application/x-shockwave-flash")]
[assembly: System.Web.UI.WebResource("FusionCharts.Resource.Charts.MSColumn3DLineDY.swf", "application/x-shockwave-flash")]
[assembly: System.Web.UI.WebResource("FusionCharts.Resource.Charts.MSColumnLine3D.swf", "application/x-shockwave-flash")]
[assembly: System.Web.UI.WebResource("FusionCharts.Resource.Charts.MSCombi2D.swf", "application/x-shockwave-flash")]
[assembly: System.Web.UI.WebResource("FusionCharts.Resource.Charts.MSCombi3D.swf", "application/x-shockwave-flash")]
[assembly: System.Web.UI.WebResource("FusionCharts.Resource.Charts.MSCombiDY2D.swf", "application/x-shockwave-flash")]
[assembly: System.Web.UI.WebResource("FusionCharts.Resource.Charts.MSLine.swf", "application/x-shockwave-flash")]
[assembly: System.Web.UI.WebResource("FusionCharts.Resource.Charts.MSStackedColumn2D.swf", "application/x-shockwave-flash")]
[assembly: System.Web.UI.WebResource("FusionCharts.Resource.Charts.MSStackedColumn2DLineDY.swf", "application/x-shockwave-flash")]
[assembly: System.Web.UI.WebResource("FusionCharts.Resource.Charts.Pie2D.swf", "application/x-shockwave-flash")]
[assembly: System.Web.UI.WebResource("FusionCharts.Resource.Charts.Pie3D.swf", "application/x-shockwave-flash")]
[assembly: System.Web.UI.WebResource("FusionCharts.Resource.Charts.Scatter.swf", "application/x-shockwave-flash")]
[assembly: System.Web.UI.WebResource("FusionCharts.Resource.Charts.ScrollArea2D.swf", "application/x-shockwave-flash")]
[assembly: System.Web.UI.WebResource("FusionCharts.Resource.Charts.ScrollColumn2D.swf", "application/x-shockwave-flash")]
[assembly: System.Web.UI.WebResource("FusionCharts.Resource.Charts.ScrollCombi2D.swf", "application/x-shockwave-flash")]
[assembly: System.Web.UI.WebResource("FusionCharts.Resource.Charts.ScrollCombiDY2D.swf", "application/x-shockwave-flash")]
[assembly: System.Web.UI.WebResource("FusionCharts.Resource.Charts.ScrollLine2D.swf", "application/x-shockwave-flash")]
[assembly: System.Web.UI.WebResource("FusionCharts.Resource.Charts.ScrollStackedColumn2D.swf", "application/x-shockwave-flash")]
[assembly: System.Web.UI.WebResource("FusionCharts.Resource.Charts.SSGrid.swf", "application/x-shockwave-flash")]
[assembly: System.Web.UI.WebResource("FusionCharts.Resource.Charts.StackedArea2D.swf", "application/x-shockwave-flash")]
[assembly: System.Web.UI.WebResource("FusionCharts.Resource.Charts.StackedBar2D.swf", "application/x-shockwave-flash")]
[assembly: System.Web.UI.WebResource("FusionCharts.Resource.Charts.StackedBar3D.swf", "application/x-shockwave-flash")]
[assembly: System.Web.UI.WebResource("FusionCharts.Resource.Charts.StackedColumn2D.swf", "application/x-shockwave-flash")]
[assembly: System.Web.UI.WebResource("FusionCharts.Resource.Charts.StackedColumn3D.swf", "application/x-shockwave-flash")]
[assembly: System.Web.UI.WebResource("FusionCharts.Resource.Charts.StackedColumn3DLineDY.swf", "application/x-shockwave-flash")]

using System;
using System.Collections.Generic;
using System.ComponentModel;
using System.Linq;
using System.Text;
using System.Web;
using System.Web.UI;
using System.Web.UI.WebControls;

namespace FusionCharts
{
    [DefaultProperty("Text")]
    [ToolboxData("<{0}:Column2D runat=\"server\"></{0}:Column2D>")]
    public class Column2D : ListControl
    {
        private string chartSwf;
        private string xmlData;

        /// <summary>
        /// Caption of the chart.
        /// </summary>
        [Bindable(true)]
        [Category("Appearance")]
        [DefaultValue("FusionCharts")]
        [Description("Caption of the chart.")]
        [Localizable(true)]
        public string Caption
        {
            get
            {
                String s = (String)ViewState["Caption"];
                return ((s == null) ? "FusionCharts" : s);
            }

            set { ViewState["Caption"] = value; }
        }

        protected override void OnInit(EventArgs e)
        {
            base.OnInit(e);

            chartSwf = this.Page.ClientScript.GetWebResourceUrl(this.GetType(), "FusionCharts.Resource.Charts.Column2D.swf");

            ClientScriptManager ClientScriptManager1 = this.Page.ClientScript;

            if (!ClientScriptManager1.IsClientScriptIncludeRegistered(this.GetType(), "FusionChartsScript"))
                ClientScriptManager1.RegisterClientScriptInclude(this.GetType(), "FusionChatrsScript", ClientScriptManager1.GetWebResourceUrl(this.GetType(), "FusionCharts.Resource.JSClass.FusionCharts.js"));
        }

        protected override void OnLoad(EventArgs e)
        {
            base.OnLoad(e);

            this.Width = 400;
            this.Height = 300;

            StringBuilder XmlStringBuilder = new StringBuilder();
            XmlStringBuilder.AppendFormat("<chart caption='{0}'>", this.Caption);

            foreach (ListItem item in this.Items)
            {
                XmlStringBuilder.AppendFormat("<set label='{0}' value='{1}' />", item.Text, item.Value);
            }

            XmlStringBuilder.Append("</chart>");

            xmlData = XmlStringBuilder.ToString();
        }

        protected override void Render(HtmlTextWriter writer)
        {
            writer.Write(InfoSoftGlobal.FusionCharts.RenderChart(chartSwf, "", xmlData, base.ClientID, this.Width.Value.ToString(), this.Height.Value.ToString(), false, false, true));
        }
    }
}

<%@ Page Language="C#" AutoEventWireup="true" CodeFile="MiniFusionCharts.aspx.cs" Inherits="MiniFusionCharts" %>
<%@ Register Assembly="FusionCharts" Namespace="FusionCharts" TagPrefix="FCharts" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title></title>
</head>
<body>
    <form id="form1" runat="server">
    <div>
        <FCharts:Column2D ID="Column2D1" Caption="tungman" Width="640" Height="480" runat="server">
            <asp:ListItem Text="tungman1" Value="100"></asp:ListItem>
            <asp:ListItem Text="tungman2" Value="200"></asp:ListItem>
            <asp:ListItem Text="tungman3" Value="300"></asp:ListItem>
        </FCharts:Column2D>
    </div>
    </form>
</body>
</html>

        /// <summary>
        /// The entire chart can now act as a hotspot. Use this URL to define the hotspot link for the chart.
        /// </summary>
        [Bindable(true)]
        [Category("Navigation")]
        [DefaultValue("")]
        [Description("The entire chart can now act as a hotspot. Use this URL to define the hotspot link for the chart.")]
        [Editor(typeof(System.Web.UI.Design.UrlEditor), typeof(System.Drawing.Design.UITypeEditor))]
        [Localizable(true)]
        [UrlProperty]
        public virtual string NavigateUrl
        {
            get
            {
                String s = (String)ViewState["NavigateUrl"];
                return (s == null) ? string.Empty : s;
            }

            set { ViewState["NavigateUrl"] = value; }
        }   

        protected override void OnLoad(EventArgs e)
        {
            base.OnLoad(e);

            this.Width = 400;
            this.Height = 300;

            StringBuilder XmlStringBuilder = new StringBuilder();
            XmlStringBuilder.AppendFormat("<chart caption='{0}'", this.Caption);
            if (NavigateUrl != string.Empty) XmlStringBuilder.AppendFormat(" clickURL='{0}'", this.Page.ResolveUrl(NavigateUrl));
            XmlStringBuilder.Append(">");

            foreach (ListItem item in this.Items)
            {
                XmlStringBuilder.AppendFormat("<set label='{0}' value='{1}' />", item.Text, item.Value);
            }

            XmlStringBuilder.Append("</chart>");

            xmlData = XmlStringBuilder.ToString();
        }

[Editor(typeof(System.Web.UI.Design.UrlEditor), typeof(System.Drawing.Design.UITypeEditor))]
[UrlProperty]

[Editor(typeof(System.Web.UI.Design.ImageUrlEditor), typeof(System.Drawing.Design.UITypeEditor))]
[UrlProperty]

[Editor(typeof(System.Web.UI.Design.UrlEditor), typeof(System.Drawing.Design.UITypeEditor))]
[UrlProperty]

[Editor(typeof(System.Web.UI.Design.ImageUrlEditor), typeof(System.Drawing.Design.UITypeEditor))]
[UrlProperty]

using System;
using System.Collections.Generic;
using System.Linq;
using System.Text;

using System.ComponentModel;
using System.Drawing;
using System.Web.UI;
using System.Web.UI.WebControls;

namespace FusionCharts
{
    public sealed class ChartBorder : IStateManager
    {
        private StateBag _viewstate;

        private bool _show;
        private Color _color;
        private Unit _alpha;
        private Unit _width;

        #region ========== Constructor  ==========
        public ChartBorder()
        {
            _viewstate = new StateBag();

            _viewstate.Add("Show", _show);
            _viewstate.Add("Color", _color);
            _viewstate.Add("Alpha", _alpha);
            _viewstate.Add("Width", _width);

            this.Show = true;
            this.Color = Color.Empty;
            this.Width = 1;
            this.Alpha = 50;
        }
        #endregion

        #region ========== Property  ==========
        /// <summary>
        /// Whether to show a border around the chart or not.
        /// </summary>
        [Bindable(true)]
        [Category("Appearance")]
        [DefaultValue(true)]
        [Description("Whether to show a border around the chart or not.")]
        [Localizable(true)]
        public bool Show
        {
            get
            {
                object obj = _viewstate["Show"];
                return (obj == null) ? true : (bool)obj;
            }

            set { _viewstate["Show"] = value; }
        }
        
        /// <summary>
        /// Border color of the chart.
        /// </summary>
        [Bindable(true)]
        [Category("Appearance")]
        [DefaultValue("")]
        [Description("Border color of the chart.")]
        [Localizable(true)]
        public Color Color
        {
            get
            {
                object obj = _viewstate["Color"];
                return (obj == null) ? Color.Empty : (Color)obj;
            }

            set { _viewstate["Color"] = value; }
        }
        
        /// <summary>
        /// Border alpha of the chart. 
        /// </summary>
        [Bindable(true)]
        [Category("Appearance")]
        [DefaultValue(50)]
        [Description("Border alpha of the chart.")]
        [Localizable(true)]
        public Unit Alpha
        {
            get
            {
                object obj = _viewstate["Alpha"];
                return (obj == null) ? 50 : (Unit)obj;
            }

            set { _viewstate["Alpha"] = value; }
        }   
     
        /// <summary>
        /// Border thickness of the chart.
        /// </summary>
        [Bindable(true)]
        [Category("Appearance")]
        [DefaultValue(1)]
        [Description("Border thickness of the chart.")]
        [Localizable(true)]
        public Unit Width
        {
            get
            {
                object obj = _viewstate["Width"];
                return (obj == null) ? 1 : (Unit)obj;
            }

            set { _viewstate["Width"] = value; }
        }     
        #endregion

        #region IStateManager Members
        public bool IsTrackingViewState
        {
            get { return ((IStateManager)_viewstate).IsTrackingViewState; }
        }

        public void LoadViewState(object state)
        {
            _show = (bool)_viewstate["Show"];
            _color = (Color)_viewstate["Color"];
            _alpha = (Unit)_viewstate["Alpha"];
            _width = (Unit)_viewstate["Width"];

            if (state != null)
                ((IStateManager)_viewstate).LoadViewState(state);
        }

        public object SaveViewState()
        {
            throw new NotImplementedException();
        }

        public void TrackViewState()
        {
            throw new NotImplementedException();
        }
        #endregion
    }
}

using System;
using System.Collections.Generic;
using System.Linq;
using System.Text;

using System.Drawing;
using System.Text.RegularExpressions;

namespace FusionCharts
{
    internal class ColorManager
    {        
        /// <summary>
        /// Convert a hex string to a .NET Color object.
        /// </summary>
        /// <param name="hexColor">a hex string: "FFFFFF", "#000000"</param>
        public static Color HexStringToColor(string hexColor)
        {
            string hc = ExtractHexDigits(hexColor);
            if (hc.Length != 6)
            {
                // you can choose whether to throw an exception
                // throw new ArgumentException("hexColor is not exactly 6 digits.");
                return Color.Empty;
            }
            string r = hc.Substring(0, 2);
            string g = hc.Substring(2, 2);
            string b = hc.Substring(4, 2);
            Color color = Color.Empty;
            try
            {
                int ri = Int32.Parse(r, System.Globalization.NumberStyles.HexNumber);
                int gi = Int32.Parse(g, System.Globalization.NumberStyles.HexNumber);
                int bi = Int32.Parse(b, System.Globalization.NumberStyles.HexNumber);
                color = Color.FromArgb(ri, gi, bi);
            }
            catch
            {
                // you can choose whether to throw an exception
                // throw new ArgumentException("Conversion failed.");
                return Color.Empty;
            }
            return color;
        }
        /// <summary>
        /// Extract only the hex digits from a string.
        /// </summary>
        /// <param name="input">a hex string: "FFFFFF", "#000000"</param>
        public static string ExtractHexDigits(string input)
        {
            // remove any characters that are not digits (like #)
            Regex isHexDigit = new Regex("[abcdefABCDEF\\d]+", RegexOptions.Compiled);
            string newnum = "";
            foreach (char c in input)
            {
                if (isHexDigit.IsMatch(c.ToString()))
                    newnum += c.ToString();
            }
            return newnum;
        }

        /// <summary>
        /// Convert a .NET Color object to a hex string.
        /// </summary>
        /// <param name="color">.NET Color object</param>
        public static string ColorToHexString(Color color)
        {
            string RGB;

            RGB = int.Parse(color.R.ToString()).ToString("X").Length == 1 ? "0" + int.Parse(color.R.ToString()).ToString("X") : int.Parse(color.R.ToString()).ToString("X");
            RGB += int.Parse(color.G.ToString()).ToString("X").Length == 1 ? "0" + int.Parse(color.G.ToString()).ToString("X") : int.Parse(color.G.ToString()).ToString("X");
            RGB += int.Parse(color.B.ToString()).ToString("X").Length == 1 ? "0" + int.Parse(color.B.ToString()).ToString("X") : int.Parse(color.B.ToString()).ToString("X");

            return RGB;
        }
    }
}

        private ChartBorder borderStyle;

        public Column2D()
        {
            borderStyle = new ChartBorder();
        }

        /// <summary>
        /// Gets the border properties associated of the chart.
        /// </summary>
        [Browsable(true)]
        [Category("Appearance")]
        [Description("Gets the border properties associated of the chart.")]
        [NotifyParentProperty(true)]
        [PersistenceMode(PersistenceMode.Attribute)]
        [DesignerSerializationVisibility(DesignerSerializationVisibility.Content)]
        public new ChartBorder BorderStyle
        {
            get { return borderStyle; }
        }

        protected override void OnLoad(EventArgs e)
        {
            base.OnLoad(e);

            this.Width = 400;
            this.Height = 300;

            StringBuilder XmlStringBuilder = new StringBuilder();
            XmlStringBuilder.AppendFormat("<chart caption='{0}'", this.Caption);
            if (NavigateUrl != string.Empty) XmlStringBuilder.AppendFormat(" clickURL='{0}'", this.Page.ResolveUrl(NavigateUrl));
            if (BorderStyle.Show != true) XmlStringBuilder.AppendFormat(" showBorder='{0}'", BorderStyle.Show == true ? "1" : "0");
            if (BorderStyle.Alpha != 50) XmlStringBuilder.AppendFormat(" borderAlpha='{0}'", BorderStyle.Alpha.Value > 100 ? "100" : BorderStyle.Alpha.Value.ToString());
            if (BorderStyle.Color != System.Drawing.Color.Empty) XmlStringBuilder.AppendFormat(" borderColor='{0}'", ColorManager.ColorToHexString(this.BorderStyle.Color));
            if (BorderStyle.Width != 1) XmlStringBuilder.AppendFormat(" borderThickness='{0}'", BorderStyle.Width.Value.ToString());
            XmlStringBuilder.Append(">");

            foreach (ListItem item in this.Items)
            {
                XmlStringBuilder.AppendFormat("<set label='{0}' value='{1}' />", item.Text, item.Value);
            }

            XmlStringBuilder.Append("</chart>");

            xmlData = XmlStringBuilder.ToString();
        }

<FCharts:Column2D ID="Column2D1" runat="server" Caption="tungman" BorderStyle-Color="Red" BorderStyle-Width="3">
   <asp:ListItem Text="tungman1" Value="100"></asp:ListItem>
   <asp:ListItem Text="tungman2" Value="200"></asp:ListItem>
   <asp:ListItem Text="tungman3" Value="300"></asp:ListItem>
</FCharts:Column2D>

[PersistenceMode(PersistenceMode.Attribute)]

[PersistenceMode(PersistenceMode.InnerProperty)]