Hi Magnus,

You need:

using System;
using System.Drawing;
using System.Windows.Forms;
using Nevron;
using Nevron.Chart;
using Nevron.Dom;
using Nevron.GraphicsCore;

BTW Pressing Ctrl + "." in Visual Studio will autmatically suggest which using you need to include for the class/enum etc. at the current cursor position...

Best Regards,
Nevron Support Team

Thanks!

I have some problem with a few things there:

title.Dock = DockStyle.Top;

DockStyle does not exist in current context

title.ContentAlignment = ContentAlignment.BottomCenter;

ContentAlignment does not exist in current context

new NColorFillStyle(Color.Black);

Color does not exist in current context


I'm using:

using Nevron.GraphicsCore;
using Nevron.Chart;
using Nevron.Chart.WinForm;

Do I need any more?

Br,

Magnus

Hi Magnus,

The following code snippet should get you started:

nChartControl1.BackgroundStyle.FillStyle = new NColorFillStyle(Color.Black);

NImageFrameStyle frameStyle = new NImageFrameStyle(PredefinedImageFrame.Emboss);

frameStyle.FillStyle = new NGradientFillStyle(Color.DarkGray, Color.Black);

nChartControl1.BackgroundStyle.FrameStyle = frameStyle;

nChartControl1.Panels.Clear();

// set a chart title

NLabel title = new NLabel("EUR / USD Exchange rate<br/><font size='10pt'>click and drag in the chart area to zoom in</font>");

title.Dock = DockStyle.Top;

title.TextStyle.TextFormat = TextFormat.XML;

title.TextStyle.FillStyle = new NColorFillStyle(Color.White);

title.ContentAlignment = ContentAlignment.BottomCenter;

title.Location = new NPointL(new NLength(50, NRelativeUnit.ParentPercentage), new NLength(2, NRelativeUnit.ParentPercentage));

title.Margins = new NMarginsL(10, 10, 10, 0);

nChartControl1.Panels.Add(title);

NCartesianChart chart = new NCartesianChart();

chart.Dock = DockStyle.Fill;

chart.Margins = new NMarginsL(10, 10, 40, 10);

chart.BoundsMode = BoundsMode.Stretch;

chart.Wall(ChartWallType.Back).VisibilityMode = WallVisibilityMode.Hidden;

nChartControl1.Panels.Add(chart);

// configure the y axis

NAxis yAxis = chart.Axis(StandardAxis.PrimaryY);

NLinearScaleConfigurator yScale = yAxis.ScaleConfigurator as NLinearScaleConfigurator;

yScale.InnerMajorTickStyle.Length = new NLength(0);

yScale.OuterMajorTickStyle.LineStyle.Color = Color.LightGray;

yScale.Title.Text = "Exchange Rate";

yScale.Title.TextStyle.FillStyle = new NColorFillStyle(Color.LightGray);

yScale.LabelStyle.TextStyle.FillStyle = new NColorFillStyle(Color.LightGray);

yScale.RulerStyle.BorderStyle.Width = new NLength(0);

// configure the x axis

NAxis xAxis = chart.Axis(StandardAxis.PrimaryX);

NDateTimeScaleConfigurator dtScale = new NDateTimeScaleConfigurator();

dtScale.InnerMajorTickStyle.Length = new NLength(0);

dtScale.OuterMajorTickStyle.LineStyle.Color = Color.LightGray;

dtScale.RulerStyle.BorderStyle.Color = Color.LightGray;

dtScale.LabelStyle.TextStyle.FillStyle = new NColorFillStyle(Color.LightGray);

dtScale.MajorTickMode = MajorTickMode.CustomStep;

dtScale.CustomStep = new NDateTimeSpan(1, NDateTimeUnit.Month);

dtScale.EnableUnitSensitiveFormatting = false;

dtScale.LabelValueFormatter = new NDateTimeValueFormatter("MMM yy");

xAxis.ScaleConfigurator = dtScale;

// add the first line

NAreaSeries area = (NAreaSeries)chart.Series.Add(SeriesType.Area);

area.UseXValues = true;

area.DataLabelStyle.Visible = false;

area.FillStyle = new NGradientFillStyle(Color.FromArgb(200, Color.Yellow), Color.FromArgb(125, Color.Black));

area.BorderStyle.Width = new NLength(0);

int maxCount = 200;

DateTime dt = DateTime.Now;

Random rand = new Random();

for (int i = 0; i < maxCount; i++)

{

double dValueY = 110 + Math.Sin(i * 3.14 / 18) * 50 * (rand.NextDouble() + 1.0);

int nIndex = i % maxCount;

area.Values.Add(dValueY);

area.XValues.Add(dt.ToOADate());

dt += new TimeSpan(1, 0, 0, 0);

}

You probably need to change the colors a bit, but that's the basic configuration...

Best Regards,
Nevron Support Team

Hi,

I've tried to modify the look and feel of my graphs with quite bad results

Does anyone know how to perform a chart in Nevron Chart for .NET that looks like any of the charts below?

Br,

Magnus

http://i43.tinypic.com/2cx7tzb.jpg
http://i43.tinypic.com/11v2qvm.jpg