Chart - Views Gantt Chart


Series orientation:

Gantt chart, also can be called Time charts, is usually used for displaying time based separate data values, which contains a beginning and an end. When we need to show a time planning data series, we can plot these data on a gantt chart.
This demo demonstrates the appearance of Gantt chart. It is usually used for displaying time based separate data values, which contains a beginning and an end.
You can change the appearance by setting the skin property.

Kettic ASP.NET AJAX Chart control supplies many features, such as drill down chart data in, scroll chart data in, interactive pie chart data in

<%@ Page Title="" Language="C#" MasterPageFile="~/Demo.Master" AutoEventWireup="true" CodeBehind="GanttChart.aspx.cs" Inherits="Kettic.AspNet.Demo.KaxChartDemo.Views.GanttChart" %>
<%@ Register TagPrefix="kettic" Namespace="Kettic.AspNet.Controls" Assembly="Kettic.AspNet.Controls" %>
<%@ Register TagPrefix="kettic" Namespace="Kettic.AspNet.Controls.ChartModel" Assembly="Kettic.AspNet.Controls" %>

<asp:Content ID="Content1" ContentPlaceHolderID="DemoContent" runat="server">
    <kettic:KaxAjaxPanel runat="server" ID="KaxAjaxPanel1">
        <div style="float: left" id="chartPlaceholder">
            <kettic:KaxChart ID="KaxChart1" runat="server">
                <Caption Text="Grantt Chart">
                    <AxisX MaxValue="10" MinValue="1" Step="1">
                    <AxisY MaxValue="20" Step="2" AxisMode="Extended">

                    <kettic:ChartSeries Name="Series 1" View="Gantt">
                        <StyleSet LegendDisplayMode="SeriesPointsNames">
                            <Fill PrimaryColor="#009933">
                            <kettic:ChartSeriesPoint Value="2" Value2="3" Name="Point 1">
                            <kettic:ChartSeriesPoint Value="6" Value2="12" Name="Point 2">
                            <kettic:ChartSeriesPoint Value="13" Value2="15" Name="Point 3">
                            <kettic:ChartSeriesPoint Value="14" Value2="10" Name="Point 4">
                            <kettic:ChartSeriesPoint Value="15" Value2="17" Name="Point 5">
        <div style="float: left;">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</div>
        <div id="chartOptionsPlaceholder" style="float: left;">
            <br />
            <asp:Label ID="lblChartOrientation" runat="server" Text="Series orientation:"></asp:Label>
            <asp:RadioButtonList AutoPostBack="true" ID="OrientationList" runat="server" OnSelectedIndexChanged="OrientationList_SelectedIndexChanged">
                <asp:ListItem Text="Horizontal" Value="Horizontal"></asp:ListItem>
                <asp:ListItem Text="Vertical" Value="Vertical" Selected="True"></asp:ListItem>
            <br />
        <div style="clear: both"></div>
using System;
using System.Collections.Generic;
using System.Linq;
using System.Web;
using System.Web.UI;
using System.Web.UI.WebControls;
using Kettic.AspNet.Controls.ChartModel;

namespace Kettic.AspNet.Demo.KaxChartDemo.Views
    public partial class GanttChart : System.Web.UI.Page
        protected void Page_Load(object sender, EventArgs e)

        protected void OrientationList_SelectedIndexChanged(object sender, EventArgs e)
            KaxChart1.SeriesOrientation = (ChartSeriesOrientation)Enum.Parse(typeof(ChartSeriesOrientation), OrientationList.SelectedValue);
Copyright © 2008-2018 Kettic Inc
Your Next ASP.NET Site Best Choice

Get started today and download ASP.NET AJAX UI Controls and SDKs for 30-day free try.

Kettic provide rich online demos to view the features of each UI control. And you can find comprehensive guide to use ASP.NET controls

For more information about Kettic UI SDK, please visit the ASP.NET AJAX Controls webpage. For immediate assistance, contact us by Email at