zooming on chart in c# like google map

Question

0.00/5 (No votes)

See more:

i have a chart on my c# windows application.
i want to zoom every point of chart when mouse on them.
like google map

i mean i dont want zoom all part of chart
i want zoom just specefic point like google map

code:

C#

public partial class Form1 : Form
   {

       int[] myArrayX = new int[5];
       double[] myArrayY = new double[5];
       int lastX = -1;
       double lastY = -0.6;
       double xmax;

       Graph.Chart chart;
       public Form1()
       {
           InitializeComponent();
           this.MouseWheel += new MouseEventHandler(Form1_MouseWheel);
       }

       void Form1_MouseWheel(object sender, MouseEventArgs e)
       {

           try
           {
               if (e.Delta > 0)
               {
                   double xMin = chart.ChartAreas["draw"].AxisX.ScaleView.ViewMinimum;
                   double xMax = chart.ChartAreas["draw"].AxisX.ScaleView.ViewMaximum;
                   double yMin = chart.ChartAreas["draw"].AxisY.ScaleView.ViewMinimum;
                   double yMax = chart.ChartAreas["draw"].AxisY.ScaleView.ViewMaximum;

                   double posXStart = chart.ChartAreas["draw"].AxisX.PixelPositionToValue(e.Location.X) - (xMax - xMin) / 2;
                   double posXFinish = chart.ChartAreas["draw"].AxisX.PixelPositionToValue(e.Location.X) + (xMax - xMin) / 2;
                   double posYStart = chart.ChartAreas["draw"].AxisY.PixelPositionToValue(e.Location.Y) - (yMax - yMin) / 2;
                   double posYFinish = chart.ChartAreas["draw"].AxisY.PixelPositionToValue(e.Location.Y) + (yMax - yMin) / 2;

                   chart.ChartAreas["draw"].AxisX.ScaleView.Zoom(posXStart, posXFinish);
                   chart.ChartAreas["draw"].AxisY.ScaleView.Zoom(posYStart, posYFinish);
               }
               else if (e.Delta < 0)
               {
                   ZoomOut();
               }

           }
           catch { }


       }

       private void ZoomOut()
       {
           chart.ChartAreas["draw"].AxisX.ScaleView.ZoomReset();
           chart.ChartAreas["draw"].AxisY.ScaleView.ZoomReset();
       }



       void CreateNewGraph()
       {
           // Create new Graph
           chart = new Graph.Chart();


           chart.Location = new System.Drawing.Point(13, 185);


           chart.Size = new System.Drawing.Size(900, 500);


           chart.ChartAreas.Add("draw");




           chart.ChartAreas["draw"].AxisX.Minimum = 0;
           chart.ChartAreas["draw"].AxisX.Maximum = 20;


           chart.ChartAreas["draw"].AxisX.Interval = 1;


           chart.ChartAreas["draw"].AxisX.MajorGrid.LineColor = Color.White;


           chart.ChartAreas["draw"].AxisX.MajorGrid.LineDashStyle = Graph.ChartDashStyle.Dash;


           chart.ChartAreas["draw"].AxisY.Minimum = -0.4;
           chart.ChartAreas["draw"].AxisY.Maximum = 1;


           chart.ChartAreas["draw"].AxisY.Interval = 0.2;


           chart.ChartAreas["draw"].AxisY.MajorGrid.LineColor = Color.White;


           chart.ChartAreas["draw"].AxisY.MajorGrid.LineDashStyle = Graph.ChartDashStyle.Dash;


           chart.ChartAreas["draw"].BackColor = Color.Black;



           var series = chart.Series.Add("Test");


           chart.Series["Test"].ChartType = Graph.SeriesChartType.Line;


           chart.Series["Test"].Color = Color.Yellow;


           chart.Series["Test"].BorderWidth = 3;


           chart.Legends.Add("MyLegend");
           chart.Legends["MyLegend"].BorderColor = Color.YellowGreen;

           // Set automatic zooming
           chart.ChartAreas["draw"].AxisX.ScaleView.Zoomable = true;
           chart.ChartAreas["draw"].AxisY.ScaleView.Zoomable = true;

           // Set automatic scrolling
           chart.ChartAreas["draw"].CursorX.AutoScroll = true;
           chart.ChartAreas["draw"].CursorY.AutoScroll = true;

           // Allow user selection for Zoom
           chart.ChartAreas["draw"].CursorX.IsUserSelectionEnabled = true;
           chart.ChartAreas["draw"].CursorY.IsUserSelectionEnabled = true;

           chart.ChartAreas["draw"].AxisX.ScaleView.Zoomable = true;
           chart.ChartAreas["draw"].AxisY.ScaleView.Zoomable = true;

           //chart.MouseWheel += new MouseEventHandler(chart_MouseWheel);
       }


       private void Form1_Load(object sender, EventArgs e)
       {
           CreateNewGraph();
       }

       private void timer1_Tick(object sender, EventArgs e)
       {
           fillarray();

           for (int i = 1; i <= 5; i += 1)
           {
               chart.Series["Test"].Points.AddXY(myArrayX[i - 1], myArrayY[i - 1]);
               xmax = myArrayX[i - 1];
           }

           if (xmax >= 20)
           {
               chart.ChartAreas["draw"].AxisX.ScrollBar.Enabled = true;
               chart.ChartAreas["draw"].AxisX.ScaleView.Zoomable = true;
               chart.ChartAreas["draw"].AxisX.ScaleView.Zoom(0, xmax);
           }

           Controls.Add(this.chart);

       }

       public void fillarray()
       {
           for (int i = 1; i <= 5; i += 1)
           {
               lastX = lastX + 1;
               myArrayX[i - 1] = lastX;

           }

           for (int i = 1; i < 5; i += 1)
           {
               lastY = lastY + 0.2;
               myArrayY[i - 1] = lastY;

           }


       }
   }

