This is a migrated thread and some comments may be shown as answers.

Applying FillStyle to a Bar or Area Series

3 Answers 167 Views

Chart (HTML5)

This is a migrated thread and some comments may be shown as answers.

3 Answers, 1 is accepted

answered on 04 Aug 2014, 07:11 AM

Hi Chris Burtch,

Please try the below sample code snippet to achieve your scenario.

C#:

protected void Page_Load(object sender, EventArgs e)

{

RadHtmlChart areaChart = new RadHtmlChart();

areaChart.ID = "RadHtmlChart1";

areaChart.ChartTitle.Text = "Company Performance";

areaChart.ChartTitle.Appearance.Align = ChartTitleAlign.Center;

areaChart.ChartTitle.Appearance.Position = ChartTitlePosition.Top;

areaChart.Legend.Appearance.Position = ChartLegendPosition.Bottom;

areaChart.PlotArea.XAxis.AxisCrossingValue = 0;

areaChart.PlotArea.XAxis.Color = System.Drawing.Color.Black;

areaChart.PlotArea.XAxis.MajorTickType = TickType.Outside;

areaChart.PlotArea.XAxis.MinorTickType = TickType.Outside;

areaChart.PlotArea.XAxis.TitleAppearance.Text = "Years";

areaChart.PlotArea.XAxis.TitleAppearance.Position = AxisTitlePosition.Center;

areaChart.PlotArea.XAxis.MajorGridLines.Color = System.Drawing.Color.BlueViolet;

areaChart.PlotArea.XAxis.MinorGridLines.Color = System.Drawing.Color.Brown;

areaChart.PlotArea.XAxis.Items.Add(new AxisItem("2004"));

areaChart.PlotArea.XAxis.Items.Add(new AxisItem("2005"));

areaChart.PlotArea.XAxis.Items.Add(new AxisItem("2006"));

areaChart.PlotArea.XAxis.Items.Add(new AxisItem("2007"));

areaChart.PlotArea.XAxis.Items.Add(new AxisItem("2008"));

areaChart.PlotArea.XAxis.Items.Add(new AxisItem("2009"));

areaChart.PlotArea.XAxis.Items.Add(new AxisItem("2010"));

areaChart.PlotArea.YAxis.Color=System.Drawing.Color.Black;

areaChart.PlotArea.YAxis.MajorTickType = TickType.Outside;

areaChart.PlotArea.YAxis.MinorTickType = TickType.Outside;

areaChart.PlotArea.YAxis.MaxValue=1500;

areaChart.PlotArea.YAxis.Step=100;

areaChart.PlotArea.YAxis.MajorGridLines.Color = System.Drawing.Color.BlueViolet;

areaChart.PlotArea.YAxis.MinorGridLines.Color = System.Drawing.Color.Brown;

areaChart.PlotArea.YAxis.TitleAppearance.Position = AxisTitlePosition.Center;

areaChart.PlotArea.YAxis.TitleAppearance.Text="Finance";

AreaSeries series=new AreaSeries();

series.Name="Sales";

series.MissingValues=MissingValuesBehavior.Gap;

series.Appearance.FillStyle.BackgroundColor=System.Drawing.Color.Orange;

series.LabelsAppearance.Position=LineAndScatterLabelsPosition.Above;

series.MarkersAppearance.MarkersType=MarkersType.Circle;

series.MarkersAppearance.BackgroundColor=System.Drawing.Color.White;

series.TooltipsAppearance.BackgroundColor=System.Drawing.Color.White;

series.SeriesItems.Add(new CategorySeriesItem(400));

series.SeriesItems.Add(new CategorySeriesItem(500));

series.SeriesItems.Add(new CategorySeriesItem(720));

series.SeriesItems.Add(new CategorySeriesItem(1300));

series.SeriesItems.Add(new CategorySeriesItem(450));

series.SeriesItems.Add(new CategorySeriesItem(800));

series.SeriesItems.Add(new CategorySeriesItem(900));

areaChart.PlotArea.Series.Add(series);

AreaSeries series1=new AreaSeries();

series1.Name="Expenses";

series1.MissingValues=MissingValuesBehavior.Gap;

series1.Appearance.FillStyle.BackgroundColor=System.Drawing.Color.Green;

series1.LabelsAppearance.Position=LineAndScatterLabelsPosition.Above;

series1.MarkersAppearance.MarkersType=MarkersType.Circle;

series1.MarkersAppearance.BackgroundColor=System.Drawing.Color.White;

series1.TooltipsAppearance.BackgroundColor=System.Drawing.Color.White;

series1.SeriesItems.Add(new CategorySeriesItem(700));

series1.SeriesItems.Add(new CategorySeriesItem(900));

series1.SeriesItems.Add(new CategorySeriesItem(420));

series1.SeriesItems.Add(new CategorySeriesItem(1100));

series1.SeriesItems.Add(new CategorySeriesItem(650));

series1.SeriesItems.Add(new CategorySeriesItem(600));

series1.SeriesItems.Add(new CategorySeriesItem(700));

areaChart.PlotArea.Series.Add(series1);

form1.Controls.Add(areaChart);

}

Thanks,
Shinu.

Product Bundles

DevCraft

Web

Mobile

Document Management

Desktop

Reporting & Mocking

Automated Testing

CMS

UI/UX Tools

Debugging

Free Tools

Support and Learning

Productivity and Design Tools

Applying FillStyle to a Bar or Area Series

3 Answers, 1 is accepted