Gallery

Gallery > Shading Charts

Bright Segmented Bar Gauge

Demonstrates the gauge bars type with SegmentedBars and ShadingEffectMode.Five.

Download Show C# Code Show VB Code

<%@ Page Language="C#" Description="dotnetCHARTING Component" %>

<%@ Register TagPrefix="dotnet" Namespace="dotnetCHARTING" Assembly="dotnetCHARTING" %>
<%@ Import Namespace="System.Drawing" %>
<%@ Import Namespace="System.Drawing.Drawing2D" %>
<%@ Import Namespace="dotnetCHARTING.Mapping" %>

<script runat="server">

void Page_Load(Object sender, EventArgs e)
{
// Demonstrates the gauge bars type with SegmentedBars and ShadingEffectMode.Five.

Chart.TempDirectory = "temp";
Chart.Debug = true;
Chart.DefaultSeries.Palette = new Color[]{Color.FromArgb(66,133,244),Color.FromArgb(254,76,20),Color.FromArgb(219,203,24),Color.FromArgb(21,172,32)};

Chart.ShadingEffectMode = ShadingEffectMode.Five;
Chart.Type = ChartType.Gauges;
Chart.Size = "300x150";
Chart.ChartArea.ClearColors();

Chart.DefaultSeries.GaugeType = GaugeType.Bars;
Chart.DefaultSeries.Type = SeriesType.BarSegmented;
Chart.LegendBox.Visible = false;
Chart.Margin = "0";

// *DYNAMIC DATA NOTE*
// This sample uses random data to populate the chart. To populate
// a chart with database data see the following resources:
// - Help File > Getting Started > Data Tutorials
// - DataEngine Class in the help file
// - Sample: features/DataEngine.aspx

SeriesCollection mySC = getRandomData();

// Add the random data.
Chart.SeriesCollection.Add(mySC);

}

SeriesCollection getRandomData()
{
Random myR = new Random(1);
SeriesCollection SC = new SeriesCollection();
for (int a = 1; a < 2; a++)
{
Series s = new Series("Series " + a.ToString());
for (int b = 1; b < 5; b++)
{
Element e = new Element("Element " + b.ToString());
e.YValue = myR.Next(50);
s.Elements.Add(e);
}
SC.Add(s);
}
return SC;
}

</script>

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>.netCHARTING Sample</title>
</head>
<body>
<div align="center">
<dotnet:Chart ID="Chart" runat="server" />
</div>
</body>
</html>

Sample FilenameGallery/h0136.aspx
Version4.4
Uses DatabaseNo

JS Charting

Gallery

Bright Segmented Bar Gauge