Still celebrating National IT Professionals Day with 3 months of free Premium Membership. Use Code ITDAY17


C Sharp Chart - one axis with two titles, image attached

Posted on 2011-09-06
Medium Priority
Last Modified: 2012-05-12

I am new to coding in c# and not very good. I basically have a simple line chart with which shows a stock price over the course of a couple of days.

On the y-axis I have the price. On the x-axis I have the date & time. However on the x-axis at every interval the date & time is shown but it is very hard to read what I would like is to be able to display the x-axis like the in the picture attached. I have no idea how to do this.

Any help would be great.



Question by:mcs26
Welcome to Experts Exchange

Add your voice to the tech community where 5M+ people just like you are talking about what matters.

  • Help others & share knowledge
  • Earn cash & points
  • Learn & ask questions
  • 4
  • 2
LVL 14

Accepted Solution

binaryevo earned 2000 total points
ID: 36490133
Here is an example... Give that a try and let me know if that gets you where you need to be.

            List<TestObject> bonds = LoadTestObjects(this.dropPortfolios.SelectedValue.Trim()).ToList();

            if (bonds != null && bonds.Count > 0)
                this.Chart1.ChartAreas["ChartArea1"].AxisX.IsMarginVisible = true;
                this.Chart1.ChartAreas["ChartArea1"].AxisY.Title = "Duration";
                this.Chart1.ChartAreas["ChartArea1"].AxisX.Title = "Scenario";
                this.Chart1.ChartAreas["ChartArea1"].ShadowOffset = 2;

                this.Chart1.Legends["Default"].BackColor = System.Drawing.Color.White;
                this.Chart1.Legends["Default"].BorderColor = System.Drawing.Color.Black;
                this.Chart1.Legends["Default"].BorderWidth = 0;
                this.Chart1.Legends["Default"].Docking = System.Web.UI.DataVisualization.Charting.Docking.Bottom;
                this.Chart1.Legends["Default"].Alignment = System.Drawing.StringAlignment.Center;
                this.Chart1.Legends["Default"].LegendStyle = System.Web.UI.DataVisualization.Charting.LegendStyle.Column;
                this.Chart1.Legends.Add(new System.Web.UI.DataVisualization.Charting.Legend("MainLegend"));
                this.Chart1.Legends["Default"].IsEquallySpacedItems = true;

                foreach (Domain.VBond bond in bonds)
                    System.Web.UI.DataVisualization.Charting.Series series = new System.Web.UI.DataVisualization.Charting.Series(bond.Sector);
                    series.ChartType = System.Web.UI.DataVisualization.Charting.SeriesChartType.Line;
                    series.MarkerStyle = System.Web.UI.DataVisualization.Charting.MarkerStyle.Circle;

                    series.Points[0].AxisLabel = "-200";
                    series.Points[1].AxisLabel = "-100";
                    series.Points[2].AxisLabel = "Base";
                    series.Points[3].AxisLabel = "+100";
                    series.Points[4].AxisLabel = "+200";
                    series.Legend = "MainLegend";
                    series.BorderWidth = 3;

Open in new window


Author Comment

ID: 36494295
Hi binaryevo,

Thanks for the reply. Will try the code as soon as I can, we'r having IT issues today in our office.

Here is the following basic code I have in the form class.

