Skip to content
Open
Show file tree
Hide file tree
Changes from all commits
Commits
File filter

Filter by extension

Filter by extension

Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
2 changes: 1 addition & 1 deletion wpf/Bullet-Graph/Flow-Direction.md
Original file line number Diff line number Diff line change
Expand Up @@ -9,7 +9,7 @@ documentation: ug

# Flow Direction in WPF Bullet Graph

By default, the flow direction of `SfBulletGraph` is Left to Right. It can be customized by using the **FlowDirection** property.
By default, the flow direction of WPF Bullet Graph is Left to Right. It can be customized by using the **FlowDirection** property.

>**Note:** When the orientation of [`SfBulletGraph`](https://help.syncfusion.com/cr/wpf/Syncfusion.UI.Xaml.BulletGraph.SfBulletGraph.html) is **Horizontal**, the default flow direction is left to right, and when the orientation is **Vertical**, the default flow direction is top to bottom.

Expand Down
24 changes: 12 additions & 12 deletions wpf/Bullet-Graph/Getting-Started.md
Original file line number Diff line number Diff line change
Expand Up @@ -9,13 +9,13 @@ documentation: ug

# Getting Started with WPF Bullet Graph

This section explains the steps required to configure the [`SfBulletGraph`](https://help.syncfusion.com/cr/wpf/Syncfusion.UI.Xaml.BulletGraph.SfBulletGraph.html) and to add the basic elements of `SfBulletGraph` using the various APIs available within it.
This section explains the steps required to configure the [`SfBulletGraph`](https://help.syncfusion.com/cr/wpf/Syncfusion.UI.Xaml.BulletGraph.SfBulletGraph.html) and to add the basic elements of WPF Bullet Graph using the various APIs available within it.

## Configuring SfBulletGraph using Syncfusion Reference Manager
## Configuring WPF Bullet Graph using Syncfusion Reference Manager

The Syncfusion Reference Manager is used to add Syncfusion tools.

Follow these steps to add the `SfBulletGraph` control using the Syncfusion Reference Manager.
Follow these steps to add the SfBulletGraph control using the Syncfusion Reference Manager.

Create a simple WPF application using Visual Studio.

Expand All @@ -29,15 +29,15 @@ The Syncfusion Reference Manager wizard opens as shown in the figure below.

![Opening Syncfusion Reference Manager Wizard](Getting-Started_images/Getting-Started_img3.jpeg)

Search for `SfBulletGraph` using the search box and select the `SfBulletGraph` control. Click `Done` to add the selected SfBulletGraph control.
Search for WPF Bullet Graph using the search box and select the `SfBulletGraph` control. Click `Done` to add the selected SfBulletGraph control.

![Selecting SfBulletGraph Control in Syncfusion Reference Manager](Getting-Started_images/Getting-Started_img4.jpeg)

The `SfBulletGraph` assemblies will be automatically added to the project after clicking `Done`.
The WPF Bullet Graph assemblies will be automatically added to the project after clicking `Done`.

![Adding SfBulletGraph assemblies in WPF application](Getting-Started_images/Getting-Started_img5.jpeg)
![Adding WPF Bullet Graph assemblies in WPF application](Getting-Started_images/Getting-Started_img5.jpeg)

![Added SfBulletGraph assemblies in WPF application](Getting-Started_images/Getting-Started_img6.jpeg)
![Added WPF Bullet Graph assemblies in WPF application](Getting-Started_images/Getting-Started_img6.jpeg)

Create a namespace reference to the SfBulletGraph control using Syncfusion's global namespace reference **schemas.Syncfusion.com** or the SfBulletGraph control's namespace reference using **Syncfusion.UI.Xaml.BulletGraph** available in the **Syncfusion.SfBulletGraph.WPF** assembly.

Expand Down Expand Up @@ -80,9 +80,9 @@ The SfBulletGraph control will be created as shown in the figure below.

>**Note:** The Syncfusion Reference Manager is available in versions 11.3.0.30 and later. It supports referencing assemblies from version 10.4.0.71 to the current version, and the Syncfusion Reference Manager can be used only in Visual Studio 2015.

## Configuring SfBulletGraph
## Configuring WPF Bullet Graph

**SfBulletGraph** is available in the following assembly and namespace:
**WPF Bullet Graph** is available in the following assembly and namespace:

**Assembly**: Syncfusion.SfBulletGraph.Wpf

Expand Down Expand Up @@ -115,7 +115,7 @@ Create a namespace reference to the SfBulletGraph control using Syncfusion's glo

![Displaying SfBulletGraph control](Getting-Started_images/Getting-Started_img7.jpg)

As shown in the above image, the SfBulletGraph displays its default elements. To customize the elements, add the respective elements to SfBulletGraph. The following section contains the steps to add the basic elements to SfBulletGraph.
As shown in the image above, the WPF Bullet Graph displays its default elements. To customize them, add the required elements as needed. The following section explains how to add the basic elements.

## Adding Caption

Expand Down Expand Up @@ -157,7 +157,7 @@ You can assign a caption to the bullet graph by using the [`Caption`](https://he

## Configuring Ticks and Labels

You can configure the ticks and labels of the quantitative scale by using the following APIs available in SfBulletGraph:
You can configure the ticks and labels of the quantitative scale by using the following APIs available in WPF Bullet Graph:

They are:

Expand Down Expand Up @@ -289,7 +289,7 @@ You can add ranges to bullet graph by creating ranges collection using [`Qualita
{% endhighlight %}
{% endtabs %}

SfBulletGraph ranges are displayed as follows.
WPF Bullet Graph ranges are displayed as follows.

You can get the complete getting started sample [`here`](https://www.syncfusion.com/downloads/support/directtrac/general/ze/BulletGraphDemo-1174716111).

Expand Down
4 changes: 2 additions & 2 deletions wpf/Bullet-Graph/Key-features.md
Original file line number Diff line number Diff line change
Expand Up @@ -49,7 +49,7 @@ The bullet graph types can be differentiated by their orientation. The control d

### Easy to use

SfBulletGraph is available in the Visual Studio toolbox itself, so you can easily drag and drop the control from the toolbox.
WPF Bullet Graph is available in the Visual Studio toolbox itself, so you can easily drag and drop the control from the toolbox.

## Data Binding Support

Expand All @@ -59,6 +59,6 @@ The control can be bound to your application data from a variety of data sources

The Model-View-ViewModel (MVVM) pattern should be followed to get better control customization.

## SfBulletGraph Elements
## WPF Bullet Graph Elements

![Key-features_img1](Key-features_images/Key-features_img1.jpeg)
2 changes: 1 addition & 1 deletion wpf/Bullet-Graph/Orientation.md
Original file line number Diff line number Diff line change
Expand Up @@ -9,7 +9,7 @@ documentation: ug

# Orientation in WPF Bullet Graph

By default, the orientation of SfBulletGraph is horizontal. It can be customized by using the [`Orientation`](https://help.syncfusion.com/cr/wpf/Syncfusion.UI.Xaml.BulletGraph.SfBulletGraph.html#Syncfusion_UI_Xaml_BulletGraph_SfBulletGraph_Orientation) property.
By default, the orientation of WPF Bullet Graph is horizontal. It can be customized by using the [`Orientation`](https://help.syncfusion.com/cr/wpf/Syncfusion.UI.Xaml.BulletGraph.SfBulletGraph.html#Syncfusion_UI_Xaml_BulletGraph_SfBulletGraph_Orientation) property.

{% tabs %}
{% highlight xaml %}
Expand Down
8 changes: 4 additions & 4 deletions wpf/Bullet-Graph/Tooltip.md
Original file line number Diff line number Diff line change
Expand Up @@ -9,11 +9,11 @@ documentation: ug

# Tooltip in WPF Bullet Graph

The tooltip in `SfBulletGraph` is used to view the values of FeaturedMeasure, ComparativeMeasure, and QualitativeRange in a required design.
The tooltip in WPF Bullet Graph is used to view the values of FeaturedMeasure, ComparativeMeasure, and QualitativeRange in a required design.

The tooltip is displayed when the mouse is over the FeaturedMeasure, ComparativeMeasure, or QualitativeRange. On a touch device, it is displayed on holding over the FeaturedMeasure, ComparativeMeasure, or QualitativeRange of SfBulletGraph.
The tooltip is displayed when the mouse is over the FeaturedMeasure, ComparativeMeasure, or QualitativeRange. On a touch device, it is displayed on holding over the FeaturedMeasure, ComparativeMeasure, or QualitativeRange of WPF Bullet Graph.

The SfBulletGraph tooltip is displayed only when the [`ShowToolTip`](https://help.syncfusion.com/cr/wpf/Syncfusion.UI.Xaml.BulletGraph.SfBulletGraph.html#Syncfusion_UI_Xaml_BulletGraph_SfBulletGraph_ShowToolTip) property is set to true.
The WPF Bullet Graph tooltip is displayed only when the [`ShowToolTip`](https://help.syncfusion.com/cr/wpf/Syncfusion.UI.Xaml.BulletGraph.SfBulletGraph.html#Syncfusion_UI_Xaml_BulletGraph_SfBulletGraph_ShowToolTip) property is set to true.

{% tabs %}
{% highlight xaml %}
Expand Down Expand Up @@ -245,7 +245,7 @@ You can display the value of [`ComparativeMeasure`](https://help.syncfusion.com/

## Customizing QualitativeRangeToolTip

You can display the value of QualitativeRange of SfBulletGraph in a tooltip to view the Start and End values of the QualitativeRange. The [`QualitativeRangeToolTipTemplate`](https://help.syncfusion.com/cr/wpf/Syncfusion.UI.Xaml.BulletGraph.SfBulletGraph.html#Syncfusion_UI_Xaml_BulletGraph_SfBulletGraph_QualitativeRangeToolTipTemplate) is a DataTemplate type. By using this property, the default appearance of the QualitativeRange tooltip can be customized.
You can display the value of QualitativeRange of WPF Bullet Graph in a tooltip to view the Start and End values of the QualitativeRange. The [`QualitativeRangeToolTipTemplate`](https://help.syncfusion.com/cr/wpf/Syncfusion.UI.Xaml.BulletGraph.SfBulletGraph.html#Syncfusion_UI_Xaml_BulletGraph_SfBulletGraph_QualitativeRangeToolTipTemplate) is a DataTemplate type. By using this property, the default appearance of the QualitativeRange tooltip can be customized.

{% tabs %}
{% highlight xaml %}
Expand Down
2 changes: 1 addition & 1 deletion wpf/Charts/Adornments/Label.md
Original file line number Diff line number Diff line change
Expand Up @@ -439,7 +439,7 @@ ChartAdornmentInfo adornmentInfo = new ChartAdornmentInfo()

## Smart Labels

When you have more data points in Pie or Doughnut series, the adornment labels might get overlap with each other. SfChart provides built-in support to avoid these overlapping by using [`EnableSmartLabels`](https://help.syncfusion.com/cr/wpf/Syncfusion.UI.Xaml.Charts.CircularSeriesBase.html#Syncfusion_UI_Xaml_Charts_CircularSeriesBase_EnableSmartLabels) property.
When you have more data points in Pie or Doughnut series, the adornment labels might get overlap with each other. WPF Charts provides built-in support to avoid these overlapping by using [`EnableSmartLabels`](https://help.syncfusion.com/cr/wpf/Syncfusion.UI.Xaml.Charts.CircularSeriesBase.html#Syncfusion_UI_Xaml_Charts_CircularSeriesBase_EnableSmartLabels) property.

The following code example demonstrates the EnableSmartLabels property:

Expand Down
2 changes: 1 addition & 1 deletion wpf/Charts/Adornments/Marker.md
Original file line number Diff line number Diff line change
Expand Up @@ -49,7 +49,7 @@ ChartAdornmentInfo adornmentInfo = new ChartAdornmentInfo()

### Customizing Symbol

SfChart provides more customization support for symbols in adornments.
WPF Charts provides more customization support for symbols in adornments.

* [`SymbolHeight`](https://help.syncfusion.com/cr/wpf/Syncfusion.UI.Xaml.Charts.ChartAdornmentInfoBase.html#Syncfusion_UI_Xaml_Charts_ChartAdornmentInfoBase_SymbolHeight) - Used to change the height of the symbol.
* [`SymbolWidth`](https://help.syncfusion.com/cr/wpf/Syncfusion.UI.Xaml.Charts.ChartAdornmentInfoBase.html#Syncfusion_UI_Xaml_Charts_ChartAdornmentInfoBase_SymbolWidth) - Used to change the width of the symbol.
Expand Down
2 changes: 1 addition & 1 deletion wpf/Charts/Adornments/Positioning-Adornment.md
Original file line number Diff line number Diff line change
Expand Up @@ -59,7 +59,7 @@ Also, you can define the label alignment using [`HorizontalAlignment`](https://h

## Label Position

Other than the above positioning options, SfChart providing additional customization option to position the adornments smartly based on series types using [`LabelPosition`](https://help.syncfusion.com/cr/wpf/Syncfusion.UI.Xaml.Charts.ChartAdornmentInfoBase.html#Syncfusion_UI_Xaml_Charts_ChartAdornmentInfoBase_LabelPosition) property.
Other than the above positioning options, WPF Charts providing additional customization option to position the adornments smartly based on series types using [`LabelPosition`](https://help.syncfusion.com/cr/wpf/Syncfusion.UI.Xaml.Charts.ChartAdornmentInfoBase.html#Syncfusion_UI_Xaml_Charts_ChartAdornmentInfoBase_LabelPosition) property.

The following are the values for this property:

Expand Down
2 changes: 1 addition & 1 deletion wpf/Charts/Animation.md
Original file line number Diff line number Diff line change
Expand Up @@ -9,7 +9,7 @@ documentation: ug

# Animation in WPF Charts

SfChart allows you to animate the chart series on loading and whenever the ItemsSource changes. Animation in a chart can be enabled by setting the EnableAnimation property to `true` and defining the corresponding animation speed with the AnimationDuration property.
WPF Charts allows you to animate the chart series on loading and whenever the ItemsSource changes. Animation in a chart can be enabled by setting the EnableAnimation property to `true` and defining the corresponding animation speed with the AnimationDuration property.

The following types of series support Animation.

Expand Down
20 changes: 10 additions & 10 deletions wpf/Charts/Annotations.md
Original file line number Diff line number Diff line change
Expand Up @@ -8,9 +8,9 @@ documentation: ug
---
# Annotations in WPF Charts

SfChart supports Annotations, which allows you to mark the specific area of interest in the chart area. You can draw custom shapes, also text and images can be added using Annotations.
WPF Charts supports Annotations, which allows you to mark the specific area of interest in the chart area. You can draw custom shapes, also text and images can be added using Annotations.

The following annotations are supported in SfChart
The following annotations are supported in WPF Charts

* [Text Annotation](https://help.syncfusion.com/wpf/charts/annotations#text-annotation)
* [Shape Annotation](https://help.syncfusion.com/wpf/charts/annotations#shape-annotation)
Expand Down Expand Up @@ -324,7 +324,7 @@ chart.Annotations.Add(annotation);

### Customizing Text Annotation

SfChart provides you with an editing option for the text in any annotations. When text annotation is enabled editing, if we click the text annotation it switches to edit mode which provide easy way of customizing the text at run time.
WPF Charts provides you with an editing option for the text in any annotations. When text annotation is enabled editing, if we click the text annotation it switches to edit mode which provide easy way of customizing the text at run time.

The following properties are used to customize the text:

Expand Down Expand Up @@ -707,7 +707,7 @@ N> [`HorizontalTextAlignment`](https://help.syncfusion.com/cr/wpf/Syncfusion.UI.

### Customizing the Shape Annotation

SfChart allows customization of shape annotation using the following properties.
WPF Charts allows customization of shape annotation using the following properties.

* [`Stroke`](https://help.syncfusion.com/cr/wpf/Syncfusion.UI.Xaml.Charts.ShapeAnnotation.html#Syncfusion_UI_Xaml_Charts_ShapeAnnotation_Stroke) - Represents the brush for the annotation outline.
* [`StrokeThickness`](https://help.syncfusion.com/cr/wpf/Syncfusion.UI.Xaml.Charts.ShapeAnnotation.html#Syncfusion_UI_Xaml_Charts_ShapeAnnotation_StrokeThickness) - Represents the thickness of the annotation outline.
Expand Down Expand Up @@ -771,7 +771,7 @@ chart.Annotations.Add(annotation);

## Image Annotation

SfChart provides support to add images as Annotation over the chart area, using the class [ImageAnnotation](https://help.syncfusion.com/cr/wpf/Syncfusion.UI.Xaml.Charts.ImageAnnotation.html#).
WPF Charts provides support to add images as Annotation over the chart area, using the class [ImageAnnotation](https://help.syncfusion.com/cr/wpf/Syncfusion.UI.Xaml.Charts.ImageAnnotation.html#).

The following API’s are used in ImageAnnotation.

Expand Down Expand Up @@ -819,7 +819,7 @@ ImageAnnotation annotation = new ImageAnnotation()

## Interaction

SfChart provides dragging and resizing support for [`ShapeAnnotations`](https://help.syncfusion.com/cr/wpf/Syncfusion.UI.Xaml.Charts.ShapeAnnotation.html#).
WPF Charts provides dragging and resizing support for [`ShapeAnnotations`](https://help.syncfusion.com/cr/wpf/Syncfusion.UI.Xaml.Charts.ShapeAnnotation.html#).

The following API’s are used for dragging and resizing the annotation

Expand Down Expand Up @@ -923,7 +923,7 @@ Also, the direction of resizing can be customized by using [`ResizingMode`](http

## ToolTip

SfChart provides support to view the tooltip when mouse hovered on the annotation. To view to tooltip you have to enable the [`ShowToolTip`](https://help.syncfusion.com/cr/wpf/Syncfusion.UI.Xaml.Charts.Annotation.html#Syncfusion_UI_Xaml_Charts_Annotation_ShowToolTip) property. By default for tooltip there is no content, you have to set the content for the tooltip in [`ToolTipContent`](https://help.syncfusion.com/cr/wpf/Syncfusion.UI.Xaml.Charts.Annotation.html#Syncfusion_UI_Xaml_Charts_Annotation_ToolTipContent) property.
WPF Charts provides support to view the tooltip when mouse hovered on the annotation. To view to tooltip you have to enable the [`ShowToolTip`](https://help.syncfusion.com/cr/wpf/Syncfusion.UI.Xaml.Charts.Annotation.html#Syncfusion_UI_Xaml_Charts_Annotation_ShowToolTip) property. By default for tooltip there is no content, you have to set the content for the tooltip in [`ToolTipContent`](https://help.syncfusion.com/cr/wpf/Syncfusion.UI.Xaml.Charts.Annotation.html#Syncfusion_UI_Xaml_Charts_Annotation_ToolTipContent) property.

* [`ToolTipPlacement`](https://help.syncfusion.com/cr/wpf/Syncfusion.UI.Xaml.Charts.Annotation.html#Syncfusion_UI_Xaml_Charts_Annotation_ToolTipPlacement) - Used to position the Tooltip with top, bottom, left or right side of the cursor.

Expand Down Expand Up @@ -1035,7 +1035,7 @@ chart.Annotations.Add(annotation);

## Annotation Clipping

SfChart allows you to clip the annotation if the annotation crosses the boundary by setting [`EnableClipping`](https://help.syncfusion.com/cr/wpf/Syncfusion.UI.Xaml.Charts.Annotation.html#Syncfusion_UI_Xaml_Charts_Annotation_EnableClipping) property to `true` as in the below code snippet.
WPF Charts allows you to clip the annotation if the annotation crosses the boundary by setting [`EnableClipping`](https://help.syncfusion.com/cr/wpf/Syncfusion.UI.Xaml.Charts.Annotation.html#Syncfusion_UI_Xaml_Charts_Annotation_EnableClipping) property to `true` as in the below code snippet.

{% tabs %}

Expand Down Expand Up @@ -1182,7 +1182,7 @@ chart.Annotations.Add(annotation);

## Events

SfChart provides the following events in [`Annotation`](https://help.syncfusion.com/cr/wpf/Syncfusion.UI.Xaml.Charts.Annotation.html#).
WPF Charts provides the following events in [`Annotation`](https://help.syncfusion.com/cr/wpf/Syncfusion.UI.Xaml.Charts.Annotation.html#).

* [`Selected`](https://help.syncfusion.com/cr/wpf/Syncfusion.UI.Xaml.Charts.Annotation.html#Syncfusion_UI_Xaml_Charts_Annotation_Selected) - Occurs when the annotation is selected.
* [`UnSelected`](https://help.syncfusion.com/cr/wpf/Syncfusion.UI.Xaml.Charts.Annotation.html#Syncfusion_UI_Xaml_Charts_Annotation_UnSelected) - Occurs when annotation is deselected.
Expand All @@ -1204,7 +1204,7 @@ N> You can refer to our [WPF Charts](https://www.syncfusion.com/wpf-controls/cha
## See also

* [`How to create and dynamically update target line for WPF Chart`](https://support.syncfusion.com/kb/article/18542/how-to-create-and-dynamically-update-target-line-for-wpf-chart)
* [`How to add annotation in axis label click in WPF SfChart`](https://support.syncfusion.com/kb/article/18485/how-to-add-annotation-in-axis-label-click-in-wpf-sfchart)
* [`How to add annotation in axis label click in WPF Charts`](https://support.syncfusion.com/kb/article/18485/how-to-add-annotation-in-axis-label-click-in-wpf-sfchart)
* [`How to bind content template of text annotation in WPF Chart`](https://support.syncfusion.com/kb/article/3009/how-to-bind-content-template-of-text-annotation-in-wpf-chart)
* [`How to change the cursor of annotation in WPF Chart (SfChart)`](https://support.syncfusion.com/kb/article/4574/how-to-change-the-cursor-of-annotation-in-wpf-chart-sfchart)
* [`How to create a custom annotation in WPF Chart (SfChart)`](https://support.syncfusion.com/kb/article/12315/how-to-create-a-custom-annotation-in-wpf-chart-sfchart)
Expand Down
Loading