Posted 14-Apr-14 22:20pm

neda1367

Add a Solution

Comments

Richard MacCutchan 15-Apr-14 5:01am

Please provide proper details of your problem. Saying "I want to ..." does not tell us what you are having difficulty with.

neda1367 15-Apr-14 5:08am

i did zoom on my project. but i is works on all chart. when i do mouse wheel all my chart will be zoo but i want to zoo just one specefic point.

Bernhard Hiller 15-Apr-14 9:12am

"i want zoom just specefic point" does not make sense at all.
I guess you do not like that the chart moves such that the point where the mouse was over becomes the center of the chart. Does that describe the problem better?

neda1367 15-Apr-14 23:40pm

yes . what is the resolve?

1 solution

Add a Solution

Add your solution here

Treat my content as plain text, not as HTML

Preview 0

…

Existing Members

Sign in to your account

...or Join us

Download, Vote, Comment, Publish.

Your Email
Password
Forgot your password?

Your Email
This email is in use. Do you need your password?
Optional Password

I have read and agree to the Terms of Service and Privacy Policy
Please subscribe me to the CodeProject newsletters

When answering a question please:

Read the question carefully.
Understand that English isn't everyone's first language so be lenient of bad spelling and grammar.
If a question is poorly phrased then either ask for clarification, ignore it, or edit the question and fix the problem. Insults are not welcome.
Don't tell someone to read the manual. Chances are they have and don't get it. Provide an answer or move on to the next question.

Let's work to help developers, not make them feel stupid.

This content, along with any associated source code and files, is licensed under The Code Project Open License (CPOL)

Bernhard Hiller · Answer 1 · 2014-04-15T20:50:00

Your code

C#

double xMin = chart.ChartAreas["draw"].AxisX.ScaleView.ViewMinimum;
double xMax = chart.ChartAreas["draw"].AxisX.ScaleView.ViewMaximum;
double yMin = chart.ChartAreas["draw"].AxisY.ScaleView.ViewMinimum;
double yMax = chart.ChartAreas["draw"].AxisY.ScaleView.ViewMaximum;

double posXStart = chart.ChartAreas["draw"].AxisX.PixelPositionToValue(e.Location.X) - (xMax - xMin) / 2;
double posXFinish = chart.ChartAreas["draw"].AxisX.PixelPositionToValue(e.Location.X) + (xMax - xMin) / 2;
double posYStart = chart.ChartAreas["draw"].AxisY.PixelPositionToValue(e.Location.Y) - (yMax - yMin) / 2;
double posYFinish = chart.ChartAreas["draw"].AxisY.PixelPositionToValue(e.Location.Y) + (yMax - yMin) / 2;

places the point where the mouse was over (e.Location) into the middle of the chart. It must be adjusted such that the position does not change.
I did not check if following code really fulfills that requirement, it may need some minor changes:

C#

double posXStart = (chart.ChartAreas["draw"].AxisX.PixelPositionToValue(e.Location.X) + xMin) / 2;
double posXFinish = (chart.ChartAreas["draw"].AxisX.PixelPositionToValue(e.Location.X) + xMax) / 2;
double posYStart = (chart.ChartAreas["draw"].AxisY.PixelPositionToValue(e.Location.Y) + yMin) / 2;
double posYFinish = (chart.ChartAreas["draw"].AxisY.PixelPositionToValue(e.Location.Y) + yMax) / 2;