using System;
using System.Collections.Generic;
using System.ComponentModel;
using System.Data;
using System.Drawing;
using System.Linq;
using System.Text;
using System.Windows.Forms;
using System.Windows.Forms.DataVisualization.Charting;
using System.Data.OleDb;
using System.Data.SqlClient;
using System.IO;
namespace WindowsFormsApplication2
public partial class Form1 : Form
string cn = "Provider=Microsoft.Jet.OLEDB.4.0;Data Source=";
string dbPath = @"C:\Blah\";
public Form1()
private void Form1_Load(object sender, EventArgs e)
int i;
// set the date & time pickers
this.dateTimePickerFrom.Format = DateTimePickerFormat.Custom;
this.dateTimePickerFrom.CustomFormat = "dd/MM/yyyy HH:mm:ss";
this.dateTimePickerTo.Format = DateTimePickerFormat.Custom;
this.dateTimePickerTo.CustomFormat = "dd/MM/yyyy HH:mm:ss";
// temp
this.dateTimePickerFrom.Value = new DateTime(2010, 1, 1);
this.dateTimePickerTo.Value = new DateTime(2010, 3, 31);
// set the combo box list & start it at EURUSD
for (i = 0; i < Pairs.Length; i++)
cmbPairs.Text = "EURUSD";
private void LoadDataPointIntoGraph(DateTime dtFrom, DateTime dtTo, string FXPair)
double minPrice = 999, maxPrice ; 
ChartArea cArea = new ChartArea("Area");
Series seriesPrice = new Series("PriceData");
seriesPrice.ChartType = SeriesChartType.Line;
OleDbConnection dbConnection = new OleDbConnection(cn + dbPath + "dbFX_1Min_db.mdb");
OleDbCommand SQLQuery = dbConnection.CreateCommand();
SQLQuery.CommandText = @"SELECT [Date]+[Time] AS DateAndTime, 
Round(([Close_B]+[Close_A])/2,5) AS Close_Mid
FROM " + FXPair +
" WHERE ((([Date])>=#" + dtFrom.Date + @"# 
And ([Date])<=#" + dtTo.Date + @"#) 
AND (([Time])>=#12/30/1899 " + dtFrom.Hour + ":" + dtFrom.Minute + ":" + dtFrom.Second + @"# 
And ([Time])<=#12/30/1899 " + dtTo.Hour + ":" + dtTo.Minute + ":" + dtTo.Second + @"#))
ORDER BY [Date], [Time];"; 
OleDbDataReader PriceReader = SQLQuery.ExecuteReader();
if (PriceReader.HasRows)
while (PriceReader.Read())
if ((Double)PriceReader["Close_Mid"] > maxPrice)
maxPrice = (Double)PriceReader["Close_Mid"];
else if ((Double)PriceReader["Close_Mid"] < minPrice)
minPrice = (Double)PriceReader["Close_Mid"];
seriesPrice.Points.AddXY((DateTime)PriceReader["DateAndTime"], (Double)PriceReader["Close_Mid"]);
cArea.AxisY.Minimum = minPrice;
cArea.AxisY.Maximum = maxPrice;
private void buttPlot_Click(object sender, EventArgs e)
string txt;
txt = cmbPairs.SelectedItem.ToString() + "_1Min";
LoadDataPointIntoGraph(dateTimePickerFrom.Value, dateTimePickerTo.Value, txt);

Open in new window


Author Comment

ID: 36494329
Just to be clear I've attached another picture as after re-reading my first post I do not think it was excatly clear as to what I want.

If you open the word document you will see a snap shot of a chart. On the x-axis you will see the time ie 12:00, 14:00. Beneath the time values you will see the actual date 06 Sep 2011. When the time value then moves past midnight the date value 07 Sep 2011 is displayed.

To me it appears there has to be two 'labels' for the x-axis to do this. If you carry scrolling on the chart as the time changes so does the date beneath the time values to the correct date. This is what I am trying to replicate.

Again thanks for any help!
Concerto's Cloud Advisory Services

Want to avoid the missteps to gaining all the benefits of the cloud? Learn more about the different assessment options from our Cloud Advisory team.


Author Comment

ID: 36494456
Think I may have found a soultion in the link below however still need to modify it for my code. Will try once our computers are up and running again.

Author Comment

ID: 36502258
I've requested that this question be closed as follows:

Accepted answer: 0 points for mcs26's comment http:/Q_27293092.html#36494456

for the following reason:

The link provides an example of excatly what I was looking for. Code just needs to be modified for my program
LVL 14

Expert Comment

ID: 36502259
I think you should at least award partial points since the first post wasnt as clear...

Featured Post

On Demand Webinar - Networking for the Cloud Era

This webinar discusses:
-Common barriers companies experience when moving to the cloud
-How SD-WAN changes the way we look at networks
-Best practices customers should employ moving forward with cloud migration
-What happens behind the scenes of SteelConnect’s one-click button

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

For those of you who don't follow the news, or just happen to live under rocks, Microsoft Research released a beta SDK ( for the Xbox 360 Kinect. If you don't know what a Kinect is (http:…
Performance in games development is paramount: every microsecond counts to be able to do everything in less than 33ms (aiming at 16ms). C# foreach statement is one of the worst performance killers, and here I explain why.
In this video, Percona Director of Solution Engineering Jon Tobin discusses the function and features of Percona Server for MongoDB. How Percona can help Percona can help you determine if Percona Server for MongoDB is the right solution for …
In response to a need for security and privacy, and to continue fostering an environment members can turn to for support, solutions, and education, Experts Exchange has created anonymous question capabilities. This new feature is available to our Pr…

671 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question