diff --git a/wpf/Charts/CodedUI.md b/wpf/Charts/CodedUI.md
index a6bd38236..7b950541e 100644
--- a/wpf/Charts/CodedUI.md
+++ b/wpf/Charts/CodedUI.md
@@ -106,35 +106,32 @@ Once the record is completed, click the GenerateCode icon in CodedUITestBuilder
{% highlight c# %}
- public void RecordedMethod1()
-
- {
-
- #region Variable Declarations
-
- WpfSfChart uISfChartCustom = this.UICUITestSampleDemoWindow.UISfChartCustom;
+public void RecordedMethod1()
+{
+ #region Variable Declarations
- WpfChartSeries uIColumnSeriesCustom = this.UICUITestSampleDemoWindow.UISfChartCustom.UIColumnSeriesCustom;
+ WpfSfChart uISfChartCustom = this.UICUITestSampleDemoWindow.UISfChartCustom;
- WpfLegend uIChartLegendCustom = this.UICUITestSampleDemoWindow.UISfChartCustom.UIChartLegendCustom;
+ WpfChartSeries uIColumnSeriesCustom = this.UICUITestSampleDemoWindow.UISfChartCustom.UIColumnSeriesCustom;
- WpfChartAxis uINumericalAxisCustom = this.UICUITestSampleDemoWindow.UISfChartCustom.UINumericalAxisCustom;
+ WpfLegend uIChartLegendCustom = this.UICUITestSampleDemoWindow.UISfChartCustom.UIChartLegendCustom;
- WpfChartAxis uICategoryAxisCustom = this.UICUITestSampleDemoWindow.UISfChartCustom.UICategoryAxisCustom;
+ WpfChartAxis uINumericalAxisCustom = this.UICUITestSampleDemoWindow.UISfChartCustom.UINumericalAxisCustom;
- WpfZoomingBehavior uIZoomInCustom = this.UICUITestSampleDemoWindow.UISfChartCustom.UIZoomInCustom;
+ WpfChartAxis uICategoryAxisCustom = this.UICUITestSampleDemoWindow.UISfChartCustom.UICategoryAxisCustom;
- WpfZoomingBehavior uIZoomOutCustom = this.UICUITestSampleDemoWindow.UISfChartCustom.UIZoomOutCustom;
+ WpfZoomingBehavior uIZoomInCustom = this.UICUITestSampleDemoWindow.UISfChartCustom.UIZoomInCustom;
- WpfZoomingBehavior uIZoomResetCustom = this.UICUITestSampleDemoWindow.UISfChartCustom.UIZoomResetCustom;
+ WpfZoomingBehavior uIZoomOutCustom = this.UICUITestSampleDemoWindow.UISfChartCustom.UIZoomOutCustom;
- WpfZoomingBehavior uIZoomPanCustom = this.UICUITestSampleDemoWindow.UISfChartCustom.UIZoomPanCustom;
+ WpfZoomingBehavior uIZoomResetCustom = this.UICUITestSampleDemoWindow.UISfChartCustom.UIZoomResetCustom;
- WpfZoomingBehavior uISelectionZoomCustom = this.UICUITestSampleDemoWindow.UISfChartCustom.UISelectionZoomCustom;
+ WpfZoomingBehavior uIZoomPanCustom = this.UICUITestSampleDemoWindow.UISfChartCustom.UIZoomPanCustom;
- #endregion
+ WpfZoomingBehavior uISelectionZoomCustom = this.UICUITestSampleDemoWindow.UISfChartCustom.UISelectionZoomCustom;
- }
+ #endregion
+}
{% endhighlight %}
@@ -164,21 +161,14 @@ Click Generate code icon to generate assertion code then close the builder if va
{% highlight c# %}
public void AssertMethod1()
-
{
-
- #region Variable Declarations
-
- WpfChartSeries uIColumnSeriesCustom = this.UICUITestSampleDemoWindow.UISfChartCustom.UIColumnSeriesCustom;
-
- #endregion
-
- // Verify that the 'SegmentsCount' property of 'ColumnSeries' custom control equals '10'
-
- Assert.AreEqual(this.AssertMethod1ExpectedValues.UIColumnSeriesCustomSegmentsCount, uIColumnSeriesCustom.SegmentsCount, "Segemnts Count Mismatched...");
-
+ #region Variable Declarations
+ WpfChartSeries uIColumnSeriesCustom = this.UICUITestSampleDemoWindow.UISfChartCustom.UIColumnSeriesCustom;
+ #endregion
+
+ // Verify that the 'SegmentsCount' property of 'ColumnSeries' custom control equals '10'
+ Assert.AreEqual(this.AssertMethod1ExpectedValues.UIColumnSeriesCustomSegmentsCount, uIColumnSeriesCustom.SegmentsCount, "Segemnts Count Mismatched...");
}
-
{% endhighlight %}
## Run Tests
diff --git a/wpf/Charts/How-To/Export-Chart-to-Image-Windows-8-1.md b/wpf/Charts/How-To/Export-Chart-to-Image-Windows-8-1.md
index 3789145b1..15f7fd5f5 100644
--- a/wpf/Charts/How-To/Export-Chart-to-Image-Windows-8-1.md
+++ b/wpf/Charts/How-To/Export-Chart-to-Image-Windows-8-1.md
@@ -54,25 +54,16 @@ chart.Save("sfchart.jpg", KnownFolders.PicturesLibrary);
{% highlight c# %}
var memoryStream = new InMemoryRandomAccessStream();
- chart.Save(memoryStream, BitmapEncoder.BmpEncoderId);
+chart.Save(memoryStream, BitmapEncoder.BmpEncoderId);
+StorageFolder storageFolder = Windows.ApplicationModel.Package.Current.InstalledLocation;
+var file = await storageFolder.CreateFileAsync("chartwithstream.jpg", CreationCollisionOption.GenerateUniqueName);
- StorageFolder storageFolder = Windows.ApplicationModel.Package.Current.InstalledLocation;
-
-
-
- var file = await storageFolder.CreateFileAsync("chartwithstream.jpg", CreationCollisionOption.GenerateUniqueName);
-
-
-
- var stream = await file.OpenAsync(Windows.Storage.FileAccessMode.ReadWrite);
-
- {
-
- chart.Save(stream, BitmapEncoder.BmpEncoderId);
-
- }
+var stream = await file.OpenAsync(Windows.Storage.FileAccessMode.ReadWrite);
+{
+ chart.Save(stream, BitmapEncoder.BmpEncoderId);
+}
{% endhighlight %}
diff --git a/wpf/Charts/How-To/Serialize-the-SfChart.md b/wpf/Charts/How-To/Serialize-the-SfChart.md
index 01f4909f2..37d3951a8 100644
--- a/wpf/Charts/How-To/Serialize-the-SfChart.md
+++ b/wpf/Charts/How-To/Serialize-the-SfChart.md
@@ -50,17 +50,16 @@ XAML
{% highlight xaml %}
-
-
-
+
-
-
-
-
-
+
+
{% endhighlight %}
@@ -70,23 +69,15 @@ C#
{% highlight c# %}
private void Serialize_Click(object sender, RoutedEventArgs e)
-
{
-
-string filePath = @"E:/Documents/chart.xml";
-
-chart.Serialize(filePath);
-
+ string filePath = @"E:/Documents/chart.xml";
+ chart.Serialize(filePath);
}
private void Deserialize_Click(object sender, RoutedEventArgs e)
-
{
-
-string filePath = @"E:/Documents/chart.xml";
-
-var deserializedChart = (SfChart)chart.Deserialize();
-
+ string filePath = @"E:/Documents/chart.xml";
+ var deserializedChart = (SfChart)chart.Deserialize();
}
{% endhighlight %}
diff --git a/wpf/Charts/How-To/Transform-axis-value-to-pixel-value-and-vice-versa.md b/wpf/Charts/How-To/Transform-axis-value-to-pixel-value-and-vice-versa.md
index ffcf9eb40..e70a62d60 100644
--- a/wpf/Charts/How-To/Transform-axis-value-to-pixel-value-and-vice-versa.md
+++ b/wpf/Charts/How-To/Transform-axis-value-to-pixel-value-and-vice-versa.md
@@ -18,42 +18,20 @@ SfChart offers two utility methods for converting your data points into pixel va
{% highlight c# %}
private void LineChart_MouseMove(object sender, MouseEventArgs e)
-
- {
-
- Point mousePoint = new Point
-
- {
-
- X = e.GetPosition(LineChart).X - LineChart.SeriesClipRect.Left - LineChart.Margin.Left,
-
- Y = e.GetPosition(LineChart).Y - LineChart.SeriesClipRect.Top - LineChart.Margin.Top
-
- };
-
-
-
- // Converts mouse co-ordinate points into a value related to ChartAxis.
-
-
-
- double xValue = this.LineChart.PointToValue(this.LineChart.PrimaryAxis, mousePoint);
-
- double yValue = this.LineChart.PointToValue(this.LineChart.SecondaryAxis, mousePoint);
-
-
-
-
-
- // Converts the data point value of the chart to Chart coordinate.
-
- double chartPointX = this.LineChart.ValueToPoint(this.LineChart.PrimaryAxis, xValue);
-
- double chartPointY = this.LineChart.ValueToPoint(this.LineChart.SecondaryAxis, yValue);
-
-
-
- }
-
+{
+ Point mousePoint = new Point
+ {
+ X = e.GetPosition(LineChart).X - LineChart.SeriesClipRect.Left - LineChart.Margin.Left,
+ Y = e.GetPosition(LineChart).Y - LineChart.SeriesClipRect.Top - LineChart.Margin.Top
+ };
+
+ // Converts mouse co-ordinate points into a value related to ChartAxis.
+ double xValue = this.LineChart.PointToValue(this.LineChart.PrimaryAxis, mousePoint);
+ double yValue = this.LineChart.PointToValue(this.LineChart.SecondaryAxis, mousePoint);
+
+ // Converts the data point value of the chart to Chart coordinate.
+ double chartPointX = this.LineChart.ValueToPoint(this.LineChart.PrimaryAxis, xValue);
+ double chartPointY = this.LineChart.ValueToPoint(this.LineChart.SecondaryAxis, yValue);
+}
{% endhighlight %}
diff --git a/wpf/Charts/Migrating-from-Chart-to-SfChart.md b/wpf/Charts/Migrating-from-Chart-to-SfChart.md
index d8a55c395..4326750de 100644
--- a/wpf/Charts/Migrating-from-Chart-to-SfChart.md
+++ b/wpf/Charts/Migrating-from-Chart-to-SfChart.md
@@ -51,9 +51,11 @@ Following code example illustrates the initialization of Chart with ChartArea,
{% highlight xaml %}
-
-
-
+
{% endhighlight %}
@@ -65,14 +67,11 @@ Chart chart = new Chart();
ChartArea area = new ChartArea();
area.Background = Brushes.Gray;
-
area.BorderBrush = Brushes.Red;
-
area.BorderThickness = new Thickness(5);
-
area.SideBySideSeriesPlacement = true;
-chart.Areas.Add(area);.
+chart.Areas.Add(area);
{% endhighlight %}
@@ -81,7 +80,14 @@ Following code example illustrates the initialization of SfChart that is equival
{% tabs %}
{% highlight xaml %}
-
+
+
+
{% endhighlight %}
{% highlight C# %}
@@ -89,11 +95,8 @@ Following code example illustrates the initialization of SfChart that is equival
SfChart chart = new SfChart();
chart.AreaBackground = Brushes.Gray;
-
chart.AreaBorderBrush = Brushes.Red;
-
chart.AreaBorderThickness = new Thickness(5);
-
chart.SideBySideSeriesPlacement = true;
{% endhighlight %}
@@ -203,14 +206,16 @@ The following code example illustrates the usage of Legend in Chart and SfChart.
{% highlight xaml %}
-
-
-
-
-
-
-
+
+
+
+
{% endhighlight %}
{% highlight C# %}
@@ -219,20 +224,17 @@ The following code example illustrates the usage of Legend in Chart and SfChart.
ChartArea area = new ChartArea();
ChartLegend legend = new ChartLegend();
-
Chart.SetDock(legend, ChartDock.Floating);
legend.Orientation = Orientation.Vertical;
-
legend.OffsetX = 200d;
-
legend.OffsetY = 200d;
-
legend.CheckBoxVisibility = Visibility.Visible;
area.Legend = legend;
chart.Areas.Add(area)
+
{% endhighlight %}
{% endtabs %}
@@ -242,14 +244,19 @@ chart.Areas.Add(area)
{% highlight xaml %}
-
-
-
-
-
-
-
+
+
+
+
+
{% endhighlight %}
{% highlight C# %}
@@ -259,22 +266,15 @@ SfChart chart = new SfChart();
ChartLegend legend = new ChartLegend();
legend.ItemTemplate = grid.Resources["legend"] as DataTemplate;
-
legend.CheckBoxVisibility = Visibility.Visible;
-
legend.OffsetX = 200d;
-
legend.OffsetY = 200d;
-
legend.Orientation = ChartOrientation.Vertical;
-
legend.DockPosition = ChartDock.Top;
-
legend.LegendPosition = LegendPosition.Outside;
-
-
chart.Legend = legend;
+
{% endhighlight %}
{% endtabs %}
@@ -356,20 +356,18 @@ The class design for Axis is different for both ChartArea and SfChart. In ChartA
{% highlight xaml %}
-
-
-
+
+
{% endhighlight %}
In SfChart, Axis can be an instance of NumericalAxis, DateTimeAxis, CategoryAxis, LogarithmicAxis, TimeSpanAxis or DateTimeCategoryAxis. Class name represents the type of data it can plot. For example, NumericalAxis can plot numeric values and DateTimeAxis can plot DateTime values. Following code example illustrates this,
{% highlight xaml %}
-
-
-
+
+
{% endhighlight %}
The following table compares the APIs,
@@ -537,41 +535,35 @@ Gets or sets the zoom position value.
{% highlight xaml %}
-
-
-
-
-
-
-
+
+
+
{% endhighlight %}
@@ -583,58 +575,38 @@ ChartArea area = new ChartArea();
ChartAxis primaryAxis = new ChartAxis();
primaryAxis.ValueType = ChartValueType.DateTime;
-
-primaryAxis.LabelDateTimeFormat = "MM:dd:yy";
-
-primaryAxis.LabelPosition = LabelPositions.Outside;
-
-primaryAxis.AxisVisibility = Visibility.Visible;
-
-primaryAxis.Header = "X-Axis";
-
-primaryAxis.RangePadding = ChartRangePaddingType.Normal;
-
-primaryAxis.TickLinesPosition = AxisPositions.Outside;
-
-primaryAxis.EdgeLabelsDrawingMode = EdgeLabelsDrawingMode.Center;
-
-primaryAxis.IsInversed = false;
-
+primaryAxis.IntersectAction = ChartLabelIntersectAction.Hide;
primaryAxis.IsAutoSetRange = false;
-primaryAxis.DateTimeRange = new DateTimeRange(new DateTime(2010, 01, 01), new DateTime(2011, 01, 01));
-
-primaryAxis.DateTimeInterval = new TimeSpan(24, 0, 0);
-
-primaryAxis.DesiredIntervalsCount = 5;
-
-primaryAxis.TickLinesPosition = AxisPositions.Outside;
-
-primaryAxis.TickSize = 10d;
+primaryAxis.DateTimeRange = new DateTimeRange(
+ new DateTime(2010, 01, 01),
+ new DateTime(2011, 01, 01)
+);
primaryAxis.SmallTickSize = 6d;
-
primaryAxis.SmallTicksPerInterval = 5;
-
-primaryAxis.IntersectAction = ChartLabelIntersectAction.Hide;
-
-ChartArea.SetShowGridLines(primaryAxis, true);
+primaryAxis.TickLinesPosition = AxisPositions.Outside;
+primaryAxis.TickSize = 10d;
primaryAxis.LabelsSource = viewmodel.power;
-
primaryAxis.ContentPath = "Content";
-
primaryAxis.PositionPath = "Position";
-primaryAxis.ShowGridline= true;
+primaryAxis.DesiredIntervalsCount = 5;
+primaryAxis.LabelDateTimeFormat = "MM:dd:yy";
+primaryAxis.RangePadding = ChartRangePaddingType.Normal;
+primaryAxis.LabelPosition = LabelPositions.Outside;
+primaryAxis.Header = "X-Axis";
+primaryAxis.EdgeLabelsDrawingMode = EdgeLabelsDrawingMode.Center;
+primaryAxis.IsInversed = false;
-primaryAxis.OpposedPosition = true;
+primaryAxis.AxisVisibility = Visibility.Visible;
primaryAxis.ZoomFactor = 1d;
-
primaryAxis.ZoomPosition = 0d;
-
+ChartArea.SetShowGridLines(primaryAxis, true);
+primaryAxis.ShowGridline = true;
area.PrimaryAxis = primaryAxis;
@@ -647,115 +619,82 @@ area.PrimaryAxis = primaryAxis;
{% highlight xaml %}
-
-
-
-
-
-
-
+
+
+
{% endhighlight %}
{% highlight C# %}
+
SfChart chart = new SfChart();
DateTimeAxis primaryAxis = new DateTimeAxis();
primaryAxis.Interval = 1;
-
primaryAxis.LabelFormat = "MM/dd/yy";
-
primaryAxis.IntervalType = DateTimeIntervalType.Years;
-
primaryAxis.IsInversed = false;
-
primaryAxis.LabelsPosition = AxisElementPosition.Outside;
-
primaryAxis.LabelsIntersectAction = AxisLabelsIntersectAction.Hide;
-
primaryAxis.TickLinesPosition = AxisElementPosition.Outside;
-
primaryAxis.Visibility = Visibility.Visible;
-
primaryAxis.EnableScrollBar = false;
-
primaryAxis.EdgeLabelsDrawingMode = EdgeLabelsDrawingMode.Center;
-
primaryAxis.RangePadding = DateTimeRangePadding.Auto;
-
-primaryAxis.PlotOffset = 10d;
-
-primaryAxis.Header = "X-Axis";
-
+primaryAxis.PlotOffset = 10d;
+primaryAxis.Header = "X-Axis";
primaryAxis.ShowTrackBallInfo = true;
-
primaryAxis.DesiredIntervalsCount = 5;
-
primaryAxis.OpposedPosition = true;
-
primaryAxis.SmallTickLineSize = 6d;
-
primaryAxis.SmallTickLinesPosition = AxisElementPosition.Outside;
-
primaryAxis.SmallTicksPerInterval = 5;
-
primaryAxis.TickLineSize = 10d;
-
primaryAxis.TickLinesPosition = AxisElementPosition.Outside;
-
primaryAxis.LabelsSource = viewmodel.power;
-
primaryAxis.ContentPath = "Content";
-
primaryAxis.PositionPath = "Position";
-
-primaryAxis.ShowGridline= true;
-
+primaryAxis.ShowGridLines = true;
primaryAxis.OpposedPosition = true;
-
primaryAxis.Minimum = new DateTime(2011, 1, 1);
-
primaryAxis.Maximum = new DateTime(2012, 1, 1);
-
primaryAxis.ZoomFactor = 1d;
-
primaryAxis.ZoomPosition = 0d;
chart.PrimaryAxis = primaryAxis;
+
{% endhighlight %}
{% endtabs %}
@@ -767,17 +706,11 @@ Following code example illustrates how to customize gridlines.
{% highlight xaml %}
-
-
-
-
-
-
-
-
-
-
-
+
+
+
+
+
{% endhighlight %}
@@ -786,13 +719,16 @@ Following code example illustrates how to customize gridlines.
Pen pen = new Pen();
-DashStyle style = new DashStyle() { Dashes = new DoubleCollection(3) };
+DashStyle style = new DashStyle()
+{
+ Dashes = new DoubleCollection(3)
+};
pen.DashStyle = style;
-
pen.Brush = Brushes.Red;
ChartArea.SetGridLineStroke(primaryAxis, pen);
+
{% endhighlight %}
{% endtabs %}
@@ -802,27 +738,35 @@ ChartArea.SetGridLineStroke(primaryAxis, pen);
{% highlight xaml %}
-
-
-
+
+
{% endhighlight %}
{% highlight C# %}
+
Style lineStyle = new Style(typeof(Line));
-lineStyle.Setters.Add(new Setter(Line.StrokeDashArrayProperty, new DoubleCollection(3)));
+lineStyle.Setters.Add(
+ new Setter(
+ Line.StrokeDashArrayProperty,
+ new DoubleCollection() { 1, 3 }
+ )
+);
-lineStyle.Setters.Add(new Setter(Line.StrokeProperty, Brushes.Red));
+lineStyle.Setters.Add(
+ new Setter(
+ Line.StrokeProperty,
+ Brushes.Red
+ )
+);
primaryAxis.MajorGridLineStyle = lineStyle;
+
{% endhighlight %}
{% endtabs %}
@@ -835,50 +779,44 @@ Like Axis, ChartSeries architecture is also different for Chart and SfChart. Ins
{% highlight xaml %}
-
-
-
-
-
-
-
-
-
-
-
+
+
+
+
+
+
+
{% endhighlight %}
@@ -889,40 +827,25 @@ ChartArea area = new ChartArea();
ChartSeries lineseries = new ChartSeries();
lineseries.BindingPathX = "Year";
-
-lineseries.Label = "ColumnSeries";
-
+lineseries.Label = "LineSeries";
lineseries.BindingPathsY = new string[] { "Sports" };
-
lineseries.DataSource = viewmodel.power;
-
lineseries.ShowToolTip = true;
-
lineseries.ShowEmptyPoints = true;
-
lineseries.EmptyPointValue = EmptyPointValue.Average;
-
lineseries.EmptyPointStyle = EmptyPointStyle.Interior;
-
lineseries.EmptyPointInterior = Brushes.Purple;
-
lineseries.EnableAnimation = true;
-
lineseries.IsSortData = true;
-
lineseries.IsRotated = true;
-
lineseries.IsVisible = true;
-
lineseries.SortBy = SortingAxis.X;
-
lineseries.SortDirection = Direction.Ascending;
-
lineseries.YAxis = new ChartSeries() { IsAutosetRange = false, Range = new DoubleRange(20,50) };
-
lineseries.ShowSmartLabels = true;
area.Series.Add(lineseries);
+
{% endhighlight %}
@@ -933,37 +856,36 @@ area.Series.Add(lineseries);
-
-
-
-
-
-
-
+
+
+
+
+
+
+
{% endhighlight %}
{% highlight C# %}
@@ -973,41 +895,23 @@ SfChart chart = new Sfchart();
LineSeries lineseries = new LineSeries();
lineseries.ItemsSource = viewmodel.power;
-
lineseries.XBindingPath = "Year";
-
lineseries.YBindingPath = "Sports";
-
lineseries.Label = "LineSeries";
-
lineseries.Interior = Brushes.Brown;
-
lineseries.ShowTooltip = true;
-
lineseries.ShowEmptyPoints = true;
-
lineseries.EmptyPointInterior = Brushes.Purple;
-
lineseries.EmptyPointStyle = EmptyPointStyle.Interior;
-
lineseries.EmptyPointValue = EmptyPointValue.Average;
-
lineseries.StrokeThickness = 3;
-
lineseries.EnableAnimation = true;
-
lineseries.AnimationDuration = new TimeSpan(00, 00, 03);
-
lineseries.IsSeriesVisible = true;
-
lineseries.IsSortData = true;
-
lineseries.IsTransposed = true;
-
lineseries.SortBy = SortingAxis.X;
-
lineseries.YAxis = new NumericalAxis() { Minimum = 20, Maximum = 50 };
-
lineseries.SortDirection = Direction.Ascending;
chart.Series.Add(lineseries);
@@ -1164,55 +1068,40 @@ The Adornments are same as Chart and you can define the Adornments inside the Se
{% highlight xaml %}
+
+
+
+
-
-
-
-
-
-
-
-{% endhighlight %}
-
-
-{% highlight C# %}
-
-ChartSeries lineseries = new ChartSeries();
-
-ChartAdornmentInfo adornment = new ChartAdornmentInfo();
+ChartAdornmentInfo adornment = new ChartAdornmentInfo();
adornment.Visible = true;
-
adornment.Symbol = Symbol.Ellipse;
-
adornment.SymbolInterior = Brushes.Red;
-
adornment.SymbolWidth = 15d;
-
adornment.SymbolHeight = 15d;
-
adornment.SegmentLabelContent = LabelContent.YValue;
-
adornment.SegmentShowLine = true;
-
adornment.SegmentLabelRotation = 30d;
-
adornment.AdornmentsPosition = AdornmentsPosition.Top;
-
-
lineseries.AdornmentsInfo = adornment;
{% endhighlight %}
@@ -1223,31 +1112,23 @@ lineseries.AdornmentsInfo = adornment;
{% tabs %}
{% highlight xaml %}
-
-
-
-
-
-
-
+
+
+
+
+
-
{% endhighlight %}
@@ -1258,30 +1139,19 @@ LineSeries lineseries = new LineSeries();
ChartAdornmentInfo adornment = new ChartAdornmentInfo();
adornment.ShowLabel = true;
-
-adornment.Symbol = ChartSymbol.Ellipse;
-
+adornment.Symbol = ChartSymbol.Cross;
adornment.SymbolHeight = 20d;
-
adornment.SymbolWidth = 20d;
-
adornment.SymbolInterior = Brushes.Red;
-
-adornment.SegmentLabelContent = LabelContent.YValue;
-
adornment.SymbolStroke = Brushes.Red;
-
+adornment.SegmentLabelContent = LabelContent.YValue;
adornment.AdornmentsPosition = AdornmentsPosition.Top;
-
+adornment.ShowConnectorLine = true;
adornment.ConnectorHeight = 10d;
-
adornment.UseSeriesPalette = true;
-adornment.ShowConnectorLine = true;
-
-
-
lineseries.AdornmentsInfo = adornment;
+
{% endhighlight %}
{% endtabs %}
@@ -1360,14 +1230,17 @@ The InteractiveCursor is represented as ChartCrosshairBehavior and ChartTrackbal
{% highlight xaml %}
-
-
-
-
-
-
-
+
+
+
+
{% endhighlight %}
@@ -1378,18 +1251,14 @@ ChartArea area= new ChartArea();
InteractiveCursor incCursor = new InteractiveCursor();
incCursor.VerticalLabelVisibility = Visibility.Visible;
-
incCursor.HorizontalLabelVisibility = Visibility.Visible;
-
incCursor.IsBindWithMouseMove = true;
-
incCursor.IsBindWithSegment = false;
-
incCursor.OffsetX = 100d;
-
incCursor.OffsetY = 100d;
area.InteractiveCursors.Add(incCursor);
+
{% endhighlight %}
{% endtabs %}
@@ -1399,14 +1268,11 @@ area.InteractiveCursors.Add(incCursor);
{% highlight xaml %}
-
-
-
-
-
-
-
+
+
+
+
{% endhighlight %}
{% highlight C# %}
@@ -1416,10 +1282,10 @@ SfChart chart = new SfChart();
ChartCrossHairBehavior crosshair = new ChartCrossHairBehavior();
crosshair.VerticalAxisLabelAlignment = ChartAlignment.Center;
-
crosshair.HorizontalAxisLabelAlignment = ChartAlignment.Center;
chart.Behaviors.Add(crosshair);
+
{% endhighlight %}
{% endtabs %}
@@ -1432,7 +1298,13 @@ The Zooming and Panning are achieved using the ChartZoomPanBehavior in SfChart a
{% tabs %}
{% highlight xaml %}
-
+
+
+
{% endhighlight %}
@@ -1440,8 +1312,7 @@ The Zooming and Panning are achieved using the ChartZoomPanBehavior in SfChart a
ChartArea area= new ChartArea();
-area.ZoomAllAxes = true;
-
+area.ZoomAllAxes = true
area.EnableZoomOnScroll = true;
ChartZoomingToolkit.SetZoomingToolkitVisibility(area, Visibility.Visible);
@@ -1455,14 +1326,18 @@ ChartZoomingToolkit.SetZoomingToolkitVisibility(area, Visibility.Visible);
{% highlight xaml %}
-
-
-
-
-
-
-
+
+
+
+
+
{% endhighlight %}
{% highlight C# %}
@@ -1472,18 +1347,14 @@ SfChart chart = new SfChart();
ChartZoomPanBehavior zoom = new ChartZoomPanBehavior();
zoom.EnableMouseWheelZooming = true;
-
zoom.EnablePanning = true;
-
zoom.EnableSelectionZooming = false;
-
zoom.ZoomMode = ZoomMode.XY;
-
zoom.ZoomRelativeToCursor = false;
-
zoom.EnablePinchZooming = false;
chart.Behaviors.Add(zoom);
+
{% endhighlight %}
{% endtabs %}
@@ -1496,11 +1367,22 @@ The following code example demonstrates the usage of StripLines in Chart and SfC
{% tabs %}
{% highlight xaml %}
-
-
-
+
+
+
-
{% endhighlight %}
{% highlight C# %}
@@ -1510,32 +1392,22 @@ ChartArea area= new ChartArea();
ChartStripLine stripline = new ChartStripLine();
stripline.Offset = 20d;
-
stripline.Width = 5d;
-
stripline.StartFromAxis = false;
-
stripline.IsSegmented = false;
-
stripline.SegmentStartValue = 20d;
-
stripline.SegmentEndValue = 40d;
-
stripline.RepeatEvery = 10d;
-
stripline.RepeatUntil = 50d;
-
stripline.TextRotationAngle = 30;
-
stripline.IsPixelWidth = false;
-
stripline.Interior = new SolidColorBrush(Colors.Red);
-stripline.Text = new FormattedText("StripLine", CultureInfo.CurrentCulture, FlowDirection.LeftToRight, new Typeface("Times New Roman"), 20, Brushes.Black);
-
-
+stripline.Text = new FormattedText
+ ("StripLine", CultureInfo.CurrentCulture, FlowDirection.LeftToRight, new Typeface("Times New Roman"), 20, Brushes.Black);
area.SecondaryAxis.StripLines.Add(stripline);
+
{% endhighlight %}
{% endtabs %}
@@ -1545,10 +1417,21 @@ area.SecondaryAxis.StripLines.Add(stripline);
{% highlight xaml %}
-
-
-
-
+
+
{% endhighlight %}
@@ -1557,37 +1440,28 @@ area.SecondaryAxis.StripLines.Add(stripline);
SfChart chart = new SfChart();
-ChartStripLine stripline = new ChartStripLine();
-
-stripline.Start = 40d;
-
-stripline.LabelAngle = 30d;
-
-stripline.LabelHorizontalAlignment = HorizontalAlignment.Center;
-
-stripline.LabelVerticalAlignment = VerticalAlignment.Center;
-
-stripline.RepeatEvery = 10d;
-
-stripline.RepeatUntil = 50d;
-
-stripline.IsSegmented = false;
-
-stripline.SegmentStartValue = 20d;
-
-stripline.SegmentEndValue = 50d;
+NumericalAxis axis = new NumericalAxis();
-stripline.IsPixelWidth = true;
-
-stripline.Background = new SolidColorBrush(Colors.Red);
-
-stripline.Width = 5d;
-
-stripline.Background = Brushes.LightGray;
+ChartStripLine stripline = new ChartStripLine()
+{
+ Start = 40d,
+ Width = 5d,
+ IsPixelWidth = true,
+ IsSegmented = false,
+ SegmentStartValue = 20d,
+ SegmentEndValue = 50d,
+ RepeatEvery = 10d,
+ RepeatUntil = 50d,
+ Label = "StripLine",
+ LabelAngle = 30d,
+ LabelHorizontalAlignment = HorizontalAlignment.Center,
+ LabelVerticalAlignment = VerticalAlignment.Center,
+ Background = new SolidColorBrush(Color.FromRgb(180, 232, 243))
+};
-stripline.Label = "StripLine";
+axis.StripLines.Add(stripline);
-chart.SecondaryAxis.StripLines.Add(stripline);
+chart.SecondaryAxis = axis;
{% endhighlight %}
{% endtabs %}
@@ -1672,23 +1546,20 @@ Following code example illustrates the WatermarkAPI comparison,
{% highlight xaml %}
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
+
+
+
+
+
+
+
{% endhighlight %}
@@ -1697,25 +1568,17 @@ Following code example illustrates the WatermarkAPI comparison,
ChartArea area = new ChartArea();
area.Watermark = new VisualBrush()
-
{
-
-Opacity = 0.5,
-
-AlignmentX = AlignmentX.Center,
-
-AlignmentY = AlignmentY.Center,
-
-Stretch = Stretch.None,
-
-Visual = new TextBlock()
-
-{
-
-Text = "Chart", Foreground = Brushes.Gray, FontSize = 60d
-
-}
-
+ Opacity = 0.5,
+ AlignmentX = AlignmentX.Center,
+ AlignmentY = AlignmentY.Center,
+ Stretch = Stretch.None,
+ Visual = new TextBlock()
+ {
+ Text = "Chart",
+ FontSize = 60d,
+ Foreground = Brushes.Gray
+ }
};
{% endhighlight %}
@@ -1727,22 +1590,23 @@ Text = "Chart", Foreground = Brushes.Gray, FontSize = 60d
{% highlight xaml %}
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
+
+
+
+
+
+
+
+
+
{% endhighlight %}
@@ -1753,13 +1617,17 @@ SfChart chart = new SfChart();
Watermark waterMark = new Watermark();
waterMark.HorizontalAlignment = HorizontalAlignment.Center;
-
waterMark.VerticalAlignment = VerticalAlignment.Center;
Canvas.SetZIndex(waterMark, -1);
-waterMark.Content = new TextBlock() { Text = "SfChart", Foreground = Brushes.Gray, Opacity = 0.5, FontSize = 60d };
-
+waterMark.Content = new TextBlock()
+{
+ Text = "SfChart",
+ Foreground = Brushes.Gray,
+ Opacity = 0.5,
+ FontSize = 60d
+};
chart.Watermark = waterMark;
@@ -1782,10 +1650,15 @@ Chart having following Annotations
{% highlight xaml %}
-
-< syncfusion:ChartAnnotationLabel AnnotationShape="None" Template="{StaticResourcetemplateImage}" Content="Text Annotation" OffsetX="500" OffsetY="100"IsAnnotationDragDrop="True" />
-
+
+
{% endhighlight %}
{% highlight C# %}
@@ -1795,13 +1668,9 @@ Chart chart = new Chart();
ChartAnnotationLabel chartannotation=new ChartAnnotationLabel();
chartannotation.AnnotationShape = AnnotationShapes.None;
-
chartannotation.Content = "Text Annotation";
-
chartannotation.OffsetX = 500d;
-
chartannotation.OffsetY = 100d;
-
chartannotation.IsAnnotationDragDrop = true;
chart.AnnotationLabels.Add(chartannotation);
@@ -1815,14 +1684,15 @@ chart.AnnotationLabels.Add(chartannotation);
{% tabs %}
{% highlight xaml %}
-
-
-
-
-
-
-
-
+
+
+
+
{% endhighlight %}
@@ -1836,18 +1706,14 @@ AnnotationsCollection annoCollection = new AnnotationsCollection();
ChartSeriesAnnotation seriesAnnotation=new ChartSeriesAnnotation();
seriesAnnotation.X = 40702;
-
seriesAnnotation.Y = 468;
-
seriesAnnotation.AnnotationShape = AnnotationShapes.Diamond;
-
seriesAnnotation.Stroke = Brushes.Black;
-
seriesAnnotation.Fill = Brushes.Orange;
-
annoCollection.m_annotationsCollection.Add(seriesAnnotation);
columnSeries.Annotations = annoCollection;
+
{% endhighlight %}
{% endtabs %}
@@ -1862,13 +1728,18 @@ In SfChart, you can position Annotations in pixel unit or axis. Units are specif
{% tabs %}
{% highlight xaml %}
-
-
- < syncfusion:ImageAnnotation ImageSource="Annotation.png"VerticalTextAlignment="Center" Foreground="White" CoordinateUnit="Axis" X1="30"X2="75" Y1="520" Y2="560">
-
-
+
+
+
+
-
{% endhighlight %}
{% highlight C# %}
@@ -1878,24 +1749,16 @@ SfChart chart = new SfChart();
ImageAnnotation imgAnnotation = new ImageAnnotation();
imgAnnotation.ImageSource = new BitmapImage(new Uri(@"/Images/Annotation.png", UriKind.Relative));
-
imgAnnotation.VerticalTextAlignment = VerticalAlignment.Center;
-
-imgAnnotation.Foreground = new SolidColorBrush(Colors.White);
-
+imgAnnotation.Foreground = new SolidColorBrush(Colors.White);
imgAnnotation.CoordinateUnit = CoordinateUnit.Axis;
-
imgAnnotation.X1 = 30d;
-
imgAnnotation.X2 = 75d;
-
imgAnnotation.Y1 = 520d;
-
imgAnnotation.Y2 = 560d;
-
-
chart.Annotations.Add(imgAnnotation);
+
{% endhighlight %}
{% endtabs %}
@@ -1904,11 +1767,17 @@ chart.Annotations.Add(imgAnnotation);
{% tabs %}
{% highlight xaml %}
-
-
- < syncfusion:LineAnnotation X1="3" Y1="34" X2="5" Y2="38" CanResize="True"CanDrag="True">
+
+
+
+
-
{% endhighlight %}
@@ -1916,23 +1785,16 @@ chart.Annotations.Add(imgAnnotation);
SfChart chart = new SfChart();
-LineAnnotation lineAnnotation = new LineAnnotation();
-
-lineAnnotation.CoordinateUnit = CoordinateUnit.Axis;
-
-lineAnnotation.CanResize = true;
-
-lineAnnotation.CanDrag = true;
-
-lineAnnotation.X1 = 3d;
-
-lineAnnotation.X2 = 34d;
-
-lineAnnotation.Y1 = 5d;
-
-lineAnnotation.Y2 = 38d;
-
-
+LineAnnotation lineAnnotation = new LineAnnotation()
+{
+ CoordinateUnit = CoordinateUnit.Axis,
+ CanResize = true,
+ CanDrag = true,
+ X1 = 3d,
+ X2 = 34d,
+ Y1 = 5d,
+ Y2 = 38d
+};
chart.Annotations.Add(lineAnnotation);
@@ -1943,11 +1805,17 @@ chart.Annotations.Add(lineAnnotation);
{% tabs %}
{% highlight xaml %}
-
-
-
+
+
+
+
-
{% endhighlight %}
@@ -1955,23 +1823,19 @@ chart.Annotations.Add(lineAnnotation);
SfChart chart = new SfChart();
-EllipseAnnotation ellipseAnnotation = new EllipseAnnotation();
-
-ellipseAnnotation.CoordinateUnit = CoordinateUnit.Axis;
-
-ellipseAnnotation.CanResize = true;
-
-ellipseAnnotation.CanDrag = true;
-
-ellipseAnnotation.X1 = 36d;
-
-ellipseAnnotation.X2 = 2d;
-
-ellipseAnnotation.Y1 = 36d;
-
-ellipseAnnotation.Y2 = 42d;
+EllipseAnnotation ellipseAnnotation = new EllipseAnnotation()
+{
+ CoordinateUnit = CoordinateUnit.Axis,
+ CanResize = true,
+ CanDrag = true,
+ X1 = 36d,
+ X2 = 2d,
+ Y1 = 36d,
+ Y2 = 42d
+};
chart.Annotations.Add(ellipseAnnotation);
+
{% endhighlight %}
{% endtabs %}
@@ -1979,36 +1843,38 @@ chart.Annotations.Add(ellipseAnnotation);
{% tabs %}
{% highlight xaml %}
-
-
-
+
+
+
+
-
{% endhighlight %}
{% highlight C# %}
SfChart chart = new SfChart();
-RectangleAnnotation rectAnnotation = new RectangleAnnotation();
-
-rectAnnotation.CoordinateUnit = CoordinateUnit.Axis;
-
-rectAnnotation.CanResize = true;
-
-rectAnnotation.CanDrag = true;
-
-rectAnnotation.X1 = 36d;
-
-rectAnnotation.X2 = 2d;
-
-rectAnnotation.Y1 = 36d;
-
-rectAnnotation.Y2 = 42d;
+RectangleAnnotation rectAnnotation = new RectangleAnnotation()
+{
+ CoordinateUnit = CoordinateUnit.Axis,
+ CanResize = true,
+ CanDrag = true,
+ X1 = 36d,
+ X2 = 2d,
+ Y1 = 36d,
+ Y2 = 42d
+};
chart.Annotations.Add(rectAnnotation);
{% endhighlight %}
+
{% endtabs %}
* Vertical Line Annotation
@@ -2016,16 +1882,17 @@ chart.Annotations.Add(rectAnnotation);
{% tabs %}
{% highlight xaml %}
-
+
+
+
+
-
-
-
-
-
{% endhighlight %}
-
{% highlight C# %}
SfChart chart = new SfChart();
@@ -2033,11 +1900,8 @@ SfChart chart = new SfChart();
VerticalLineAnnotation verAnnotation = new VerticalLineAnnotation();
verAnnotation.CoordinateUnit = CoordinateUnit.Axis;
-
verAnnotation.ShowAxisLabel = true;
-
verAnnotation.CanDrag = true;
-
verAnnotation.X1 = 3d;
chart.Annotations.Add(verAnnotation);
@@ -2048,20 +1912,21 @@ chart.Annotations.Add(verAnnotation);
* Horizontal Line Annotation
{% tabs %}
-{% highlight xaml %}
-
-
-
-
-
+{% highlight xaml %}
-
+
+
+
+
{% endhighlight %}
-
-
{% highlight C# %}
SfChart chart = new SfChart();
@@ -2069,14 +1934,12 @@ SfChart chart = new SfChart();
HorizontalLineAnnotation horAnnotation = new HorizontalLineAnnotation();
horAnnotation.CoordinateUnit = CoordinateUnit.Axis;
-
horAnnotation.ShowAxisLabel = true;
-
horAnnotation.CanDrag = true;
-
horAnnotation.Y1 = 40d;
chart.Annotations.Add(horAnnotation);
+
{% endhighlight %}
{% endtabs %}
* Text Annotation
@@ -2084,11 +1947,21 @@ chart.Annotations.Add(horAnnotation);
{% tabs %}
{% highlight xaml %}
-
-
-
+
+
+
+
-
{% endhighlight %}
@@ -2096,23 +1969,17 @@ chart.Annotations.Add(horAnnotation);
SfChart chart = new SfChart();
-TextAnnotation textAnnotation = new TextAnnotation();
-
-textAnnotation.CoordinateUnit = CoordinateUnit.Axis;
-
-textAnnotation.X1 = 0d;
-
-textAnnotation.Y1 = 150d;
-
-textAnnotation.Text = "Release 1";
-
-textAnnotation.ToolTipContent = "Volume 1 Released!!!";
-
-textAnnotation.HorizontalAlignment = HorizontalAlignment.Left;
-
-textAnnotation.ToolTipPlacement = ToolTipLabelPlacement.Top;
-
-textAnnotation.ShowToolTip = true;
+TextAnnotation textAnnotation = new TextAnnotation()
+{
+ CoordinateUnit = CoordinateUnit.Axis,
+ X1 = 0d,
+ Y1 = 150d,
+ Text = "Release 1",
+ ToolTipContent = "Volume 1 Released!!!",
+ HorizontalAlignment = HorizontalAlignment.Left,
+ ToolTipPlacement = ToolTipLabelPlacement.Top,
+ ShowToolTip = true
+};
chart.Annotations.Add(textAnnotation);
@@ -2187,23 +2054,17 @@ In Chart, you can set the type of the indicator where as in SfChart, indicator t
{% highlight xaml %}
-
-
-
-
-
-
-
-
-
-
-
-
-
+
+
+
+
+
+
{% endhighlight %}
@@ -2219,11 +2080,8 @@ ChartTechnicalIndicator indicator = new ChartTechnicalIndicator();
indicator.IndicatorType = IndicatorTypes.BollingerBands;
ChartBollingerBand.SetLowerLineColor(chart,Brushes.Blue);
-
ChartBollingerBand.SetSignalLineColor(chart, Brushes.Red);
-
ChartBollingerBand.SetSignalLineColor(chart, Brushes.Green);
-
ChartBollingerBand.SetBollingerMovingAverage(chart,50);
indiCollection.Items.Add(indicator);
@@ -2239,38 +2097,39 @@ columnSeries.Indicators = indiCollection;
{% highlight xaml %}
+
+
-
-
-
{% endhighlight %}
{% highlight C# %}
-
-
SfChart chart = new SfChart();
-BollingerBandIndicator indicator = new BollingerBandIndicator();
-
-indicator.UpperLineColor=new SolidColorBrush(Colors.Brown);
-
-indicator.LowerLineColor=new SolidColorBrush(Colors.DarkBlue);
-
-indicator.XBindingPath = "Year";
-
-indicator.High = "High";
-
-indicator.Open = "Open";
-
-indicator.Close = "Close";
-
-indicator.Low = "Low";
-
-indicator.ItemsSource = viewmodel.CompanyDetails;
+BollingerBandIndicator indicator = new BollingerBandIndicator()
+{
+ UpperLineColor = new SolidColorBrush(Colors.Brown),
+ LowerLineColor = new SolidColorBrush(Colors.DarkBlue),
+ XBindingPath = "Year",
+ High = "High",
+ Open = "Open",
+ Close = "Close",
+ Low = "Low",
+ ItemsSource = viewmodel.CompanyDetails
+};
chart.TechnicalIndicators.Add(indicator);
+
{% endhighlight %}
{% endtabs %}
@@ -2289,67 +2148,60 @@ The following code example illustrates the API’s for both charts,
{% tabs %}
{% highlight xaml %}
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
{% endhighlight %}
{% highlight C# %}
-
-
-
-SyncChartAreas areas=new SyncChartAreas();
+SyncChartAreas areas = new SyncChartAreas();
areas.PrimaryAxis = new ChartAxis();
@@ -2360,11 +2212,8 @@ area1.SecondaryAxis = new ChartAxis();
ChartSeries lineSeries1 = new ChartSeries();
lineSeries1.BindingPathX = "Time";
-
lineSeries1.BindingPathsY = new string[] { "Low" };
-
lineSeries1.DataSource = viewmodel.datalist;
-
lineSeries1.Type = ChartTypes.Line;
area1.Series.Add(lineSeries1);
@@ -2376,17 +2225,13 @@ area2.SecondaryAxis = new ChartAxis();
ChartSeries lineSeries2 = new ChartSeries();
lineSeries2.BindingPathX = "Time";
-
lineSeries2.BindingPathsY = new string[] { "High" };
-
lineSeries2.DataSource = viewmodel.datalist;
-
lineSeries2.Type = ChartTypes.Line;
area2.Series.Add(lineSeries1);
areas.Areas.Add(area1);
-
areas.Areas.Add(area2);
{% endhighlight %}
@@ -2398,96 +2243,109 @@ areas.Areas.Add(area2);
{% tabs %}
{% highlight xaml %}
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
{% endhighlight %}
{% highlight C# %}
SfChart chart = new SfChart();
-ChartRowDefinition row1=new ChartRowDefinition();
-
+ChartRowDefinition row1 = new ChartRowDefinition();
ChartRowDefinition row2 = new ChartRowDefinition();
chart.RowDefinitions.Add(row1);
-
chart.RowDefinitions.Add(row2);
+chart.PrimaryAxis = new CategoryAxis()
+{
+ ShowGridLines = false,
+ FontSize = 20,
+ Header = "Company Name"
+};
+NumericalAxis numAxis1 = new NumericalAxis()
+{
+ Interval = 40,
+ FontSize = 20,
+ Header = "Gross Revenue (cr.)"
+};
-chart.PrimaryAxis = new CategoryAxis();
-
-NumericalAxis numAxis1 = new NumericalAxis();
-
-ChartBase.SetRow(numAxis1,0);
-
-
-
-LineSeries lineseries1 = new LineSeries();
-
-lineseries1.ItemsSource = viewmodel.CompanyDetails;
-
-lineseries1.XBindingPath = "CompanyName";
-
-lineseries1.YBindingPath = "CompanyTurnOver1";
-
-
-
-LineSeries lineseries2 = new LineSeries();
-
-lineseries2.ItemsSource = viewmodel.CompanyDetails;
-
-lineseries2.XBindingPath = "CompanyName";
-
-lineseries2.YBindingPath = "CompanyTurnOver2";
-
-
-
-NumericalAxis numAxis2 = new NumericalAxis();
-
-ChartBase.SetRow(numAxis2,1);
+ChartBase.SetRow(numAxis1, 0);
+chart.SecondaryAxis = numAxis1;
-lineseries2.YAxis = numAxis2;
+LineSeries lineSeries1 = new LineSeries()
+{
+ ItemsSource = viewmodel.CompanyDetails,
+ XBindingPath = "CompanyName",
+ YBindingPath = "CompanyTurnOver1",
+ Stroke = Brushes.Red,
+ StrokeThickness = 3
+};
+LineSeries lineSeries2 = new LineSeries()
+{
+ ItemsSource = viewmodel.CompanyDetails,
+ XBindingPath = "CompanyName",
+ YBindingPath = "CompanyTurnOver2",
+ Stroke = Brushes.Green,
+ StrokeThickness = 3
+};
+NumericalAxis numAxis2 = new NumericalAxis()
+{
+ Header = "Additional Axis",
+ PlotOffset = 30
+};
-chart.Series.Add(lineseries1);
+ChartBase.SetRow(numAxis2, 1);
+lineSeries2.YAxis = numAxis2;
-chart.Series.Add(lineseries2);
+chart.Series.Add(lineSeries1);
+chart.Series.Add(lineSeries2);
{% endhighlight %}
{% endtabs %}
@@ -2500,48 +2358,39 @@ chart.Series.Add(lineseries2);
{% highlight C# %}
-Chart chart = new Chart();
+Chart chart = new Chart();
SaveFileDialog saveFileDialog = new SaveFileDialog();
- string C_imageFilesFilter = "Bitmap(*.bmp)|*.bmp|JPEG(*.jpg,*.jpeg)|*.jpg;*.jpeg|Gif (*.gif)|*.gif|TIFF(*.tiff)|*.tiff|PNG(*.png)|*.png|WDP(*.wdp)|*.wdp|Xps file (*.xps)|*.xps|All files (*.*)|*.*";
+string C_imageFilesFilter = "Bitmap(*.bmp)|*.bmp|JPEG(*.jpg,*.jpeg)|*.jpg;*.jpeg|Gif (*.gif)|*.gif|TIFF(*.tiff)|*.tiff|PNG(*.png)|*.png|WDP(*.wdp)|*.wdp|Xps file (*.xps)|*.xps|All files (*.*)|*.*";
saveFileDialog.Filter = C_imageFilesFilter;
-
-
if (saveFileDialog.ShowDialog() == true)
+{
+ chart.Save(saveFileDialog.FileName);
+}
- {
-
- chart.Save(saveFileDialog.FileName);
-
- }
{% endhighlight %}
### SfChart
{% highlight C# %}
-SfChart sfchart = new SfChart();
+SfChart sfchart = new SfChart();
-SaveFileDialog sfd = new SaveFileDialog();
+SaveFileDialog sfd = new SaveFileDialog();
- sfd.Filter = "Bitmap(*.bmp)|*.bmp|JPEG(*.jpg,*.jpeg)|*.jpg;*.jpeg|Gif (*.gif)|*.gif|PNG(*.png)|*.png|All files (*.*)|*.*";
+sfd.Filter = "Bitmap(*.bmp)|*.bmp|JPEG(*.jpg,*.jpeg)|*.jpg;*.jpeg|Gif (*.gif)|*.gif|PNG(*.png)|*.png|All files (*.*)|*.*";
- if (sfd.ShowDialog() == true)
-
- {
-
- using (Stream fs = sfd.OpenFile())
-
- {
-
- sfchart.Save(fs, new PngBitmapEncoder());
-
- }
+if (sfd.ShowDialog() == true)
+{
+ using (Stream fs = sfd.OpenFile())
+ {
+ sfchart.Save(fs, new PngBitmapEncoder());
+ }
+}
- }
{% endhighlight %}
##Printing Chart
@@ -2550,15 +2399,12 @@ SaveFileDialog sfd = new SaveFileDialog();
{% highlight xaml %}
-
-
-
-CommandTarget="{Binding ElementName=chart}"/>
+
-
-CommandTarget="{Binding ElementName=chart}"/>
{% endhighlight %}
### SfChart
@@ -2566,10 +2412,8 @@ CommandTarget="{Binding ElementName=chart}"/>
{% highlight C# %}
SfChart chart = new SfChart();
-
chart.Print();
-
{% endhighlight %}
diff --git a/wpf/Charts/Serialization.md b/wpf/Charts/Serialization.md
index 42ed346ea..4b330cdd7 100644
--- a/wpf/Charts/Serialization.md
+++ b/wpf/Charts/Serialization.md
@@ -47,51 +47,58 @@ Deserialize the XML file from the given stream and returns the SfChart control o
{% highlight xaml %}
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
{% endhighlight %}
{% highlight c# %}
- //Action to Serialize the Chart
- private void Button_Click(object sender, RoutedEventArgs e)
- {
- chart.Serialize();
- }
-
- //Action to Deserialize the Chart
- private void Load_Click(object sender, RoutedEventArgs e)
- {
- deserializedChart = (SfChart)chart.Deserialize();
- }
+//Action to Serialize the Chart
+private void Button_Click(object sender, RoutedEventArgs e)
+{
+ chart.Serialize();
+}
+
+//Action to Deserialize the Chart
+private void Load_Click(object sender, RoutedEventArgs e)
+{
+ deserializedChart = (SfChart)chart.Deserialize();
+}
{% endhighlight %}