Set up Chart Caption guide in ASP.NET, rich C# sample code for chart title' region, style, text area

How to Put up Caption of Chart Using C#

Home > How to > Chart Title

Caption is the summary of chart contents and chart theme. A well designed title can let your chart clearer and more vivid on conveying information to readers. The title text font, title position, title coloir, title size and title alignment mode all have close relations on chart visualization. What's more, you can add a secondary title to the web chart. Thus, if you want to create and customize your chart title easily and quickly, you cannot miss KT.UI C# ASP.NET AJAX Chart controls.

Kettic UI C# ASP.NET AJAX Chart SDK offers comprehensive tutorials for developers and none-technical end users, if you are a first-time user, you can refer to the this tutorial article to get well informed of creating and defining chart title with the easiest APIs and methods within C#.NET project.

In this page, you can get the detailed information of KT.UI ChartTitle object, including its developing concepts and step-by-step instructions on how to create simple charting title application. In addition to chart title, KT.UI ASP.NET Chart control library still provides more chart elements objects, such as, chart plot area, series, axes, axis label, gridline, legend, tick, label and data table. If you are interested, you can link to the chart element overview page to get more guides for more help.

ActiveRegion Within C#.NET Project

This component contains properties for HTML Attributes, Tooltip and URL. When we move mouse above to title and suspend, the Tooltip will displaying automatically. And we can go to the target web page if we have a click. See following C# ASP.NET demo codes.


KaxChart1.Caption.ActiveRegion.Tooltip = "Kettic Chart Caption";
KaxChart1.Caption.ActiveRegion.Url = "www.kettic.com";

StyleSet Within C#.NET Project

StyleSet includes many sub-attributes for title, for instance, visibility, Border, Corners, Dimensions, FillStyle, Position, RotationAngle and Shadow. Use FillStyle object to select the title filled type, text color and background color. The Position term can allow users to change and define the title position and align to Left, Right, Center, Top, Bottom, BottomRight, BottomLeft, TopRight and TopLeft. In addition, set the Visible property as True to show the title. Please refer to C# ASP.NET sample codes below to see how to set these attributes.


            KaxChart1.Caption.StyleSet.RotationAngle = 30;
            KaxChart1.Caption.TextArea.StyleSet.Border.PenStyle = System.Drawing.Drawing2D.DashStyle.Solid;
            KaxChart1.Caption.TextArea.StyleSet.Border.Color = System.Drawing.Color.AliceBlue;
            KaxChart1.Caption.TextArea.StyleSet.Border.Visible = true;
            KaxChart1.Caption.TextArea.StyleSet.Border.Width = 2;
            KaxChart1.Caption.TextArea.StyleSet.Fill.FillMode = ChartFillMode.Gradient;
            KaxChart1.Caption.TextArea.StyleSet.Fill.PrimaryColor = System.Drawing.Color.BurlyWood;
            KaxChart1.Caption.TextArea.StyleSet.Fill.SecondColor = System.Drawing.Color.LightSeaGreen;

TextArea

This property is developed to allow users to set the text style of title, such as text font, text size and background. Please refer to C# sample codes below, you can modify the text properties dynamically in the asp.net programming.


            KaxChart1.Caption.TextArea.Text = "Chart Caption";
            KaxChart1.Caption.TextArea.StyleSet.TextSurface.Color = System.Drawing.Color.Red;
            KaxChart1.Caption.TextArea.StyleSet.TextSurface.Font = new System.Drawing.Font(FontFamily.GenericSerif, 12, FontStyle.Bold);

ASP.NET AJAX UI Controls

ASP.NET AJAX Chart UI Control

Overview Getting Started

Chart Element

Diagram Series Axes Legend Caption Tick Data Grid

Chart Type

Bar Chart Point Chart Line Chart Pie Chart Area Chart Gantt Chart Bubble Chart Bezier Chart Spline Chart Spline Area Chart Candle Chart Chart With Stacked Full Stacked Chart

Features

Automatic Layout Automatic Text-wrapping Scrolling Empty Values Scale Break Multiline Labels Wise Labels Marking Areas Multiple Types Interactive Drill Down Shadow Edting

Data Binding

Array Data List Data Database Data XML Data

Chart Style

Chart Skin ASP.NET AJAX Grid UI Control