Axis values formatting for chart - c#

In my WinForms project I use the standard Chart control (from the VS toolbox) to display pressure versus time. It must be possible to zoom the graph. This works fine, but the X-axis values in the zoomed graph shows the values in a lot of decimals:
Does anyone have an idea what I can show the values in a better format? For example, in the above graph I would see labels like: 8.00, 10.00, 12.00? I can also live with values like: 7.98, 9.98, 11.98, so with a limited number of decimals.
I've looked in the control designers for the Chart control where I can specify a format string or the number of decimals, but I could not find it.
There is nothing special for this chart. It shows 2 series (not easy to see but you could probably see a blue and a green line). I use for both series the FastLine type of graph. I enabled the zooming by setting IsUserEnabled and IsUSerSelection to true for CursorX and CursorY in the graph designer. As said, this works, but I could not spot a property to customize the format of the values.

Set the LabelStyle.Format property:
chart1.ChartAreas[0].AxisX.LabelStyle.Format = "0.00";
Or
chart1.ChartAreas[0].AxisX.LabelStyle.Format = "{0:0.00}";

Related

Chart C# remove numbers and add range

My questions:
How can I remove these numbers that I marked in the screenshot https://prnt.sc/116tvvz?
How do I specify the range of numbers on the chart? For example, here's a screenshot https://prnt.sc/116txqs. It shows numbers in the range of 50.000-60.000, but the graph starts from zero to 60.000.
I'm assuming you're using the default WinForms Chart available from the framework? (from System.Windows.Forms.DataVisualization).
If so, you could manipulate the X & Y axes either from code or from the UI. The key is that they're defined under ChartAreas.
From the UI: Properties > ChartAreas > Axes. From there you can hide the labels by turning off Enabled. Same with Minimum and Maximum, and a whole lot of other customisations.
They're obviously also available from code, which can be useful in case you want to play with the scaling at the arrival of each data point.
More reading on the ChartArea class in the docs.

Microsoft ReportViewer: Customize Y-Axis labels to match a specific format

I would like to customize the Y axis labels of a graph plotted with Microsoft ReportViewer.
What I want is to have a logic like the following:
If (value>1000000)
return value/1000000 & "M"
else
return value
For example if the value of the label is 12000000 then the label value will be 12M, otherwise if the label value is 1200 the value will remain 1200.
I have tried to customize the numeric format to obtain this kind of behaviour tring something like:
= iif(value>1000000,value/1000000 'M',value)
(to help contextualize my question, i'm talking about this window=> https://dotnetblurb.files.wordpress.com/2012/05/3.jpg)
but, as expected, it didn't work.
Googling didn't help much as well, it seems like this kind of customization is just not possible. Or is it?
Thank you very much!
I solved this issue using both the expressions window and altering the graph's datasource content.
In the method filling the data source I added the logic converting big numbers into smaller numbers:
reportModel.MillionsSymbol = "";
if (reportModel.TotalValue > 1000000)
{
reportModel.TotalValue /= 1000000;
reportModel.MillionsSymbol = "M ";
}
I also added the new MillionsSymbol field to my data source and I change its content based on the TotalValue.
Then, I can use this new field in the dialog Vertical Axis Properties -> Number -> Category[custom]
="0.00" & Fields!MillionsSymbol.Value
The trick here is that I wrote an expression that is returning a string containing the characters mask needed by the function that is formatting the axis numbers' label. In this string I can put anything as long as it contains the mask (0.00, #.##,...).
This method allows me to concatenate a variable to the value that is going to appear as a label for every tick of the vertical axis of the graph. It doesn't allow me to work on that value, since I didn't find any way to get access to it. This is why I altered the values in the data source. In this way, though, I'm changing the value of the graph points and then conseguently the vertical axis ticks' values.
Final result:
*Image edited for clarity

Set Y-axis scale MS chart

I am using MS chart, basically a line chart.
I am also using label format to show numbers upto 2 decimal places using
chart2.ChartAreas[0].AxisY.LabelStyle.Format = "#,##0.00;(#,##0.00)";
and property IsStartedFromZero is set to false.
This works for most of the cases.
But if i plot using value (.1,.1,.09) or (.25,.25.22), it shows duplicate values in Y-axis scale. This happens due to formatting of label.
In excel,there is option of setting major unit under format axis option, charts are properly created in excel if Major unit is set to 0.01 (fixed)
how can this be set in microsoft chart, i want to create the same using MS chart.
Tried chart2.ChartAreas[0].AxisY.Interval = .01, but this doesn't works.
Any other suggestion to fix this.

Data Chart display

I want to display some values on graphic using a Chart in C#. I am using the following code
graphics.graphic1.Series[0].Points.AddXY(1, 14);
graphics.graphic1.Series[0].Points.AddXY(4, 0);
graphics.graphic1.Series[0].Points.AddXY(12, 4);
graphics.graphic1.Series[0].Points[0].AxisLabel = "lll";
graphics.graphic1.Series[0].Points[1].AxisLabel = "bbb";
graphics.graphic1.Series[0].Points[2].AxisLabel = "ccc";
to set some point values and some text on the X axis for each point. The problem is that the text is not shown.
What should I do in order to display the text on X axis beneath each point?
In Passing value to another class
you can find a complete working example of a chart using OxyPlot.WPF. If you have not gone too far with your app (which seems to be in WinForms), consider switching to WPF, it will be worth your while. Specifically, the result in that example is that without doing any special effort you get a chart with automated zoom as well as manual zoom (mouse wheel) on X and on Y.
switching to a DateTime x-Axis is as simple as changing the type of the axis in the XAML from:
<oxy:LinearAxis Position="Bottom" Title="Curvature (rad/in)" TitleFont="Arial" TitleFontSize="12" TitleColor="Black"/>
to:
<oxy:DateTimeAxis Position="Bottom" Title="Time" TitleFont="Arial" TitleFontSize="12" TitleColor="Black"/>
then when zooming you see your X-Axis automatically changing from Time only at 1 minute resolution to a 10 minute resolution to hourly, and then to date resolution... Magic.
I was really impressed by the results of this (see full example in the link).

How to force displaying specific dates on DateTimeAxis

Is it possible to force the display of grid lines on the chart with the dates for the extreme data points?
I've tried almost every configuration of following Chart DateTimeAxis properties: IntervalType, Interval, Minimum and Maximum but I wasn't satisfied with the result.
Setting properties Minimum and Maximum didn't solve the problem.
For instance (IntervalType="Days" , Interval="4" , Minimum="1/1/2010" , Maximum="1/31/2010"):
If I'm lucky I will generate some random data where only one extreme point will have the date with grid line.
Does somebody have an idea how to solve the problem mentioned above?
Edited to add
I added a bounty to this question since I really need a fast solution for this issue.
I am binding a series of specific pairs to my chart and I'd like to display excactly those given DateTime values on the x-axis.
Since these are usually dates like 6/30/11, 6/30/12 and so on, I can't use the Interval/IntervalType properties because adding 1 year or 365 days to 6/30/11 doesn't necessarily result in 6/30/12.
So what I need to do is either disable the "automatic axis label generation" of the DateTime axis or use another axis type.
LinearAxis doesn't work because it expects double values and CategoryAxis is not an option because it displays the axis labels between two tickmarks instead of underneath them.
I am very grateful for any help!
To be perfectly clear, here is what axis labels I need (taken from another chart component):
This is what I get so far with the Silverlight 4 Toolkit:
€: I also opened a thread in the official Silverlight Toolkit Support Forums.
The vertical lines are set where you specify an interval.
There is no vertical line for the data for 1/31/2010 as it does not fall on an interval.

Categories