diff --git a/chart-sdk/winforms/Barcode/Barcode-Customization.md b/chart-sdk/winforms/Barcode/Barcode-Customization.md index c4d8f25f9..47ab1d540 100644 --- a/chart-sdk/winforms/Barcode/Barcode-Customization.md +++ b/chart-sdk/winforms/Barcode/Barcode-Customization.md @@ -1,13 +1,13 @@ --- layout: post -title: Barcode Customization in Windows Forms Barcode control | Syncfusion -description: Learn about Barcode Customization support in Syncfusion Windows Forms Barcode control and more details. +title: Customization in Windows Forms Barcode | Syncfusion® +description: Customization in the Windows Forms Barcode enables configuration of barcode appearance, size, colors, text display, and styling options. platform: chart-sdk control: SfBarcode documentation: ug --- -# Barcode Customization in Windows Forms Barcode +# Customization in Windows Forms Barcode The color of the barcode can be customized by modifying the [DarkBarColor](https://help.syncfusion.com/cr/windowsforms/Syncfusion.Windows.Forms.Barcode.SfBarcode.html#Syncfusion_Windows_Forms_Barcode_SfBarcode_DarkBarColor) and [LightBarColor](https://help.syncfusion.com/cr/windowsforms/Syncfusion.Windows.Forms.Barcode.SfBarcode.html#Syncfusion_Windows_Forms_Barcode_SfBarcode_LightBarColor) properties of the barcode control. diff --git a/chart-sdk/winforms/Barcode/Getting-Started.md b/chart-sdk/winforms/Barcode/Getting-Started.md index b9058d7a1..abc1a72e7 100644 --- a/chart-sdk/winforms/Barcode/Getting-Started.md +++ b/chart-sdk/winforms/Barcode/Getting-Started.md @@ -1,7 +1,7 @@ --- layout: post -title: Getting Started with Windows Forms Barcode control | Syncfusion -description: Learn here about getting started with Syncfusion Essential Studio Windows Forms Barcode control and more. +title: Getting Started with Windows Forms Barcode | Syncfusion® +description: Learn how to get started with the Syncfusion® Windows Forms Barcode control. Explore setup, configuration, barcode generation, and customization options. platform: chart-sdk control: SfBarcode documentation: ug diff --git a/chart-sdk/winforms/Barcode/Overview.md b/chart-sdk/winforms/Barcode/Overview.md index 843ac950b..d78723e04 100644 --- a/chart-sdk/winforms/Barcode/Overview.md +++ b/chart-sdk/winforms/Barcode/Overview.md @@ -1,13 +1,13 @@ --- layout: post -title: About Windows Forms Barcode control | Syncfusion -description: Learn about introduction of Syncfusion Essential Studio Windows Forms Barcode control and more details. +title: About Syncfusion® Windows Forms Barcode Control | Syncfusion® +description: Learn about the introduction of Syncfusion Essential Studio® Windows Forms Barcode control, its features, capabilities, and more details. platform: chart-sdk control: SfBarcode documentation: ug --- -# Windows Forms Barcode Overview +# About Syncfusion® Windows Forms Barcode Control The [Barcode](https://help.syncfusion.com/cr/windowsforms/Syncfusion.Windows.Forms.Barcode.SfBarcode.html) control helps render barcodes in desktop (Windows Forms) applications. The control can be merged into any desktop application and makes it easy to encode text using the supported symbol types. The basic structure of a barcode consists of a leading and trailing quiet zone, a start pattern, one or more data characters, optionally one or two check characters, and a stop pattern. diff --git a/chart-sdk/winforms/Barcode/Supported-Barcode-types.md b/chart-sdk/winforms/Barcode/Supported-Barcode-types.md index e815f544b..1738ba167 100644 --- a/chart-sdk/winforms/Barcode/Supported-Barcode-types.md +++ b/chart-sdk/winforms/Barcode/Supported-Barcode-types.md @@ -1,13 +1,13 @@ --- layout: post -title: Supported Barcode Types in Windows Forms Barcode control | Syncfusion -description: Learn about Supported Barcode Types support in Syncfusion Windows Forms Barcode control and more details. +title: Symbology Types in Windows Forms Barcode | Syncfusion® +description: Symbology Types in the Windows Forms Barcode enable generation of one-dimensional and two-dimensional barcodes for diverse applications. platform: chart-sdk control: SfBarcode documentation: ug --- -# Supported Barcode Types in Windows Forms Barcode +# Symbology Types in Windows Forms Barcode The following table contains the supported barcode types and the associated valid characters. diff --git a/chart-sdk/winforms/Barcode/Symbology-Settings.md b/chart-sdk/winforms/Barcode/Symbology-Settings.md index 058c75a8c..c8c0766f1 100644 --- a/chart-sdk/winforms/Barcode/Symbology-Settings.md +++ b/chart-sdk/winforms/Barcode/Symbology-Settings.md @@ -1,13 +1,13 @@ --- layout: post -title: Symbology settings in Windows Forms Barcode control | Syncfusion -description: Learn about Symbology settings support in Syncfusion Windows Forms Barcode control and more details. +title: Symbology Settings in Windows Forms Barcode | Syncfusion® +description: Symbology settings in the Windows Forms Barcode enable customization of barcode encoding options, validation rules, and barcode-specific properties. platform: chart-sdk control: SfBarcode documentation: ug --- -# Symbology settings in Windows Forms Barcode +# Symbology Settings in Windows Forms Barcode Each barcode symbol can be associated with optional settings that may affect that specific barcode. The code sample below shows the settings of a Code39 barcode. diff --git a/chart-sdk/winforms/Gauges/Digital-Gauge.md b/chart-sdk/winforms/Gauges/Digital-Gauge.md index 8f8c16dc0..91ac85539 100644 --- a/chart-sdk/winforms/Gauges/Digital-Gauge.md +++ b/chart-sdk/winforms/Gauges/Digital-Gauge.md @@ -1,13 +1,13 @@ --- layout: post -title: Digital Gauge in Windows Forms Radial Gauge control | Syncfusion -description: Learn about Digital Gauge support in Syncfusion Windows Forms Radial Gauge (Gauge) control and more details. +title: Digital Gauge in Windows Forms Gauge | Syncfusion® +description: Digital gauge in the Windows Forms displays numeric values in a digital format and supports customization of appearance and display settings. platform: chart-sdk control: Gauge documentation: ug --- -# Digital Gauge in Windows Forms Radial Gauge (Gauge) +# Digital Gauge in Windows Forms Gauge [DigitalGauge](https://help.syncfusion.com/cr/windowsforms/Syncfusion.Windows.Forms.Gauge.DigitalGauge.html) control is used to display alphanumeric characters in digital (LED display) mode. It is used to display a range of values that uses characters in combination with numbers. diff --git a/chart-sdk/winforms/Gauges/Installation-and-Deployment.md b/chart-sdk/winforms/Gauges/Installation-and-Deployment.md deleted file mode 100644 index b29befaea..000000000 --- a/chart-sdk/winforms/Gauges/Installation-and-Deployment.md +++ /dev/null @@ -1,97 +0,0 @@ ---- -layout: post -title: Installation and deployment in Windows Forms Radial Gauge | Syncfusion -description: Learn here all about installation and deployment of Syncfusion Windows Forms Radial Gauge control and more. -platform: chart-sdk -control: Gauge -documentation: ug ---- - -# Installation and deployment in Windows Forms Radial Gauge - -This section covers information on installation, the process of viewing samples through the sample browser, and the locations of samples and source code. - -## Installation - -For step-by-step installation procedure for the installation of Essential Studio, refer to the Installation topic under Installation and Deployment in the Common UG. - -* Licensing -* Patches -* Add/Remove Components - -## Samples and location - - -This section covers the location of the installed samples and describes the procedure to run the samples through the Sample Browser and online. It also provides the location of the source code. - -### Samples installation location - -The Gauge samples are installed in the following location locally on the disk: - -#### Windows XP - -C:\Syncfusion\Essential Studio\Windows\Gauge.Windows\Samples - -#### Windows 7/Vista - -C:\Users\\AppData\Local\Syncfusion\EssentialStudio\\Windows\Gauge.Windows\Samples  - -#### Viewing samples - -Use the following steps to view the samples - -1. Click Start > All Programs > Syncfusion > Essential Studio >Dashboard. - - The Essential Studio Enterprise Edition window will be displayed. - - ![Essential Studio Enterprise Edition window Displayed](Installation-and-Deployment_images/Installation-and-Deployment_img1.png) - - - -2. In the Dashboard window, click Run Samples for Windows Forms under UI Edition. The UI Windows Forms Sample Browser window will be displayed. - - N> You can view the samples in any of the following three ways: - N> - N> • Run Samples - Click to view the locally installed samples. - N> - N> • Online Samples - Click to view online samples. - N> - N> • Explore Samples - Explore the UI for Windows Forms on disk. - N> - N> The User Interface Edition panel is displayed by default. - - - - ![click Run Samples](Installation-and-Deployment_images/Installation-and-Deployment_img3.png) - - - - - -3. Click the Gauge tile under Data Visualization. The Gauge samples will be displayed. - - - - ![Click Gauge tile under Data Visualization](Installation-and-Deployment_images/Installation-and-Deployment_img4.png) - - - - - -4. Select any sample and browse through the features. - -### Source code location - - - The default location of the Windows Forms Gauge control source code is: - -C:\Program Files\Syncfusion\Essential Studio\[VersionNumber]\Windows\Gauge.Windows\Src - -## Deployment requirements - -### Assembly list - -While deploying an application that references a Syncfusion Windows Forms Gauge control assembly, the following dependencies must be included in the distribution: - -* Syncfusion.Gauge.Windows.dll -* Syncfusion.Shared.base.dll diff --git a/chart-sdk/winforms/Gauges/Installation-and-Deployment_images/Installation-and-Deployment_img1.png b/chart-sdk/winforms/Gauges/Installation-and-Deployment_images/Installation-and-Deployment_img1.png deleted file mode 100644 index aac978618..000000000 Binary files a/chart-sdk/winforms/Gauges/Installation-and-Deployment_images/Installation-and-Deployment_img1.png and /dev/null differ diff --git a/chart-sdk/winforms/Gauges/Installation-and-Deployment_images/Installation-and-Deployment_img2.png b/chart-sdk/winforms/Gauges/Installation-and-Deployment_images/Installation-and-Deployment_img2.png deleted file mode 100644 index a4f0e2962..000000000 Binary files a/chart-sdk/winforms/Gauges/Installation-and-Deployment_images/Installation-and-Deployment_img2.png and /dev/null differ diff --git a/chart-sdk/winforms/Gauges/Installation-and-Deployment_images/Installation-and-Deployment_img3.png b/chart-sdk/winforms/Gauges/Installation-and-Deployment_images/Installation-and-Deployment_img3.png deleted file mode 100644 index cc95c3c00..000000000 Binary files a/chart-sdk/winforms/Gauges/Installation-and-Deployment_images/Installation-and-Deployment_img3.png and /dev/null differ diff --git a/chart-sdk/winforms/Gauges/Installation-and-Deployment_images/Installation-and-Deployment_img4.png b/chart-sdk/winforms/Gauges/Installation-and-Deployment_images/Installation-and-Deployment_img4.png deleted file mode 100644 index 456ef2641..000000000 Binary files a/chart-sdk/winforms/Gauges/Installation-and-Deployment_images/Installation-and-Deployment_img4.png and /dev/null differ diff --git a/chart-sdk/winforms/Gauges/Linear-Gauge.md b/chart-sdk/winforms/Gauges/Linear-Gauge.md index 22f855ffc..5782b746b 100644 --- a/chart-sdk/winforms/Gauges/Linear-Gauge.md +++ b/chart-sdk/winforms/Gauges/Linear-Gauge.md @@ -1,13 +1,13 @@ --- layout: post -title: Linear Gauge in Windows Forms Radial Gauge control | Syncfusion -description: Learn about Linear Gauge support in Syncfusion Windows Forms Radial Gauge (Gauge) control and more details. +title: Linear Gauge in Windows Forms Gauge | Syncfusion® +description: Linear gauge in the Windows Forms Gauge displays values on a linear scale and supports customization of appearance and measurement settings. platform: chart-sdk control: Gauge documentation: ug --- -# Linear Gauge in Windows Forms Radial Gauge (Gauge) +# Linear Gauge in Windows Forms Gauge [LinearGauge](https://help.syncfusion.com/cr/windowsforms/Syncfusion.Windows.Forms.Gauge.LinearGauge.html) displays a range of values graphically along the linear scale. It measures the values of the scales and can be presented in a horizontal or vertical sliding meter. diff --git a/chart-sdk/winforms/Gauges/Overview.md b/chart-sdk/winforms/Gauges/Overview.md index 14fd7bcdc..82efbfaf4 100644 --- a/chart-sdk/winforms/Gauges/Overview.md +++ b/chart-sdk/winforms/Gauges/Overview.md @@ -1,13 +1,13 @@ --- layout: post -title: About Windows Forms Radial Gauge control | Syncfusion -description: Learn here all about introduction of Syncfusion Windows Forms Radial Gauge control, its elements and more details. +title: About Syncfusion® Windows Forms Gauge Control | Syncfusion® +description: Learn about the introduction of Syncfusion Essential Studio® Windows Forms Gauge control, its features, capabilities, and more details. platform: chart-sdk control: Gauge documentation: ug --- -# Windows Forms Radial Gauge (Gauge) Overview +# About Syncfusion® Windows Forms Gauge Control The Gauge control for Windows Forms is a data visualization tool that can be used to display several data points or data ranges in a precise and compact area. The data displayed in the control can be quickly understood by the user. Syncfusion’s Windows Forms library enables users to configure the Gauge control through C# codes. The Gauge control comes with sophisticated customization support. diff --git a/chart-sdk/winforms/Gauges/Radial-Gauge.md b/chart-sdk/winforms/Gauges/Radial-Gauge.md index 6dd5f0956..23424b10a 100644 --- a/chart-sdk/winforms/Gauges/Radial-Gauge.md +++ b/chart-sdk/winforms/Gauges/Radial-Gauge.md @@ -1,13 +1,13 @@ --- layout: post -title: Radial Gauge in Windows Forms Radial Gauge control | Syncfusion -description: Learn about Radial Gauge support in Syncfusion Windows Forms Radial Gauge (Gauge) control and more details. +title: Radial Gauge in Windows Forms Gauge | Syncfusion® +description: Radial gauge in the Windows Forms Gauge displays values on a circular scale and supports customization of appearance, ranges, and indicators. platform: chart-sdk control: Gauge documentation: ug --- -# Radial Gauge in Windows Forms Radial Gauge (Gauge) +# Radial Gauge in Windows Forms Gauge [RadialGauge](https://help.syncfusion.com/cr/windowsforms/Syncfusion.Windows.Forms.Gauge.RadialGauge.html) enables you to see a single numerical value mapped against a range of colors that may have a particular business meaning or business logic. As the value changes over time, the gauge pointer changes position within this range. diff --git a/chart-sdk/winforms/Map/Annotations.md b/chart-sdk/winforms/Map/Annotations.md index d8dda5a09..78000a970 100644 --- a/chart-sdk/winforms/Map/Annotations.md +++ b/chart-sdk/winforms/Map/Annotations.md @@ -1,13 +1,13 @@ --- layout: post -title: Annotations in Windows-Forms Map Control | Syncfusion® -description: Learn here all about the annotations feature of Syncfusion® Windows Forms Map (Maps) control and more. +title: Annotations in Windows Forms Maps | Syncfusion® +description: Annotations in the Windows Forms Maps display custom content at specific locations and support flexible positioning and appearance customization. platform: chart-sdk control: Maps documentation: ug --- -# Annotations in Windows Forms Map (Maps) +# Annotations in Windows Forms Maps Annotations are used to add messages on the map. In Maps control, annotations are denoted using the following major properties: diff --git a/chart-sdk/winforms/Map/Bubbles.md b/chart-sdk/winforms/Map/Bubbles.md index 4ea90fa75..ca4ab77a4 100644 --- a/chart-sdk/winforms/Map/Bubbles.md +++ b/chart-sdk/winforms/Map/Bubbles.md @@ -1,13 +1,13 @@ --- layout: post -title: Bubbles in Windows-Forms Map Control | Syncfusion® -description: Learn here all about the Bubbles feature of the Syncfusion® Windows Forms Map (Maps) control and more. +title: Bubble Markers in Windows Forms Maps | Syncfusion® +description: Bubble markers in the Windows Forms Maps visualize bound data values and support customization of size, color, and appearance. platform: chart-sdk control: Maps documentation: ug --- -# Bubbles in Windows Forms Map (Maps) +# Bubble Markers in Windows Forms Maps Bubbles in the maps control represent the underlying bound data values of the map. Bubbles are scattered throughout the map shapes, which contain bound values. diff --git a/chart-sdk/winforms/Map/Customizing-Map-appearance.md b/chart-sdk/winforms/Map/Customizing-Map-appearance.md index 9dd47560c..257da6082 100644 --- a/chart-sdk/winforms/Map/Customizing-Map-appearance.md +++ b/chart-sdk/winforms/Map/Customizing-Map-appearance.md @@ -1,13 +1,13 @@ --- layout: post -title: Customizing-Map-appearance in Windows-Forms Map Control | Syncfusion® -description: Learn here all about customizing map appearance feature of Syncfusion® Windows Forms Map (Maps) control and more. +title: Color Mapping in Windows Forms Maps | Syncfusion® +description: Color mapping in the Windows Forms Maps visualizes data using color variations and supports customized representation of geographic information. platform: chart-sdk control: Maps documentation: ug --- -# Color Mapping in Windows Forms Map (Maps) +# Color Mapping in Windows Forms Maps The color mapping support allows you customize the shape colors based on the underlying value of shapes received from the bound data. diff --git a/chart-sdk/winforms/Map/Getting-Started.md b/chart-sdk/winforms/Map/Getting-Started.md index d7ff9f6c3..2e75e3cfa 100644 --- a/chart-sdk/winforms/Map/Getting-Started.md +++ b/chart-sdk/winforms/Map/Getting-Started.md @@ -1,13 +1,13 @@ --- layout: post -title: Getting started with Windows Forms Map control | Syncfusion® -description: Learn here all about getting started with Syncfusion® Windows Forms Maps (SfMaps) control, its elements, and more. +title: Getting Started with Windows Forms Maps | Syncfusion® +description: Learn how to get started with the Syncfusion® Windows Forms Maps control. Explore setup, configuration, map layers, and customization options. platform: chart-sdk control: Maps documentation: ug --- -# Getting Started with Windows Forms Map (Maps) +# Getting Started with Windows Forms Maps ## Assembly deployment diff --git a/chart-sdk/winforms/Map/Installation-and-Deployment.md b/chart-sdk/winforms/Map/Installation-and-Deployment.md deleted file mode 100644 index 32c14b6d6..000000000 --- a/chart-sdk/winforms/Map/Installation-and-Deployment.md +++ /dev/null @@ -1,92 +0,0 @@ ---- -layout: post -title: Installation-and-Deployment in Windows-Forms Map Control | Syncfusion® -description: Learn here all about installation and deployment feature of Syncfusion® Windows Forms Map (Maps) control and more. -platform: chart-sdk -control: Maps -documentation: ug ---- - -# Installation and Deployment in Windows Forms Map (Maps) - -This section covers information on the install location, samples, licensing, patches update, and updation of the recent version of Essential Studio®. It comprises the following subsections: - - - -## Installation - -For step-by-step installation procedure for installing of Essential Studio®, refer to the installation topic under Installation and Deployment in the Common UG. - - - -See also, - -For licensing, patches, and information on adding or removing selective components, refer to the following topics in Common UG under Installation and Deployment. - - - -* Licensing -* Patches -* Add/remove components - - - -## Sample and location - -Use the following steps to view the samples: - - - -1. Go to Start > All Programs > Syncfusion® > Essential Studio® > Dashboard - - The Essential Studio Enterprise Edition window will be displayed. - - ![Displaying Essential Studio Enterprise Edition window](Installation-and-Deployment_images/Installation-and-Deployment_img1.png)  - - Syncfusion® Essential Studio® Dashboard - {:.caption} - -2. In the Dashboard window, click Run Samples for Windows Forms under UI Edition. The UI Windows Forms Sample Browser window will be displayed. - - N> You can view the samples in any of the following three ways: - > * Run Samples - Click to view the locally installed samples. - > * Online Samples - Click to view online samples. - > * Explore Samples - Explore the UI for Windows Forms on disk. - - The User Interface Edition panel will be displayed by default. - - ![UI Windows Forms Sample Browser window Displayed](Installation-and-Deployment_images/Installation-and-Deployment_img2.png) - - _Figure 2: UI Windows Forms Sample Browser_ - -3. Click the Maps under Data Visualization. The Map samples will be displayed. - - ![Click Maps under Data Visualization](Installation-and-Deployment_images/Installation-and-Deployment_img3.png) - - Essential® Maps WF Samples - {:.caption} - -4. Select any sample and browse through the features.  - - -## Deployment requirements - - - -### Toolbox entries - - - -* Maps - - - -### Assembly list - -While deploying an application that references SyncfusionEssentialMaps assembly, the following dependencies must be included in the distribution: - - - -* Syncfusion.Maps.Windows -* Syncfusion.Shared.Base -* Syncfusion.Core \ No newline at end of file diff --git a/chart-sdk/winforms/Map/Installation-and-Deployment_images/Installation-and-Deployment_img1.png b/chart-sdk/winforms/Map/Installation-and-Deployment_images/Installation-and-Deployment_img1.png deleted file mode 100644 index 2a7665ebd..000000000 Binary files a/chart-sdk/winforms/Map/Installation-and-Deployment_images/Installation-and-Deployment_img1.png and /dev/null differ diff --git a/chart-sdk/winforms/Map/Installation-and-Deployment_images/Installation-and-Deployment_img2.png b/chart-sdk/winforms/Map/Installation-and-Deployment_images/Installation-and-Deployment_img2.png deleted file mode 100644 index 65edb01f1..000000000 Binary files a/chart-sdk/winforms/Map/Installation-and-Deployment_images/Installation-and-Deployment_img2.png and /dev/null differ diff --git a/chart-sdk/winforms/Map/Installation-and-Deployment_images/Installation-and-Deployment_img3.png b/chart-sdk/winforms/Map/Installation-and-Deployment_images/Installation-and-Deployment_img3.png deleted file mode 100644 index 12ae383ec..000000000 Binary files a/chart-sdk/winforms/Map/Installation-and-Deployment_images/Installation-and-Deployment_img3.png and /dev/null differ diff --git a/chart-sdk/winforms/Map/Layers.md b/chart-sdk/winforms/Map/Layers.md index fd0c7246f..dba49cbee 100644 --- a/chart-sdk/winforms/Map/Layers.md +++ b/chart-sdk/winforms/Map/Layers.md @@ -1,13 +1,13 @@ --- layout: post -title: Layers in Windows-Forms Map Control | Syncfusion® -description: Learn here all about the layers feature of the Syncfusion® Windows Forms Map (Maps) control and more. +title: Layer Types in Windows Forms Maps | Syncfusion® +description: Layer types in the Windows Forms Maps support imagery and shape layers for visualizing geographic data and map information. platform: chart-sdk control: Maps documentation: ug --- -# Layers in Windows Forms Map (Maps) +# Layer Types in Windows Forms Maps Map is maintained through layers, and it can accommodate one or more layers. diff --git a/chart-sdk/winforms/Map/Legend.md b/chart-sdk/winforms/Map/Legend.md index e40dc3e13..0bb41a8e1 100644 --- a/chart-sdk/winforms/Map/Legend.md +++ b/chart-sdk/winforms/Map/Legend.md @@ -1,13 +1,13 @@ --- layout: post -title: Legend in Windows-Forms Map Control | Syncfusion® -description: Learn here all about the legend feature of the Syncfusion® Windows Forms Map (Maps) control and more. +title: Legend in Windows Forms Maps | Syncfusion® +description: Legend in the Windows Forms Maps explains symbols, colors, and data categories, helping users interpret geographic information. platform: chart-sdk control: Maps documentation: ug --- -# Legend in Windows Forms Map (Maps) +# Legend in Windows Forms Maps A legend is a key used on a map that contains swatches of symbols with descriptions. A legend interprets what the map displays; it can be represented in various colors, shapes, or other identifiers based on data. diff --git a/chart-sdk/winforms/Map/Map-Points.md b/chart-sdk/winforms/Map/Map-Points.md index e93048bb5..2c8237ff8 100644 --- a/chart-sdk/winforms/Map/Map-Points.md +++ b/chart-sdk/winforms/Map/Map-Points.md @@ -1,13 +1,13 @@ --- layout: post -title: Map-Points in Windows-Forms Map Control | Syncfusion® -description: Learn here all about the map points feature of Syncfusion® Windows Forms Map (Maps) control and more. +title: Points in Windows Forms Maps | Syncfusion® +description: Points in the Windows Forms Maps display location-based data and support customization of markers, labels, and visual appearance. platform: chart-sdk control: Maps documentation: ug --- -# Map Points in Windows Forms Map (Maps) +# Points in Windows Forms Maps [`Points`](https://help.syncfusion.com/cr/windowsforms/Syncfusion.Windows.Forms.Maps.ShapeFileRecord.html#Syncfusion_Windows_Forms_Maps_ShapeFileRecord_Points) are one of the record types in the shape file layer. Points are used to specify the specific point in the map. For example, they are used to specify the capital of countries. Points in the shape file are given as latitude and longitude coordinates. Those points should be converted as map points. diff --git a/chart-sdk/winforms/Map/Map-Shape-Customization.md b/chart-sdk/winforms/Map/Map-Shape-Customization.md index fe58aba07..d293861cb 100644 --- a/chart-sdk/winforms/Map/Map-Shape-Customization.md +++ b/chart-sdk/winforms/Map/Map-Shape-Customization.md @@ -1,13 +1,13 @@ --- layout: post -title: Map-Shape-Customization in Windows-Forms Map Control | Syncfusion® -description: Learn here all about map shape customization feature of Syncfusion® Windows Forms Map (Maps) control and more. +title: Shape Customization in Windows Forms Maps | Syncfusion® +description: Shape customization in the Windows Forms Maps enables customization of shape appearance, colors, borders, and visual styles. platform: chart-sdk control: Maps documentation: ug --- -# Shape Customization in Windows Forms Map (Maps) +# Shape Customization in Windows Forms Maps Shapes in the map control can be customized using the ShapeSetting properties such as ShapeFill, ShapeStroke, and ShapeStrokeThickness. diff --git a/chart-sdk/winforms/Map/Overview.md b/chart-sdk/winforms/Map/Overview.md index f1a3e13f4..2390a9aa3 100644 --- a/chart-sdk/winforms/Map/Overview.md +++ b/chart-sdk/winforms/Map/Overview.md @@ -1,13 +1,13 @@ --- layout: post -title: About Windows Forms Map control | Syncfusion® -description: This section explains the key features and quick overview about Syncfusion® Maps control for WindowsForms. +title: About Syncfusion® Windows Forms Maps Control | Syncfusion® +description: Learn about the introduction of Syncfusion Essential Studio® Windows Forms Maps control, its features, capabilities, and more details. platform: chart-sdk control: Maps documentation: ug --- -# Overview in Windows Forms Map (Maps) +# About Syncfusion® Windows Forms Maps Control [WinForms Maps](https://www.syncfusion.com/winforms-ui-controls/map) is a graphical representation of geographical data. This is used to represent the statistical data of a particular geographical area on the earth. Using pan and zoom features, maps can be navigated. diff --git a/chart-sdk/winforms/Map/User-Interaction.md b/chart-sdk/winforms/Map/User-Interaction.md index 325732816..fddd83446 100644 --- a/chart-sdk/winforms/Map/User-Interaction.md +++ b/chart-sdk/winforms/Map/User-Interaction.md @@ -1,13 +1,13 @@ --- layout: post -title: User interaction in Windows-Forms Map Control | Syncfusion® -description: Learn here all about User interaction feature of Syncfusion® Windows-Forms Map (Maps) control and more. +title: User Interactions in Windows Forms Maps | Syncfusion® +description: User interactions in the Windows Forms Maps enable zooming, panning, selection, and interactive exploration of map data and elements. platform: chart-sdk control: Maps documentation: ug --- -# User interaction in Windows Forms Map (Maps) +# User Interactions in Windows Forms Maps Options such as zooming, selection, and tooltip enable effective interaction on map elements. diff --git a/chart-sdk/winforms/bullet-graph/Caption-Settings.md b/chart-sdk/winforms/bullet-graph/Caption-Settings.md index b0c91ef02..cf8dc51ff 100644 --- a/chart-sdk/winforms/bullet-graph/Caption-Settings.md +++ b/chart-sdk/winforms/bullet-graph/Caption-Settings.md @@ -1,7 +1,7 @@ --- layout: post -title: Caption Settings in Windows Forms Bullet Graph control | Syncfusion® -description: Learn about Caption Settings support in Syncfusion® Windows Forms Bullet Graph control and more details. +title: Caption Settings in Windows Forms Bullet Graph | Syncfusion® +description: Caption settings in the Windows Forms Bullet Graph enable customization of caption content, positioning, formatting, and appearance. platform: chart-sdk control: Bullet Graph documentation: ug diff --git a/chart-sdk/winforms/bullet-graph/Getting-Started.md b/chart-sdk/winforms/bullet-graph/Getting-Started.md index f34327194..5a92a483b 100644 --- a/chart-sdk/winforms/bullet-graph/Getting-Started.md +++ b/chart-sdk/winforms/bullet-graph/Getting-Started.md @@ -1,7 +1,7 @@ --- layout: post title: Getting Started with Windows Forms Bullet Graph | Syncfusion® -description: Learn here about getting started with Syncfusion® Windows Forms Bullet Graph control, its elements, and more. +description: Learn how to get started with the Syncfusion® Windows Forms Bullet Graph control. Explore setup, features, elements, and customization options. platform: chart-sdk control: Bullet Graph documentation: ug diff --git a/chart-sdk/winforms/bullet-graph/Measure-Settings.md b/chart-sdk/winforms/bullet-graph/Measure-Settings.md index ea26afcc3..235d37924 100644 --- a/chart-sdk/winforms/bullet-graph/Measure-Settings.md +++ b/chart-sdk/winforms/bullet-graph/Measure-Settings.md @@ -1,7 +1,7 @@ --- layout: post -title: Measure Settings in Windows Forms Bullet Graph control | Syncfusion® -description: Learn about Measure Settings (Featured / Comparative Measure) support in Syncfusion® Windows Forms Bullet Graph control and more details. +title: Measure Settings in Windows Forms Bullet Graph | Syncfusion® +description: Measure settings in the Windows Forms Bullet Graph enable configuration of featured and comparative measures for effective performance visualization. platform: chart-sdk control: Bullet Graph documentation: ug diff --git a/chart-sdk/winforms/bullet-graph/Orientation.md b/chart-sdk/winforms/bullet-graph/Orientation.md index d7afe42d3..6a46a304c 100644 --- a/chart-sdk/winforms/bullet-graph/Orientation.md +++ b/chart-sdk/winforms/bullet-graph/Orientation.md @@ -1,6 +1,6 @@ --- layout: post -title: Orientation in Windows Forms Bullet Graph control | Syncfusion® +title: Orientation in Windows Forms Bullet Graph | Syncfusion® description: Learn about Orientation support in Syncfusion® Essential Studio® Windows Forms Bullet Graph control and more details. platform: chart-sdk control: Bullet Graph diff --git a/chart-sdk/winforms/bullet-graph/Overview.md b/chart-sdk/winforms/bullet-graph/Overview.md index 0f4eb8ab6..d32042fb0 100644 --- a/chart-sdk/winforms/bullet-graph/Overview.md +++ b/chart-sdk/winforms/bullet-graph/Overview.md @@ -1,13 +1,13 @@ --- layout: post -title: About Windows Forms Bullet Graph control | Syncfusion® -description: Learn about introduction of Syncfusion® Essential Studio® Windows Forms Bullet Graph control and more details. +title: About Syncfusion® Windows Forms Bullet Graph Control | Syncfusion® +description: Learn about the introduction of Syncfusion Essential Studio® Windows Forms Bullet Graph control, its features, capabilities, and more details. platform: chart-sdk control: Bullet Graph documentation: ug --- -# Windows Forms Bullet Graph Overview +# About Syncfusion® Windows Forms Bullet Graph Control The Bullet Graph is a variation of the bar graph that was developed as a replacement for the dashboard gauges and meters. The Bullet Graph features a single, primary measure (for example, current year-to-date revenue), and compares that measure to one or more other measures to enrich its meaning (for example, compared to a target). It displays the measures in the context of the qualitative range of performance, such as poor, satisfactory, and good. diff --git a/chart-sdk/winforms/bullet-graph/Range-Settings.md b/chart-sdk/winforms/bullet-graph/Range-Settings.md index 6f6e30496..db6463af4 100644 --- a/chart-sdk/winforms/bullet-graph/Range-Settings.md +++ b/chart-sdk/winforms/bullet-graph/Range-Settings.md @@ -1,7 +1,7 @@ --- layout: post -title: Range Settings in Windows Forms Bullet Graph control | Syncfusion® -description: Learn about Range Settings support in Syncfusion® Windows Forms Bullet Graph control and more details. +title: Range Settings in Windows Forms Bullet Graph | Syncfusion® +description: Range settings in the Windows Forms Bullet Graph enable configuration of qualitative ranges to visualize performance levels and target thresholds. platform: chart-sdk control: Bullet Graph documentation: ug diff --git a/chart-sdk/winforms/bullet-graph/Scale-Label-settings.md b/chart-sdk/winforms/bullet-graph/Scale-Label-settings.md index d793ef76c..b4db0828b 100644 --- a/chart-sdk/winforms/bullet-graph/Scale-Label-settings.md +++ b/chart-sdk/winforms/bullet-graph/Scale-Label-settings.md @@ -1,7 +1,7 @@ --- layout: post -title: Scale Label settings in Windows Forms Bullet Graph | Syncfusion® -description: Learn about Scale Label settings support in Syncfusion® Windows Forms Bullet Graph control and more details. +title: Scale Label Settings in Windows Forms Bullet Graph | Syncfusion® +description: Scale label settings in the Windows Forms Bullet Graph enable customization of label content, formatting, positioning, and appearance. platform: chart-sdk control: Bullet Graph documentation: ug diff --git a/chart-sdk/winforms/bullet-graph/Scale-Tick-Mark-Settings.md b/chart-sdk/winforms/bullet-graph/Scale-Tick-Mark-Settings.md index 1300a5602..d8e78efd9 100644 --- a/chart-sdk/winforms/bullet-graph/Scale-Tick-Mark-Settings.md +++ b/chart-sdk/winforms/bullet-graph/Scale-Tick-Mark-Settings.md @@ -1,7 +1,7 @@ --- layout: post -title: Scale Tick Mark in Windows Forms Bullet Graph control | Syncfusion® -description: Learn about Scale Tick Mark Settings support in Syncfusion® Windows Forms Bullet Graph control and more details. +title: Scale Tick Mark Settings in Windows Forms Bullet Graph | Syncfusion® +description: Scale tick mark settings in the Windows Forms Bullet Graph enable customization of tick mark intervals, positioning, and appearance. platform: chart-sdk control: Bullet Graph documentation: ug diff --git a/chart-sdk/winforms/chart/Chart-Appearance.md b/chart-sdk/winforms/chart/Chart-Appearance.md index 1e968658a..4600ceeff 100644 --- a/chart-sdk/winforms/chart/Chart-Appearance.md +++ b/chart-sdk/winforms/chart/Chart-Appearance.md @@ -1,13 +1,13 @@ --- layout: post -title: Chart Appearance in Windows Forms Chart control | Syncfusion -description: Learn about Chart Appearance support in Syncfusion Essential Studio® Windows Forms Chart control and more details. +title: Appearance in Windows Forms Chart | Syncfusion® +description: Appearance in the Windows Forms Chart enables customization of chart visuals, colors, styles, and display settings. platform: chart-sdk control: Chart documentation: ug --- -# Chart Appearance in Windows Forms Chart +# Appearance in Windows Forms Chart The following topics under this section discusses about various properties that are used to customize the appearance of the chart. diff --git a/chart-sdk/winforms/chart/Chart-Area.md b/chart-sdk/winforms/chart/Chart-Area.md index e3a119579..89882b596 100644 --- a/chart-sdk/winforms/chart/Chart-Area.md +++ b/chart-sdk/winforms/chart/Chart-Area.md @@ -1,13 +1,13 @@ --- layout: post -title: Chart Area in Windows Forms Chart control | Syncfusion -description: Learn about Chart Area support in Syncfusion Essential Studio® Windows Forms Chart control and more details. +title: Area in Windows Forms Chart | Syncfusion® +description: Area in the Windows Forms Chart defines the plotting region and supports customization of axes, series, and visual elements. platform: chart-sdk control: Chart documentation: ug --- -# Chart Area in Windows Forms Chart +# Area in Windows Forms Chart Essential® Chart comes with chart divide area support, wherein a single [ChartArea](https://help.syncfusion.com/cr/windowsforms/Syncfusion.Windows.Forms.Chart.ChartArea.html) can be divided into equal squares to display more than one chart **(pie, funnel or pyramid)**. To enable this [ChartArea.DivideArea](https://help.syncfusion.com/cr/windowsforms/Syncfusion.Windows.Forms.Chart.ChartArea.html#Syncfusion_Windows_Forms_Chart_ChartArea_DivideArea) property should be set to true. diff --git a/chart-sdk/winforms/chart/Chart-Axes.md b/chart-sdk/winforms/chart/Chart-Axes.md index 61a1343ed..e71ec7f89 100644 --- a/chart-sdk/winforms/chart/Chart-Axes.md +++ b/chart-sdk/winforms/chart/Chart-Axes.md @@ -1,13 +1,13 @@ --- layout: post -title: Chart Axes in Windows Forms Chart control | Syncfusion -description: Learn about Chart Axes support in Syncfusion Essential Studio® Windows Forms Chart control and more details. +title: Axes in Windows Forms Chart | Syncfusion® +description: Axes in the Windows Forms Chart define scales, labels, categories, and value ranges for accurate data visualization. platform: chart-sdk control: Chart documentation: ug --- -# Chart Axes in Windows Forms Chart +# Axes in Windows Forms Chart An axis in Essential® Chart is represented by the [ChartAxis](https://help.syncfusion.com/cr/windowsforms/Syncfusion.Windows.Forms.Chart.ChartAxis.html) class. The axes are stored in the [WinForms Chart](https://www.syncfusion.com/winforms-ui-controls/chart) control's Axes collection. diff --git a/chart-sdk/winforms/chart/Chart-Data.md b/chart-sdk/winforms/chart/Chart-Data.md index b119a1808..95540cae5 100644 --- a/chart-sdk/winforms/chart/Chart-Data.md +++ b/chart-sdk/winforms/chart/Chart-Data.md @@ -1,7 +1,7 @@ --- layout: post -title: Populating Data in Windows Forms Chart control | Syncfusion -description: Learn about Populating Data support in Syncfusion Essential Studio® Windows Forms Chart control and more details. +title: Populating Data in Windows Forms Chart | Syncfusion® +description: Populating Data in the Windows Forms Chart enables binding and displaying data from various sources for chart visualization. platform: chart-sdk control: Chart documentation: ug diff --git a/chart-sdk/winforms/chart/Chart-Legend-and-Legend-Items.md b/chart-sdk/winforms/chart/Chart-Legend-and-Legend-Items.md index 92e2f3522..2d264d669 100644 --- a/chart-sdk/winforms/chart/Chart-Legend-and-Legend-Items.md +++ b/chart-sdk/winforms/chart/Chart-Legend-and-Legend-Items.md @@ -1,13 +1,13 @@ --- layout: post -title: Chart Legend in Windows Forms Chart control | Syncfusion -description: Learn about Chart Legend support in Syncfusion Essential Studio® Windows Forms Chart control and more details. +title: Legend in Windows Forms Chart | Syncfusion® +description: Legend in the Windows Forms Chart identifies data series and chart elements, supporting customization, positioning, and display options. platform: chart-sdk control: Chart documentation: ug --- -# Chart Legend in Windows Forms Chart +# Legend in Windows Forms Chart Essential® Chart by default displays a legend with information on each series that has been plotted on the chart. diff --git a/chart-sdk/winforms/chart/Chart-Series.md b/chart-sdk/winforms/chart/Chart-Series.md index a94af8444..d2816efe9 100644 --- a/chart-sdk/winforms/chart/Chart-Series.md +++ b/chart-sdk/winforms/chart/Chart-Series.md @@ -1,13 +1,13 @@ --- layout: post -title: Chart Series in Windows Forms Chart control | Syncfusion -description: Learn about Chart Series support in Syncfusion Essential Studio® Windows Forms Chart control and more details. +title: Series in Windows Forms Chart | Syncfusion® +description: Series in the Windows Forms Chart represent data points and support customization of appearance, data binding, and visualization. platform: chart-sdk control: Chart documentation: ug --- -# Chart Series in Windows Forms Chart +# Series in Windows Forms Chart Provide data for the [Windows Forms chart](https://www.syncfusion.com/winforms-ui-controls/chart) through the ChartSeries. ChartSeries acts as a wrapper around data that is to be displayed, and associates styles with the data. The data that is to be displayed is contained in either the IChartSeriesModel or the IEditableChartSeriesModel implementation. The style used to display the points is stored in a contained implementation of IChartSeriesStylesModel. diff --git a/chart-sdk/winforms/chart/Chart-Title.md b/chart-sdk/winforms/chart/Chart-Title.md index 3d1c40dd5..5ac7c012d 100644 --- a/chart-sdk/winforms/chart/Chart-Title.md +++ b/chart-sdk/winforms/chart/Chart-Title.md @@ -1,13 +1,13 @@ --- layout: post -title: Chart Title in Windows Forms Chart control | Syncfusion -description: Learn about Chart Title support in Syncfusion Essential Studio® Windows Forms Chart control and more details. +title: Title in Windows Forms Chart | Syncfusion® +description: Title in the Windows Forms Chart displays descriptive text for charts and supports customization of content, alignment, and appearance. platform: chart-sdk control: Chart documentation: ug --- -# Chart Title in Windows Forms Chart +# Title in Windows Forms Chart ## Default Title diff --git a/chart-sdk/winforms/chart/Chart-Types.md b/chart-sdk/winforms/chart/Chart-Types.md index f958f3997..b6b9d2365 100644 --- a/chart-sdk/winforms/chart/Chart-Types.md +++ b/chart-sdk/winforms/chart/Chart-Types.md @@ -1,13 +1,13 @@ --- layout: post -title: Chart Types in Windows Forms Chart control | Syncfusion -description: Learn about Chart Types support in Syncfusion Essential Studio® Windows Forms Chart control and more details. +title: Types in Windows Forms Chart | Syncfusion® +description: Types in the Windows Forms Chart provide multiple visualization options for presenting, comparing, and analyzing data effectively. platform: chart-sdk control: Chart documentation: ug --- -# Chart Types in Windows Forms Chart +# Types in Windows Forms Chart Essential® Chart includes a comprehensive set of more than 35 Chart types for all your business needs. Each one is highly and easily configurable with built-in support for creating stunning visual effects. diff --git a/chart-sdk/winforms/chart/Chart-control-events.md b/chart-sdk/winforms/chart/Chart-control-events.md index 29e7bd586..b399cd7e7 100644 --- a/chart-sdk/winforms/chart/Chart-control-events.md +++ b/chart-sdk/winforms/chart/Chart-control-events.md @@ -1,7 +1,7 @@ --- layout: post -title: Events in Windows Forms Chart control | Syncfusion -description: Learn about Events support in Syncfusion Essential Studio® Windows Forms Chart control and more details. +title: Events in Windows Forms Chart | Syncfusion® +description: Events in the Windows Forms Chart enable handling user interactions, chart actions, and custom event-driven behavior. platform: chart-sdk control: Chart documentation: ug diff --git a/chart-sdk/winforms/chart/Design-time-Features.md b/chart-sdk/winforms/chart/Design-time-Features.md index fd2db763a..6589a9dfb 100644 --- a/chart-sdk/winforms/chart/Design-time-Features.md +++ b/chart-sdk/winforms/chart/Design-time-Features.md @@ -1,7 +1,7 @@ --- layout: post -title: Design Time Features in Windows Forms Chart control | Syncfusion -description: Learn about Design Time Features support in Syncfusion® Windows Forms Chart control and more details. +title: Design Time Features in Windows Forms Chart | Syncfusion® +description: Design time features in the Windows Forms Chart enable chart configuration, customization, and data setup through visual design tools. platform: chart-sdk control: Chart documentation: ug diff --git a/chart-sdk/winforms/chart/Exporting.md b/chart-sdk/winforms/chart/Exporting.md index 09fc46c79..df8ad508a 100644 --- a/chart-sdk/winforms/chart/Exporting.md +++ b/chart-sdk/winforms/chart/Exporting.md @@ -1,7 +1,7 @@ --- layout: post -title: Exporting in Windows Forms Chart control | Syncfusion -description: Learn about Exporting support in Syncfusion Essential Studio® Windows Forms Chart control and more details. +title: Exporting in Windows Forms Chart | Syncfusion® +description: Exporting in the Windows Forms Chart enables chart data and visuals to be saved in supported formats for sharing, reporting, and analysis. platform: chart-sdk control: Chart documentation: ug diff --git a/chart-sdk/winforms/chart/FAQ/Frequently-Asked-Questions.md b/chart-sdk/winforms/chart/FAQ/Frequently-Asked-Questions.md deleted file mode 100644 index 90220303b..000000000 --- a/chart-sdk/winforms/chart/FAQ/Frequently-Asked-Questions.md +++ /dev/null @@ -1,13 +0,0 @@ ---- -layout: post -title: Frequently-Asked-Questions | Windows Forms | Syncfusion -description: frequently asked questions -platform: windowsforms -control: Control Name undefined -documentation: ug ---- - -## Frequently Asked Questions - -This section guides you with the features of the Chart control based on specific tasks. - diff --git a/chart-sdk/winforms/chart/FAQ/How-to-Print-a-Chart-in-Multiple-Pages.md b/chart-sdk/winforms/chart/FAQ/How-to-Print-a-Chart-in-Multiple-Pages.md index 54a240f85..09200fb93 100644 --- a/chart-sdk/winforms/chart/FAQ/How-to-Print-a-Chart-in-Multiple-Pages.md +++ b/chart-sdk/winforms/chart/FAQ/How-to-Print-a-Chart-in-Multiple-Pages.md @@ -1,13 +1,13 @@ --- layout: post -title: How-to-Print-a-Chart-in-Multiple-Pages | Windows Forms | Syncfusion -description: how to print a chart in multiple pages +title: How to print a charts in Windows Forms Chart | Syncfusion® +description: Learn how to print a Windows Forms Chart on multiple pages and configure chart printing across page boundaries. platform: windowsforms control: chart documentation: ug --- -# How to Print a Chart in Multiple Pages +# How to print multiple charts in Windows Forms Chart To print a Chart in multiple page, use the PrintPage event to specify the range of X and Y axis. Specify the minimum and maximum value in the _Range_ property of the axis you want to divide. Set the HasMorePages__property to true in the events before specifying the range values and set this to false after chart default maximum value. The following code illustrates this: diff --git a/chart-sdk/winforms/chart/FAQ/How-to-add-an-image-on-chart-area.md b/chart-sdk/winforms/chart/FAQ/How-to-add-an-image-on-chart-area.md index 69c8dcffd..b1299de17 100644 --- a/chart-sdk/winforms/chart/FAQ/How-to-add-an-image-on-chart-area.md +++ b/chart-sdk/winforms/chart/FAQ/How-to-add-an-image-on-chart-area.md @@ -1,13 +1,13 @@ --- layout: post -title: Add a picture to the chart area | Windows Forms | Chart | Syncfusion -description: This section explains how to enhance a chart by adding a picture or image (such as a business logo) anywhere on the chart area. +title: How to add an image to Windows Forms Chart Area | Syncfusion® +description: Learn how to add an image to the Windows Forms Chart area and display pictures such as logos within a chart. platform: windowsforms control: chart documentation: ug --- -# How to add an image on Chart area +# How to add an image to Windows Forms Chart Area By using the [ChartDockControl](https://help.syncfusion.com/cr/windowsforms/Syncfusion.Windows.Forms.Chart.ChartDockControl.html) with adding image on the dock control with position changes, you can add an image anywhere on the chart area to represent the details with pictorial format. diff --git a/chart-sdk/winforms/chart/FAQ/How-to-add-custom-TrendLine-in-Chart.md b/chart-sdk/winforms/chart/FAQ/How-to-add-custom-TrendLine-in-Chart.md index ea63c8b74..ec2b0c897 100644 --- a/chart-sdk/winforms/chart/FAQ/How-to-add-custom-TrendLine-in-Chart.md +++ b/chart-sdk/winforms/chart/FAQ/How-to-add-custom-TrendLine-in-Chart.md @@ -1,13 +1,13 @@ --- layout: post -title: How-to-add-custom-TrendLine-in-Chart | Windows Forms | Syncfusion -description: how to add custom trendline in chart +title: How to add a custom trendline in Windows Forms Chart | Syncfusion® +description: Learn how to add a custom trendline in the Windows Forms Chart to analyze and visualize data trends. platform: windowsforms control: chart documentation: ug --- -# How to add custom TrendLine in Chart +# How to add a custom trendline in Windows Forms Chart TrendLines are used to draw lines in the ChartArea. They can be added to the chart using the TrendLineAdder class. diff --git a/chart-sdk/winforms/chart/FAQ/How-to-customize-the-data-points-for-Chart-Series.md b/chart-sdk/winforms/chart/FAQ/How-to-customize-the-data-points-for-Chart-Series.md index 422c5fdc6..2ff7674fa 100644 --- a/chart-sdk/winforms/chart/FAQ/How-to-customize-the-data-points-for-Chart-Series.md +++ b/chart-sdk/winforms/chart/FAQ/How-to-customize-the-data-points-for-Chart-Series.md @@ -1,13 +1,13 @@ --- layout: post -title: Customize data points for Chart Series | WinForms | Syncfusion -description: This document describes how to customize the data points for rendering the chart series in the windows forms chart control. +title: How to customize data points in Windows Forms Chart | Syncfusion® +description: Learn how to customize data points in a Windows Forms Chart series to control the appearance and rendering of chart data. platform: windowsforms control: chart documentation: ug --- -# How to customize the data points for Chart Series +# How to customize data points in Windows Forms Chart You can customize the data points by exposing the IChartSeriesModel interface to the series. The default Series store is an implementation of the IChartSeriesModel. By implementing this interface, we can set it as the underlying data. diff --git a/chart-sdk/winforms/chart/FAQ/How-to-display-custom-tooltip-over-Histogram-Chart.md b/chart-sdk/winforms/chart/FAQ/How-to-display-custom-tooltip-over-Histogram-Chart.md index b4e5a3324..6237b90d3 100644 --- a/chart-sdk/winforms/chart/FAQ/How-to-display-custom-tooltip-over-Histogram-Chart.md +++ b/chart-sdk/winforms/chart/FAQ/How-to-display-custom-tooltip-over-Histogram-Chart.md @@ -1,13 +1,13 @@ --- layout: post -title: Display custom tooltip over Histogram Chart | WinForms | Syncfusion -description: Learn here how to display custom tooltip over histogram chart columns of Syncfusion® WindowsForms Chart (Sfchart) control and more. +title: How to display custom tooltips in Windows Forms Chart | Syncfusion® +description: Learn how to display custom tooltips for columns in a Windows Forms Histogram Chart and customize tooltip content for data points. platform: windowsforms control: chart documentation: ug --- -# How to display custom tooltip over Histogram Chart columns +# How to display custom tooltips in Windows Forms Chart On Setting ShowTooltip property to true, the series name will be displayed as tooltip on the histogram chart columns by default. You can also set custom tooltip by handling ChartRegionMouseMove event as follows. diff --git a/chart-sdk/winforms/chart/FAQ/How-to-display-the-Chart-Area-alone.md b/chart-sdk/winforms/chart/FAQ/How-to-display-the-Chart-Area-alone.md index 6f47bdf5f..1f869216c 100644 --- a/chart-sdk/winforms/chart/FAQ/How-to-display-the-Chart-Area-alone.md +++ b/chart-sdk/winforms/chart/FAQ/How-to-display-the-Chart-Area-alone.md @@ -1,13 +1,13 @@ --- layout: post -title: How-to-display-the-Chart-Area-alone | Windows Forms | Syncfusion -description: how to display the chart area alone +title: How to display chart area only in Windows Forms Chart | Syncfusion® +description: Learn how to display only the chart area in a Windows Forms Chart by hiding other chart elements and customizing the chart layout. platform: windowsforms control: chart documentation: ug --- -# How to display the Chart Area alone +# How to display only the chart area in Windows Forms Chart This can be achieved by setting the Legend.Visible property of ChartControl to False, ElementsSpacing property of ChartControl to Zero_,_ and__Text property of ChartControl to an Empty String. diff --git a/chart-sdk/winforms/chart/FAQ/How-to-drag-the-Chart-Series-Points-at-run-time.md b/chart-sdk/winforms/chart/FAQ/How-to-drag-the-Chart-Series-Points-at-run-time.md index b6670cef4..a15bead49 100644 --- a/chart-sdk/winforms/chart/FAQ/How-to-drag-the-Chart-Series-Points-at-run-time.md +++ b/chart-sdk/winforms/chart/FAQ/How-to-drag-the-Chart-Series-Points-at-run-time.md @@ -1,13 +1,13 @@ --- layout: post -title: How-to-drag-the-Chart-Series-Points-at-run-time | Syncfusion -description: This FAQ section explains how to drag the chart series points at run time using the ChartRegionMouse Events. +title: How to Drag Chart Series Points at Runtime | Syncfusion® +description: Learn how to drag chart series points at runtime in a Windows Forms Chart using ChartRegionMouse events. platform: windowsforms control: chart documentation: ug --- -# How to drag the Chart Series Points at run time +# How to drag chart series points at runtime in Windows Forms Chart You can drag the chart series points by calculating new x and y values while handling any of the ChartRegionMouse Events likeMouseUp, MouseDown, MouseHover, MouseLeave, and so forth, on the chart. The new x and y values of the series are calculated from the mouse point, and GetValueByPoint which returns the x and y values of the mouse point calculated from the Chart Point. diff --git a/chart-sdk/winforms/chart/FAQ/How-to-draw-custom-series-using-ChartSeriesRenderer.md b/chart-sdk/winforms/chart/FAQ/How-to-draw-custom-series-using-ChartSeriesRenderer.md index d34d60d10..ea542f5c4 100644 --- a/chart-sdk/winforms/chart/FAQ/How-to-draw-custom-series-using-ChartSeriesRenderer.md +++ b/chart-sdk/winforms/chart/FAQ/How-to-draw-custom-series-using-ChartSeriesRenderer.md @@ -1,13 +1,13 @@ --- layout: post -title: How-to-draw-custom-series | Windows Forms | Syncfusion -description: How to draw custom series using ChartSeriesRenderer +title: How to draw custom series in Windows Forms Chart | Syncfusion® +description: Learn how to draw custom series in a Windows Forms Chart using ChartSeriesRenderer for custom chart rendering. platform: windowsforms control: chart documentation: ug --- -# How to draw custom series using ChartSeriesRenderer +# How to draw custom series in Windows Forms Chart The chart series renderer allows you draw the series as required with chart helper functions and graphics objects. diff --git a/chart-sdk/winforms/chart/FAQ/How-to-draw-the-Y-axis-at-the-center-of-the-X-axis.md b/chart-sdk/winforms/chart/FAQ/How-to-draw-the-Y-axis-at-the-center-of-the-X-axis.md index a780106c6..f71c5ad67 100644 --- a/chart-sdk/winforms/chart/FAQ/How-to-draw-the-Y-axis-at-the-center-of-the-X-axis.md +++ b/chart-sdk/winforms/chart/FAQ/How-to-draw-the-Y-axis-at-the-center-of-the-X-axis.md @@ -1,13 +1,13 @@ --- layout: post -title: Draw-the-Y-axis-at-the-center-of-X-axis | Windows Forms | Syncfusion -description: This section explains how to draw the y-axis at the center of the x-axis or any custom position on the chart axis. +title: How to draw the Y-Axis at center in Windows Forms Chart | Syncfusion® +description: Learn how to draw the Y-axis at the center of the X-axis or position it at a custom location in a Windows Forms Chart. platform: windowsforms control: chart documentation: ug --- -# How to draw the Y-axis at the center of the X-axis +# How to draw the Y-Axis at center in Windows Forms Chart The y-axis can be drawn at any custom position using the ChartAxisLocationType class. This can be achieved by setting the value of the LocationType property of the PrimaryYAxis to Set. diff --git a/chart-sdk/winforms/chart/FAQ/How-to-export-the-Chart-Points-into-a-CSV-file.md b/chart-sdk/winforms/chart/FAQ/How-to-export-the-Chart-Points-into-a-CSV-file.md index 8ca1b10bf..2c0b86a56 100644 --- a/chart-sdk/winforms/chart/FAQ/How-to-export-the-Chart-Points-into-a-CSV-file.md +++ b/chart-sdk/winforms/chart/FAQ/How-to-export-the-Chart-Points-into-a-CSV-file.md @@ -1,13 +1,13 @@ --- layout: post -title: How-To-Export-the-Chart-Points-into-a-CSV-file | WF | Syncfusion -description: how to export the chart series data points into a CSV (comma separated values) file in Windows Forms Charts. +title: How to export chart points to CSV in Windows Forms Chart | Syncfusion® +description: Learn how to export chart series data points to a CSV file in a Windows Forms Chart for data storage and further analysis. platform: windowsforms control: chart documentation: ug --- -# How to export the Chart Points into a CSV file +# How to export chart points to CSV in Windows Forms Chart Creating a CSV (comma separated values) of the chart points simply involves parsing through the chart series and writing out the chart points into the FileStream. The code for this is provided below for your convenience. diff --git a/chart-sdk/winforms/chart/FAQ/How-to-filter-particular-set-of-data-points-in-the.md b/chart-sdk/winforms/chart/FAQ/How-to-filter-particular-set-of-data-points-in-the.md index b649a7deb..6cb508563 100644 --- a/chart-sdk/winforms/chart/FAQ/How-to-filter-particular-set-of-data-points-in-the.md +++ b/chart-sdk/winforms/chart/FAQ/How-to-filter-particular-set-of-data-points-in-the.md @@ -1,13 +1,13 @@ --- layout: post -title: How-to-filter-particular-set-of-data-points-in-the | Windows Forms | Syncfusion -description: how to filter particular set of data points in the chart series +title: How to filter data points in Windows Forms Chart | Syncfusion® +description: Learn how to filter specific data points in a Windows Forms Chart series and display only the required data for visualization. platform: windowsforms control: chart documentation: ug --- -# How to filter particular set of data points in the Chart Series +# How to filter data points in Windows Forms Chart Data is filtered on a series-by-series basis. When series data points are filtered, they can be either removed from the Series Points collection or marked as Empty. diff --git a/chart-sdk/winforms/chart/FAQ/How-to-find-value-maximum-value-and-minimum-value-.md b/chart-sdk/winforms/chart/FAQ/How-to-find-value-maximum-value-and-minimum-value-.md index 3056e06c2..b4614d4be 100644 --- a/chart-sdk/winforms/chart/FAQ/How-to-find-value-maximum-value-and-minimum-value-.md +++ b/chart-sdk/winforms/chart/FAQ/How-to-find-value-maximum-value-and-minimum-value-.md @@ -1,13 +1,13 @@ --- layout: post -title: How-to-find-value-maximum-value-and-minimum-value- | Windows Forms | Syncfusion -description: how to find value, maximum value and minimum value of the data points +title: How to find data points value in Windows Forms Chart | Syncfusion® +description: Learn how to find values, maximum values, and minimum values of data points in a Windows Forms Chart series. platform: windowsforms control: chart documentation: ug --- -# How to find value, maximum value and minimum value of the data points +# How to find data points value in Windows Forms Chart Essential® Chart has FindValue, FindMaximumValue and FindMinimumValue methods that can return the corresponding chart data point values depending upon the parameter(s) passed to these methods. diff --git a/chart-sdk/winforms/chart/FAQ/How-to-get-back-to-the-gradient-appearance-of-the-.md b/chart-sdk/winforms/chart/FAQ/How-to-get-back-to-the-gradient-appearance-of-the-.md index 880a0796c..87bb1959e 100644 --- a/chart-sdk/winforms/chart/FAQ/How-to-get-back-to-the-gradient-appearance-of-the-.md +++ b/chart-sdk/winforms/chart/FAQ/How-to-get-back-to-the-gradient-appearance-of-the-.md @@ -1,13 +1,13 @@ --- layout: post -title: How-to-get-back-to-the-gradient-appearance-of-the- | Windows Forms | Syncfusion -description: how to get back to the gradient appearance of the chart series +title: How to restore gradient in Windows Forms Chart | Syncfusion® +description: Learn how to restore the gradient appearance of a chart series in a Windows Forms Chart and apply gradient styling to data points. platform: windowsforms control: chart documentation: ug --- -# How to get back to the gradient appearance of the Chart Series +# How to restore gradient in Windows Forms Chart The default appearance of the chart series is as shown in the image below. diff --git a/chart-sdk/winforms/chart/FAQ/How-to-hide-the-Chart-ZoomButton.md b/chart-sdk/winforms/chart/FAQ/How-to-hide-the-Chart-ZoomButton.md index e806e13bf..3fa2eb39c 100644 --- a/chart-sdk/winforms/chart/FAQ/How-to-hide-the-Chart-ZoomButton.md +++ b/chart-sdk/winforms/chart/FAQ/How-to-hide-the-Chart-ZoomButton.md @@ -1,13 +1,13 @@ --- layout: post -title: How-to-hide-the-Chart-ZoomButton | Windows Forms | Syncfusion -description: Learn here how to hide the chart zoombutton of Syncfusion® WindowsForms Chart (Sfchart) control and more. +title: How to hide the zoom button in Windows Forms Chart | Syncfusion® +description: Learn how to hide the chart zoom button in a Windows Forms Chart and customize the visibility of zooming controls. platform: windowsforms control: chart documentation: ug --- -# How to hide the Chart ZoomButton +# How to hide the zoom button in Windows Forms Chart Syncfusion® Chart provides a way to access the ZoomOutButton through the ScrollBar instance. In order to hide this Zoom button, if Visible property is set to false, ZoomButton will be disabled, but there will be an empty space. So instead of setting Visible property, we can set the ZoomButton size to be 0. diff --git a/chart-sdk/winforms/chart/FAQ/How-to-implement-DrillDown-charts.md b/chart-sdk/winforms/chart/FAQ/How-to-implement-DrillDown-charts.md index 966eb47aa..fec1a5182 100644 --- a/chart-sdk/winforms/chart/FAQ/How-to-implement-DrillDown-charts.md +++ b/chart-sdk/winforms/chart/FAQ/How-to-implement-DrillDown-charts.md @@ -1,13 +1,13 @@ --- layout: post -title: How-to-implement-DrillDown-charts | Windows Forms | Syncfusion -description: how to implement drilldown charts +title: How to implement drilldown in Windows Forms Chart | Syncfusion® +description: Learn how to implement drilldown charts in a Windows Forms Chart and navigate between chart levels to view detailed data. platform: windowsforms control: chart documentation: ug --- -# How to implement DrillDown charts +# How to implement drilldown in Windows Forms Chart DrillDown charts can essentially be implemented by listening to the click events in the chart and either replacing the current visible chart with another chart that has drill-down information or reinitializing the chart with new drill-down information. diff --git a/chart-sdk/winforms/chart/FAQ/How-to-place-the-data-label-outside-the-chart-region.md b/chart-sdk/winforms/chart/FAQ/How-to-place-the-data-label-outside-the-chart-region.md index dc8485616..2391f3bdb 100644 --- a/chart-sdk/winforms/chart/FAQ/How-to-place-the-data-label-outside-the-chart-region.md +++ b/chart-sdk/winforms/chart/FAQ/How-to-place-the-data-label-outside-the-chart-region.md @@ -1,13 +1,13 @@ --- layout: post -title: Place-data-label-to-outside-chart | Windows Forms | Syncfusion -description: How to place the callout data label text outside the chart region in Syncfusion® Windows Forms Chart control +title: How to place data labels outside in Windows Forms Chart | Syncfusion® +description: Learn how to place callout data labels outside the chart region in a Windows Forms Chart and customize label positioning. platform: windowsforms control: chart documentation: ug --- -# How to place the data label outside the chart region +# How to place data labels outside in Windows Forms Chart ## Callout Labels diff --git a/chart-sdk/winforms/chart/FAQ/How-to-provide-input-data-of-DateTime-type.md b/chart-sdk/winforms/chart/FAQ/How-to-provide-input-data-of-DateTime-type.md index f863dec35..41af4b09c 100644 --- a/chart-sdk/winforms/chart/FAQ/How-to-provide-input-data-of-DateTime-type.md +++ b/chart-sdk/winforms/chart/FAQ/How-to-provide-input-data-of-DateTime-type.md @@ -1,13 +1,13 @@ --- layout: post -title: How-to-provide-input-data-of-DateTime-type | Windows Forms | Syncfusion -description: how to provide input data of datetime type +title: How to Provide DateTime Input Data in Chart | Syncfusion® +description: Learn how to provide DateTime input data in a Windows Forms Chart and display date-based values for chart visualization. platform: windowsforms control: chart documentation: ug --- -# How to provide input data of DateTime type +# How to provide datetime input data in Windows Forms Chart The Start Date and Time can be expressed using an instance of the DateTime class. If you want to add days, the AddDays() method can be used along with that instance. AddHours() and AddMinutes() can be used for adding any number of hours and minutes. diff --git a/chart-sdk/winforms/chart/FAQ/How-to-set-the-Color-Palette-for-a-Chart.md b/chart-sdk/winforms/chart/FAQ/How-to-set-the-Color-Palette-for-a-Chart.md index 881151933..a133dff98 100644 --- a/chart-sdk/winforms/chart/FAQ/How-to-set-the-Color-Palette-for-a-Chart.md +++ b/chart-sdk/winforms/chart/FAQ/How-to-set-the-Color-Palette-for-a-Chart.md @@ -1,13 +1,13 @@ --- layout: post -title: How-to-set-the-Color-Palette-for-a-Chart | Windows Forms | Syncfusion -description: how to set the color palette for a chart +title: How to set a color palette in Windows Forms Chart | Syncfusion® +description: Learn how to set a color palette for a Windows Forms Chart and customize the colors used to display chart series and data points. platform: windowsforms control: chart documentation: ug --- -# How to set the Color Palette for a Chart +# How to set a color palette in Windows Forms Chart ChartColorPalette.Color property can be used to specify the color palettes for the Chart.ColorPalette class. Apart from specifying predefined palettes, you can specify your own palette colors using the Custom style in the ChartColorPalette. diff --git a/chart-sdk/winforms/chart/FAQ/How-to-show-or-hide-the-tabs-in-the-series-style-d.md b/chart-sdk/winforms/chart/FAQ/How-to-show-or-hide-the-tabs-in-the-series-style-d.md index 4590c544e..e9d91cfdf 100644 --- a/chart-sdk/winforms/chart/FAQ/How-to-show-or-hide-the-tabs-in-the-series-style-d.md +++ b/chart-sdk/winforms/chart/FAQ/How-to-show-or-hide-the-tabs-in-the-series-style-d.md @@ -1,13 +1,13 @@ --- layout: post -title: How-to-show-or-hide-the-tabs-in-the-series-style-d | Windows Forms | Syncfusion -description: how to show or hide the tabs in the series style dialog in a chart +title: How to show or hide tabs in Windows Forms Chart | Syncfusion® +description: Learn how to show or hide tabs in the series style dialog of a Windows Forms Chart and customize the available style options. platform: windowsforms control: chart documentation: ug --- -# How to show or hide the tabs in the series style dialog in a Chart +# How to show or hide tabs in Windows Forms Chart The tabs in the series style dialog can be shown or hidden using the below properties settings. diff --git a/chart-sdk/winforms/chart/FAQ/How-to-specify-the-position-for-a-Floating-Legend.md b/chart-sdk/winforms/chart/FAQ/How-to-specify-the-position-for-a-Floating-Legend.md index 87834195f..01b6a09a8 100644 --- a/chart-sdk/winforms/chart/FAQ/How-to-specify-the-position-for-a-Floating-Legend.md +++ b/chart-sdk/winforms/chart/FAQ/How-to-specify-the-position-for-a-Floating-Legend.md @@ -1,13 +1,13 @@ --- layout: post -title: How-to-specify-the-position-for-a-Floating-Legend | Windows Forms | Syncfusion -description: how to specify the position for a floating legend +title: How to position a floating legend in Windows Forms Chart | Syncfusion® +description: Learn how to specify the position of a floating legend in a Windows Forms Chart and place the legend at a custom location. platform: windowsforms control: chart documentation: ug --- -# How to specify the position for a Floating Legend +# How to position a floating legend in Windows Forms Chart When the LegendPosition property of the ChartControl is set to ChartDock.Floating, the position of the legend defaults to the top-right corner of the ChartArea. Once this is done, you can specify the coordinates via the Legend.Location property of the ChartLegend. diff --git a/chart-sdk/winforms/chart/Getting-Started.md b/chart-sdk/winforms/chart/Getting-Started.md index 0b68beea9..9815dfc53 100644 --- a/chart-sdk/winforms/chart/Getting-Started.md +++ b/chart-sdk/winforms/chart/Getting-Started.md @@ -1,7 +1,7 @@ --- layout: post -title: Getting Started with Windows Forms Chart Control | Syncfusion -description: Learn here all about getting started with Syncfusion Essential® Windows Forms Chart control, its elements and more details. +title: Getting Started with Windows Forms Chart | Syncfusion® +description: Learn how to get started with the Syncfusion® Windows Forms Chart control. Explore setup, configuration, chart types, and customization options. platform: chart-sdk control: Chart documentation: ug diff --git a/chart-sdk/winforms/chart/Hit-Testing.md b/chart-sdk/winforms/chart/Hit-Testing.md index 98dcb753a..ae799fea4 100644 --- a/chart-sdk/winforms/chart/Hit-Testing.md +++ b/chart-sdk/winforms/chart/Hit-Testing.md @@ -1,7 +1,7 @@ --- layout: post -title: Hit Testing in Windows Forms Chart control | Syncfusion -description: Learn about Hit Testing support in Syncfusion Essential Studio® Windows Forms Chart control and more details. +title: Hit Testing in Windows Forms Chart | Syncfusion® +description: Hit testing in the Windows Forms Chart identifies chart elements at specific coordinates and supports interactive chart analysis. platform: chart-sdk control: Chart documentation: ug diff --git a/chart-sdk/winforms/chart/Importing.md b/chart-sdk/winforms/chart/Importing.md index 7cae09e48..0817b927b 100644 --- a/chart-sdk/winforms/chart/Importing.md +++ b/chart-sdk/winforms/chart/Importing.md @@ -1,7 +1,7 @@ --- layout: post -title: Importing in Windows Forms Chart control | Syncfusion -description: Learn about Importing support in Syncfusion Essential Studio® Windows Forms Chart control and more details. +title: Importing in Windows Forms Chart | Syncfusion® +description: Importing in the Windows Forms Chart enables chart data to be loaded from external sources for visualization and analysis. platform: chart-sdk control: Chart documentation: ug diff --git a/chart-sdk/winforms/chart/Improving-Performance.md b/chart-sdk/winforms/chart/Improving-Performance.md index d99f42743..20f08d7ff 100644 --- a/chart-sdk/winforms/chart/Improving-Performance.md +++ b/chart-sdk/winforms/chart/Improving-Performance.md @@ -1,7 +1,7 @@ --- layout: post -title: Improving Performance in Windows Forms Chart control | Syncfusion -description: Learn about Improving Performance support in Syncfusion® Windows Forms Chart control and more details. +title: Improving Performance in Windows Forms Chart | Syncfusion® +description: Improving performance in the Windows Forms Chart enables efficient rendering, faster updates, and better handling of large data volumes. platform: chart-sdk control: Chart documentation: ug diff --git a/chart-sdk/winforms/chart/Installation-and-Deployment.md b/chart-sdk/winforms/chart/Installation-and-Deployment.md deleted file mode 100644 index b0af53045..000000000 --- a/chart-sdk/winforms/chart/Installation-and-Deployment.md +++ /dev/null @@ -1,89 +0,0 @@ ---- -layout: post -title: Installation-and-Deployment | Windows Forms | Syncfusion -description: Learn here all about the installation and deployment of Syncfusion Windows Forms Chart control and more. -platform: chart-sdk -control: Chart -documentation: ug ---- - -# Installation and Deployment - -This section covers information on the install location, samples, licensing, patches update and updation of the recent version of Essential Studio. It comprises the following sub-sections: - -## Installation - -For step-by-step installation procedure for the installation of Essential Studio, refer to the Installation topic under Installation and Deployment in the Common UG. - -See Also - -For licensing, patches and information on adding or removing selective components refer the following topics in Common UG under Installation and Deployment. - -* Licensing -* Patches -* Add / Remove Components - -## Sample and Location - - -This section covers the location of the installed samples and describes the procedure to run the samples through the sample browser. It also lists the location of source code. - -### Sample Installation Location - -The Chart Windows Forms samples are installed in the following location: - -...\My Documents\Syncfusion\EssentialStudio\Version Number\Windows\Chart.Windows\Samples\2.0 - -### Viewing Samples - -To view the samples, follow the steps below - -1. Click Start-->All Programs-->Syncfusion-->Essential Studio -->Dashboard. - - - - ![Chart Installation](Installation-and-Deployment_images/Installation-and-Deployment_img1.png) - - - - -2. In the Dashboard window, click Run Samples for Windows Forms under UI Edition. The UI Windows Forms Sample Browser window is displayed. - - - - N> You can view the samples in any of the following three ways: - > * Run Samples - Click to view the locally installed samples. - > * Online Samples - Click to view online samples. - > * Explore Samples - Explore BI Web samples on disk. - - ![Chart Installation](Installation-and-Deployment_images/Installation-and-Deployment_img3.png) - - -3. Select Chart from bottom-left pane. Chart samples will be displayed. - - ![Chart Installation](Installation-and-Deployment_images/Installation-and-Deployment_img4.png) - - -4. Select any sample and browse through the features. - - ### Source Code Location - - The default location of the Chart Windows source code is - - [Install Drive]:\Program Files\Syncfusion\Essential Studio\[Version Number]\Windows\Chart.Windows\Src - - ### Deployment Requirements - - Toolbox Entries - - * ChartControl - * Sparkline - - ### Assembly List - - While deploying an application that references SyncfusionEssentialChart assembly, the following dependencies must be included in the distribution. - - * Syncfusion.Chart.Windows - * Syncfusion.Chart.Base - * Syncfusion.Shared.Base - * Syncfusion.Core \ No newline at end of file diff --git a/chart-sdk/winforms/chart/Installation-and-Deployment_images/Installation-and-Deployment_img1.png b/chart-sdk/winforms/chart/Installation-and-Deployment_images/Installation-and-Deployment_img1.png deleted file mode 100644 index e5def0b07..000000000 Binary files a/chart-sdk/winforms/chart/Installation-and-Deployment_images/Installation-and-Deployment_img1.png and /dev/null differ diff --git a/chart-sdk/winforms/chart/Installation-and-Deployment_images/Installation-and-Deployment_img2.jpeg b/chart-sdk/winforms/chart/Installation-and-Deployment_images/Installation-and-Deployment_img2.jpeg deleted file mode 100644 index eabe58f78..000000000 Binary files a/chart-sdk/winforms/chart/Installation-and-Deployment_images/Installation-and-Deployment_img2.jpeg and /dev/null differ diff --git a/chart-sdk/winforms/chart/Installation-and-Deployment_images/Installation-and-Deployment_img3.png b/chart-sdk/winforms/chart/Installation-and-Deployment_images/Installation-and-Deployment_img3.png deleted file mode 100644 index 9a76b0cc7..000000000 Binary files a/chart-sdk/winforms/chart/Installation-and-Deployment_images/Installation-and-Deployment_img3.png and /dev/null differ diff --git a/chart-sdk/winforms/chart/Installation-and-Deployment_images/Installation-and-Deployment_img4.png b/chart-sdk/winforms/chart/Installation-and-Deployment_images/Installation-and-Deployment_img4.png deleted file mode 100644 index 36684f0c4..000000000 Binary files a/chart-sdk/winforms/chart/Installation-and-Deployment_images/Installation-and-Deployment_img4.png and /dev/null differ diff --git a/chart-sdk/winforms/chart/Localization.md b/chart-sdk/winforms/chart/Localization.md index 98328b86a..2e64cf644 100644 --- a/chart-sdk/winforms/chart/Localization.md +++ b/chart-sdk/winforms/chart/Localization.md @@ -1,7 +1,7 @@ --- layout: post -title: Localization in Windows Forms Chart control | Syncfusion -description: Learn about Localization support in Syncfusion Essential Studio® Windows Forms Chart control and more details. +title: Localization in Windows Forms Chart | Syncfusion® +description: Localization in the Windows Forms Chart enables chart content and user interface elements to be displayed in different languages and regional settings. platform: chart-sdk control: Chart documentation: ug diff --git a/chart-sdk/winforms/chart/Overview.md b/chart-sdk/winforms/chart/Overview.md index 275f00336..e40d6caa2 100644 --- a/chart-sdk/winforms/chart/Overview.md +++ b/chart-sdk/winforms/chart/Overview.md @@ -1,13 +1,13 @@ --- layout: post -title: About Windows Forms Chart control | Syncfusion -description: Learn here all about introduction of Syncfusion Essential Studio® Windows Forms Chart control and more details. +title: About Syncfusion® Windows Forms Chart Control | Syncfusion® +description: Learn about the introduction of Syncfusion Essential Studio® Windows Forms Chart control, its features, capabilities, and more details. platform: chart-sdk control: Chart documentation: ug --- -# Windows Forms Chart Overview +# About Syncfusion® Windows Forms Chart Control This section covers information on Essential® Chart control, its key features, prerequisites to use the control, its compatibility with various OS and browsers and finally the documentation details complimentary with the product. It comprises the following sub sections: diff --git a/chart-sdk/winforms/chart/Printing-and-Print-Preview.md b/chart-sdk/winforms/chart/Printing-and-Print-Preview.md index dfccaf8c3..1ddb1105b 100644 --- a/chart-sdk/winforms/chart/Printing-and-Print-Preview.md +++ b/chart-sdk/winforms/chart/Printing-and-Print-Preview.md @@ -1,7 +1,7 @@ --- layout: post -title: Printing in Windows Forms Chart control | Syncfusion -description: Learn about Printing support in Syncfusion Essential Studio® Windows Forms Chart control and more details. +title: Printing in Windows Forms Chart | Syncfusion® +description: Printing in the Windows Forms Chart enables chart content to be printed with configurable settings for reporting and presentation purposes. platform: chart-sdk control: Chart documentation: ug diff --git a/chart-sdk/winforms/chart/Runtime-Features.md b/chart-sdk/winforms/chart/Runtime-Features.md index 93805d465..6e73a91ba 100644 --- a/chart-sdk/winforms/chart/Runtime-Features.md +++ b/chart-sdk/winforms/chart/Runtime-Features.md @@ -1,7 +1,7 @@ --- layout: post -title: User Interactions in Windows Forms Chart control | Syncfusion -description: Learn about User Interactions support in Syncfusion Essential Studio® Windows Forms Chart control and more details. +title: User Interactions in Windows Forms Chart | Syncfusion® +description: User interactions in the Windows Forms Chart enable selection, zooming, panning, and interactive exploration of chart data and elements. platform: chart-sdk control: Chart documentation: ug diff --git a/chart-sdk/winforms/chart/Statistical-Formulas.md b/chart-sdk/winforms/chart/Statistical-Formulas.md index b830ee553..29e2fdae3 100644 --- a/chart-sdk/winforms/chart/Statistical-Formulas.md +++ b/chart-sdk/winforms/chart/Statistical-Formulas.md @@ -1,7 +1,7 @@ --- layout: post -title: Statistical Formulas in Windows Forms Chart control | Syncfusion -description: Learn about Statistical Formulas support in Syncfusion® Windows Forms Chart control and more details. +title: Statistical Formulas in Windows Forms Chart | Syncfusion® +description: Statistical formulas in the Windows Forms Chart provide calculations for trend analysis, forecasting, and statistical data visualization. platform: chart-sdk control: Chart documentation: ug diff --git a/chart-sdk/winforms/pivot-chart/Chart-Types.md b/chart-sdk/winforms/pivot-chart/Chart-Types.md index 3eadc1301..b73abae92 100644 --- a/chart-sdk/winforms/pivot-chart/Chart-Types.md +++ b/chart-sdk/winforms/pivot-chart/Chart-Types.md @@ -1,13 +1,13 @@ --- layout: post -title: Chart Types in Windows Forms Pivot Chart control | Syncfusion -description: Learn about Chart Types support in Syncfusion® Windows Forms Pivot Chart control, its elements and more details. +title: Types in Windows Forms Pivot Chart | Syncfusion® +description: Types in the Windows Forms Pivot Chart provide multiple visualization options for presenting and analyzing summarized data effectively. platform: chart-sdk control: PivotChart documentation: ug --- -# Chart Types in Windows Forms Pivot Chart +# Types in Windows Forms Pivot Chart The pivot chart is rendered through different chart types based on the requirement. You can easily switch between different chart types dynamically. Fields bound to the chart are automatically transformed to target chart types. diff --git a/chart-sdk/winforms/pivot-chart/Data-Binding.md b/chart-sdk/winforms/pivot-chart/Data-Binding.md index 02ea6fea3..942287451 100644 --- a/chart-sdk/winforms/pivot-chart/Data-Binding.md +++ b/chart-sdk/winforms/pivot-chart/Data-Binding.md @@ -1,7 +1,7 @@ --- layout: post -title: Data Binding in Windows Forms Pivot Chart control | Syncfusion -description: Learn about Data Binding support in Syncfusion® Windows Forms Pivot Chart control, its elements and more details. +title: Data Binding in Windows Forms Pivot Chart | Syncfusion® +description: Data binding in the Windows Forms Pivot Chart connects data sources to chart elements, enabling dynamic visualization and interactive analysis. platform: chart-sdk control: PivotChart documentation: ug diff --git a/chart-sdk/winforms/pivot-chart/Drill-UpDown-Level.md b/chart-sdk/winforms/pivot-chart/Drill-UpDown-Level.md index 795a69a8f..3f65d9ca0 100644 --- a/chart-sdk/winforms/pivot-chart/Drill-UpDown-Level.md +++ b/chart-sdk/winforms/pivot-chart/Drill-UpDown-Level.md @@ -1,7 +1,7 @@ --- layout: post -title: Drill Operations in Windows Forms Pivot Chart | Syncfusion -description: Learn about Drill Operations support in Syncfusion® Windows Forms Pivot Chart control and more details. +title: Drill Operations in Windows Forms Pivot Chart | Syncfusion® +description: Drill operations in the Windows Forms Pivot Chart enable users to expand and collapse hierarchical data levels for detailed analysis and exploration. platform: chart-sdk control: PivotChart documentation: ug diff --git a/chart-sdk/winforms/pivot-chart/Export.md b/chart-sdk/winforms/pivot-chart/Export.md index c1c7cca32..9adc2f038 100644 --- a/chart-sdk/winforms/pivot-chart/Export.md +++ b/chart-sdk/winforms/pivot-chart/Export.md @@ -1,7 +1,7 @@ --- layout: post -title: Exporting in Windows Forms Pivot Chart control | Syncfusion -description: Learn about Exporting support in Syncfusion® Windows Forms Pivot Chart control, its elements and more details. +title: Exporting in Windows Forms Pivot Chart | Syncfusion® +description: Exporting in the Windows Forms Pivot Chart enables chart data and visuals to be saved in supported formats for sharing, reporting, and analysis. platform: chart-sdk control: PivotChart documentation: ug diff --git a/chart-sdk/winforms/pivot-chart/FAQ/How-to-Print-the-PivotChart.md b/chart-sdk/winforms/pivot-chart/FAQ/How-to-Print-the-PivotChart.md index d52a4cecd..169218881 100644 --- a/chart-sdk/winforms/pivot-chart/FAQ/How-to-Print-the-PivotChart.md +++ b/chart-sdk/winforms/pivot-chart/FAQ/How-to-Print-the-PivotChart.md @@ -1,13 +1,13 @@ --- layout: post -title: How to Print the PivotChart | Windows Forms | Syncfusion -description: Learn how to print a PivotChart in WinForms using the Print method in the PrintDocument extension for efficient chart printing. +title: How to print a Windows Forms Pivot Chart | Syncfusion® +description: Learn how to print a Windows Forms Pivot Chart using the Print method in the PrintDocument extension. platform: chart-sdk control: PivotChart documentation: ug --- -# How to Print the PivotChart +# How to print a Windows Forms Pivot Chart The PivotChart has built-in support to print the pivotal data. This can be achieved by using the [PrintDocument](https://help.syncfusion.com/cr/windowsforms/Syncfusion.Windows.Forms.PivotChart.PivotChart.html#Syncfusion_Windows_Forms_PivotChart_PivotChart_PrintDocument) method available in the PrintDocument extension of the PivotChart component. diff --git a/chart-sdk/winforms/pivot-chart/FAQ/How-to-enable-drill-down-in-PivotChart.md b/chart-sdk/winforms/pivot-chart/FAQ/How-to-enable-drill-down-in-PivotChart.md index 63ce43b1b..4ab61910e 100644 --- a/chart-sdk/winforms/pivot-chart/FAQ/How-to-enable-drill-down-in-PivotChart.md +++ b/chart-sdk/winforms/pivot-chart/FAQ/How-to-enable-drill-down-in-PivotChart.md @@ -1,13 +1,13 @@ --- layout: post -title: How to enable drill down in PivotChart | Windows Forms | Syncfusion -description: Learn how to enable drill down functionality in WinForms PivotChart by using the AllowDrillDown property for seamless data exploration. +title: How to enable drill down in Windows Forms Pivot Chart | Syncfusion® +description: Learn how to enable drill down functionality in the Windows Forms Pivot Chart using the AllowDrillDown property for interactive data exploration. platform: chart-sdk control: PivotChart documentation: ug --- -# How to enable drill down in PivotChart +# How to enable drill down in Windows Forms Pivot Chart The PivotChart has built-in support to drill up and down the PivotSeries population. This behavior can be achieved by enabling the [AllowDrillDown](https://help.syncfusion.com/cr/windowsforms/Syncfusion.Windows.Forms.PivotChart.PivotChart.html#Syncfusion_Windows_Forms_PivotChart_PivotChart_AllowDrillDown) property. diff --git a/chart-sdk/winforms/pivot-chart/FAQ/How-to-set-the-Color-Palette-for-a-Chart.md b/chart-sdk/winforms/pivot-chart/FAQ/How-to-set-the-Color-Palette-for-a-Chart.md index 242e99664..7a9485b38 100644 --- a/chart-sdk/winforms/pivot-chart/FAQ/How-to-set-the-Color-Palette-for-a-Chart.md +++ b/chart-sdk/winforms/pivot-chart/FAQ/How-to-set-the-Color-Palette-for-a-Chart.md @@ -1,13 +1,13 @@ --- layout: post -title: How to set color pallette for PivotChart | Windows Forms | Syncfusion -description: Learn how to apply a custom color palette in WinForms PivotChart by using the CustomPalette color collection for enhanced chart visualization. +title: How to set a color palette for Windows Forms Pivot Chart | Syncfusion® +description: Learn how to set a color palette for a Windows Forms Pivot Chart using the CustomPalette collection. platform: chart-sdk control: PivotChart documentation: ug --- -# How to set the Color Palette for a Pivot Chart +# How to set a color palette for Windows Forms Pivot Chart A custom color palette can be specified in the PivotChart by using the [CustomPalette](https://help.syncfusion.com/cr/windowsforms/Syncfusion.Windows.Forms.PivotChart.PivotChart.html#Syncfusion_Windows_Forms_PivotChart_PivotChart_CustomPalette) color collection. diff --git a/chart-sdk/winforms/pivot-chart/Getting-Started.md b/chart-sdk/winforms/pivot-chart/Getting-Started.md index 708850d2a..d6aa4d5af 100644 --- a/chart-sdk/winforms/pivot-chart/Getting-Started.md +++ b/chart-sdk/winforms/pivot-chart/Getting-Started.md @@ -1,7 +1,7 @@ --- layout: post -title: Getting Started with Windows Forms Pivot Chart | Syncfusion -description: Learn here about getting started with Syncfusion® Windows Forms Pivot Chart control, its elements and more details. +title: Getting Started with Windows Forms Pivot Chart | Syncfusion® +description: Learn how to get started with the Syncfusion® Windows Forms Pivot Chart control. Explore setup, configuration, features, and customization options. platform: chart-sdk control: PivotChart documentation: ug diff --git a/chart-sdk/winforms/pivot-chart/Grouping-Bar.md b/chart-sdk/winforms/pivot-chart/Grouping-Bar.md index 5d3f2faad..18d72bdec 100644 --- a/chart-sdk/winforms/pivot-chart/Grouping-Bar.md +++ b/chart-sdk/winforms/pivot-chart/Grouping-Bar.md @@ -1,7 +1,7 @@ --- layout: post -title: Grouping Bar in Windows Forms Pivot Chart control | Syncfusion -description: Learn about Grouping Bar support in Syncfusion® Windows Forms Pivot Chart control, its elements and more details. +title: Grouping Bar in Windows Forms Pivot Chart | Syncfusion® +description: Grouping bar in the Windows Forms Pivot Chart enables interactive organization, filtering, and arrangement of pivot fields for data analysis. platform: chart-sdk control: PivotChart documentation: ug diff --git a/chart-sdk/winforms/pivot-chart/Legend.md b/chart-sdk/winforms/pivot-chart/Legend.md index 0a1f38f2a..5ba64d49f 100644 --- a/chart-sdk/winforms/pivot-chart/Legend.md +++ b/chart-sdk/winforms/pivot-chart/Legend.md @@ -1,7 +1,7 @@ --- layout: post -title: Legend in Windows Forms Pivot Chart control | Syncfusion -description: Learn about Legend support in Syncfusion® Windows Forms Pivot Chart control, its elements and more details. +title: Legend in Windows Forms Pivot Chart | Syncfusion® +description: Legend in the Windows Forms Pivot Chart identifies data series and chart elements, supporting customization, positioning, and display options. platform: chart-sdk control: PivotChart documentation: ug diff --git a/chart-sdk/winforms/pivot-chart/Overview.md b/chart-sdk/winforms/pivot-chart/Overview.md index 992a5d12f..a02eda325 100644 --- a/chart-sdk/winforms/pivot-chart/Overview.md +++ b/chart-sdk/winforms/pivot-chart/Overview.md @@ -1,13 +1,13 @@ --- layout: post -title: About Windows Forms Pivot Chart control | Syncfusion -description: Learn here all about introduction of Syncfusion® Windows Forms Pivot Chart control, its elements and more details. +title: About Syncfusion® Windows Forms Pivot Chart Control | Syncfusion® +description: Learn about the introduction of Syncfusion Essential Studio® Windows Forms Pivot Chart control, its features, capabilities, and more details. platform: chart-sdk control: PivotChart documentation: ug --- -# Windows Forms Pivot Chart Overview +# About Syncfusion® Windows Forms Pivot Chart Control The [PivotChart](https://help.syncfusion.com/cr/windowsforms/Syncfusion.Windows.Forms.PivotChart.PivotChart.html) control for Windows Forms is a lightweight control that reads pivot information and visualizes it in a graphical format with the ability to drill up and down. It is easy to use and includes common chart types ranging from line charts to specialized charts. The PivotChart control is a visually stunning charting component that provides a perfect solution for developers to add advanced, rich, and visually appealing charts to their applications with pivotal data. diff --git a/chart-sdk/winforms/pivot-chart/Pivot-Axis.md b/chart-sdk/winforms/pivot-chart/Pivot-Axis.md index a456b83d5..90f30ecc6 100644 --- a/chart-sdk/winforms/pivot-chart/Pivot-Axis.md +++ b/chart-sdk/winforms/pivot-chart/Pivot-Axis.md @@ -1,13 +1,13 @@ --- layout: post -title: Pivot Axis in Windows Forms Pivot Chart control | Syncfusion -description: Learn about Pivot Axis support in Syncfusion® Windows Forms Pivot Chart control, its elements and more details. +title: Axis in Windows Forms Pivot Chart | Syncfusion® +description: Axis in the Windows Forms Pivot Chart defines data grouping, categories, and hierarchical levels for data visualization and analysis. platform: chart-sdk control: PivotChart documentation: ug --- -# Pivot Axis in Windows Forms Pivot Chart +# Axis in Windows Forms Pivot Chart Axis is used to locate data points in the chart area. Generally, two axes are required along each direction to locate a data point in the chart, i.e., horizontal and vertical. The pivot charts typically have two axes to measure and categorize data. diff --git a/chart-sdk/winforms/pivot-chart/PivotTableFieldList.md b/chart-sdk/winforms/pivot-chart/PivotTableFieldList.md index d8d252f78..a252cc9d3 100644 --- a/chart-sdk/winforms/pivot-chart/PivotTableFieldList.md +++ b/chart-sdk/winforms/pivot-chart/PivotTableFieldList.md @@ -1,13 +1,13 @@ --- layout: post -title: Pivot Table Field List in Windows Forms Pivot Chart | Syncfusion -description: Learn about Pivot Table Field List support in Syncfusion® Windows Forms Pivot Chart control, its elements and more details. +title: Table Field List in Windows Forms Pivot Chart | Syncfusion® +description: Table field list in the Windows Forms Pivot Chart enables interactive selection, arrangement, and filtering of pivot fields for data analysis. platform: chart-sdk control: PivotChart documentation: ug --- -# Pivot Table Field List in Windows Forms Pivot Chart +# Table Field List in Windows Forms Pivot Chart The pivot chart can be dynamically built and customized by choosing any available fields to display and choosing whether those fields should be displayed as column, row, value, or filter fields. The [PivotTableFieldList](https://help.syncfusion.com/cr/windowsforms/Syncfusion.Windows.Forms.PivotChart.PivotTableFieldList.html) also provides flexibility to wire with both the pivot chart and pivot grid. This links the pivot chart and pivot grid. diff --git a/chart-sdk/winforms/pivot-chart/Sorting.md b/chart-sdk/winforms/pivot-chart/Sorting.md index 96e2c880f..02c118ccd 100644 --- a/chart-sdk/winforms/pivot-chart/Sorting.md +++ b/chart-sdk/winforms/pivot-chart/Sorting.md @@ -1,7 +1,7 @@ --- layout: post -title: Sorting in Windows Forms Pivot Chart control | Syncfusion -description: Learn about Sorting support in Syncfusion® Windows Forms Pivot Chart control, its elements and more details. +title: Sorting in Windows Forms Pivot Chart | Syncfusion® +description: Sorting in the Windows Forms Pivot Chart enables data to be arranged in ascending or descending order for effective analysis and visualization. platform: chart-sdk control: PivotChart documentation: ug diff --git a/chart-sdk/winforms/pivot-chart/TouchSupport.md b/chart-sdk/winforms/pivot-chart/TouchSupport.md index 3a1557435..abb2425af 100644 --- a/chart-sdk/winforms/pivot-chart/TouchSupport.md +++ b/chart-sdk/winforms/pivot-chart/TouchSupport.md @@ -1,7 +1,7 @@ --- layout: post -title: Touch Support in Windows Forms Pivot Chart control | Syncfusion -description: Learn about Touch Support support in Syncfusion® Windows Forms Pivot Chart control, its elements and more details. +title: Touch Support in Windows Forms Pivot Chart | Syncfusion® +description: Touch support in the Windows Forms Pivot Chart enables touch-based interaction for navigating, exploring, and analyzing chart data. platform: chart-sdk control: PivotChart documentation: ug diff --git a/chart-sdk/winforms/pivot-chart/Zooming-and-Scrolling.md b/chart-sdk/winforms/pivot-chart/Zooming-and-Scrolling.md index 852eee338..60709b338 100644 --- a/chart-sdk/winforms/pivot-chart/Zooming-and-Scrolling.md +++ b/chart-sdk/winforms/pivot-chart/Zooming-and-Scrolling.md @@ -1,7 +1,7 @@ --- layout: post -title: Zooming and Scrolling in WinForms Pivot Chart | Syncfusion -description: Learn about Zooming and Scrolling support in Syncfusion® Windows Forms Pivot Chart control and more details. +title: Zooming and Scrolling in Windows Forms Pivot Chart | Syncfusion® +description: Zooming and scrolling in the Windows Forms Pivot Chart enable interactive navigation and exploration of chart data for detailed analysis. platform: chart-sdk control: PivotChart documentation: ug diff --git a/chart-sdk/winforms/smith-chart/Appearance.md b/chart-sdk/winforms/smith-chart/Appearance.md index 0d5378eff..f31164817 100644 --- a/chart-sdk/winforms/smith-chart/Appearance.md +++ b/chart-sdk/winforms/smith-chart/Appearance.md @@ -1,12 +1,12 @@ --- layout: post -title: Appearance in Windows Forms Smith Chart control | Syncfusion® -description: Learn about Appearance support in Syncfusion® Windows Forms Smith Chart (SfSmithChart) control and more details. +title: Appearance in Windows Forms Smith Chart | Syncfusion® +description: Appearance in the Windows Forms Smith Chart enables customization of chart visuals, colors, series styles, and display settings. platform: chart-sdk control: SfSmithChart documentation: ug --- -# Appearance in Windows Forms Smith Chart (SfSmithChart) +# Appearance in Windows Forms Smith Chart ## Chart palette diff --git a/chart-sdk/winforms/smith-chart/Axes.md b/chart-sdk/winforms/smith-chart/Axes.md index 01b8d088d..b839131fc 100644 --- a/chart-sdk/winforms/smith-chart/Axes.md +++ b/chart-sdk/winforms/smith-chart/Axes.md @@ -1,12 +1,12 @@ --- layout: post -title: Axes in Windows Forms Smith Chart control | Syncfusion® -description: Learn about Axes support in Syncfusion® Windows Forms Smith Chart (SfSmithChart) control and more details. +title: Axes in Windows Forms Smith Chart | Syncfusion® +description: Axes in the Windows Forms Smith Chart define chart coordinates, scales, labels, and grid lines for accurate data visualization. platform: chart-sdk control: SfSmithChart documentation: ug --- -# Axes in Windows Forms Smith Chart (SfSmithChart) +# Axes in Windows Forms Smith Chart The Smith chart supports the following two axes for plotting: diff --git a/chart-sdk/winforms/smith-chart/DataMarkers.md b/chart-sdk/winforms/smith-chart/DataMarkers.md index 7b6a239e2..1c6035b2f 100644 --- a/chart-sdk/winforms/smith-chart/DataMarkers.md +++ b/chart-sdk/winforms/smith-chart/DataMarkers.md @@ -1,12 +1,12 @@ --- layout: post -title: Data Markers in Windows Forms Smith Chart control | Syncfusion® -description: Learn about Data Markers support in Syncfusion® Windows Forms Smith Chart (SfSmithChart) control and more details. +title: Data Markers in Windows Forms Smith Chart | Syncfusion® +description: Data markers in the Windows Forms Smith Chart highlight data points and support customization of marker styles, shapes, and appearance. platform: chart-sdk control: SfSmithChart documentation: ug --- -# Data Markers in Windows Forms Smith Chart (SfSmithChart) +# Data Markers in Windows Forms Smith Chart Data markers are used to provide information about data points to users. You can add shapes and labels to adorn each data point. diff --git a/chart-sdk/winforms/smith-chart/GettingStarted.md b/chart-sdk/winforms/smith-chart/GettingStarted.md index 3b7e4e80b..d2a6ef358 100644 --- a/chart-sdk/winforms/smith-chart/GettingStarted.md +++ b/chart-sdk/winforms/smith-chart/GettingStarted.md @@ -1,7 +1,7 @@ --- layout: post title: Getting Started with Windows Forms Smith Chart | Syncfusion® -description: Learn here about getting started with Syncfusion® Windows Forms Smith Chart (SfSmithChart) control, its elements and more details. +description: Learn how to get started with the Syncfusion® Windows Forms Smith Chart control. Explore setup, configuration, features, and customization options. platform: chart-sdk control: SfSmithChart documentation: ug @@ -14,7 +14,7 @@ For more details on how to install the NuGet packages in a Windows Forms applica [How to install NuGet packages](https://help.syncfusion.com/windowsforms/installation/install-nuget-packages) -# Getting Started with Windows Forms Smith Chart (SfSmithChart) +# Getting Started with Windows Forms Smith Chart This section explains the steps required to build an application with the Smith chart. diff --git a/chart-sdk/winforms/smith-chart/Legend.md b/chart-sdk/winforms/smith-chart/Legend.md index 8b71009d6..951735c4f 100644 --- a/chart-sdk/winforms/smith-chart/Legend.md +++ b/chart-sdk/winforms/smith-chart/Legend.md @@ -1,12 +1,12 @@ --- layout: post -title: Legend in Windows Forms Smith Chart control | Syncfusion® -description: Learn about Legend support in Syncfusion® Windows Forms Smith Chart (SfSmithChart) control and more details. +title: Legend in Windows Forms Smith Chart | Syncfusion® +description: Legend in the Windows Forms Smith Chart identifies data series and chart elements, supporting customization, positioning, and display options. platform: chart-sdk control: SfSmithChart documentation: ug --- -# Legend in Windows Forms Smith Chart (SfSmithChart) +# Legend in Windows Forms Smith Chart Legend contains a list of chart series that appears in the Smith chart. It can be defined by using the following code example. diff --git a/chart-sdk/winforms/smith-chart/Overview.md b/chart-sdk/winforms/smith-chart/Overview.md index c29064c6b..a4f0b9789 100644 --- a/chart-sdk/winforms/smith-chart/Overview.md +++ b/chart-sdk/winforms/smith-chart/Overview.md @@ -1,12 +1,12 @@ --- layout: post -title: About Windows Forms Smith Chart control | Syncfusion® -description: Learn here all about introduction of Syncfusion® Windows Forms Smith Chart (SfSmithChart) control, its elements and more details. +title: About Syncfusion® Windows Forms Smith Chart Control | Syncfusion® +description: Learn about the introduction of Syncfusion Essential Studio® Windows Forms Smith Chart control, its features, capabilities, and more details. platform: chart-sdk control: SfSmithChart documentation: ug --- -# Windows Forms Smith Chart (SfSmithChart) Overview +# About Syncfusion® Windows Forms Smith Chart Control The Smith chart is one of the most useful data visualization tools for high-frequency circuit applications. It contains two sets of circles to plot the parameters of transmission lines. diff --git a/chart-sdk/winforms/smith-chart/Performance.md b/chart-sdk/winforms/smith-chart/Performance.md index a678615a7..765e28e0d 100644 --- a/chart-sdk/winforms/smith-chart/Performance.md +++ b/chart-sdk/winforms/smith-chart/Performance.md @@ -1,13 +1,13 @@ --- layout: post -title: Performance in Windows Forms Smith Chart control | Syncfusion® -description: Learn about Performance support in Syncfusion® Windows Forms Smith Chart (SfSmithChart) control and more details. +title: Performance in Windows Forms Smith Chart | Syncfusion® +description: Performance in the Windows Forms Smith Chart enables efficient rendering and interaction for visualizing large volumes of chart data. platform: chart-sdk control: SfSmithChart documentation: ug --- -# Performance in Windows Forms Smith Chart (SfSmithChart) +# Performance in Windows Forms Smith Chart The performance of the SfSmithChart can be improved by using the following methods. diff --git a/chart-sdk/winforms/smith-chart/RenderingMode.md b/chart-sdk/winforms/smith-chart/RenderingMode.md index 7bf072fc8..8c7f8a4e7 100644 --- a/chart-sdk/winforms/smith-chart/RenderingMode.md +++ b/chart-sdk/winforms/smith-chart/RenderingMode.md @@ -1,12 +1,12 @@ --- layout: post -title: Rendering Mode in Windows Forms Smith Chart control | Syncfusion® -description: Learn about Rendering Mode support in Syncfusion® Windows Forms Smith Chart (SfSmithChart) control and more details. +title: Rendering Mode in Windows Forms Smith Chart | Syncfusion® +description: Rendering mode in the Windows Forms Smith Chart controls how chart elements are rendered, supporting optimized visualization and performance. platform: chart-sdk control: SfSmithChart documentation: ug --- -# Rendering Mode in Windows Forms Smith Chart (SfSmithChart) +# Rendering Mode in Windows Forms Smith Chart The Smith chart provides options for plotting both impedance and admittance by using the [`RenderingMode`](https://help.syncfusion.com/cr/windowsforms/Syncfusion.WinForms.SmithChart.SfSmithChart.html#Syncfusion_WinForms_SmithChart_SfSmithChart_RenderingMode) property. diff --git a/chart-sdk/winforms/smith-chart/Series.md b/chart-sdk/winforms/smith-chart/Series.md index 0e9830d67..de09d44cc 100644 --- a/chart-sdk/winforms/smith-chart/Series.md +++ b/chart-sdk/winforms/smith-chart/Series.md @@ -1,12 +1,12 @@ --- layout: post -title: Series in Windows Forms Smith Chart control | Syncfusion® -description: Learn about Series support in Syncfusion® Windows Forms Smith Chart (SfSmithChart) control and more details. +title: Series in Windows Forms Smith Chart | Syncfusion® +description: Series in the Windows Forms Smith Chart display data using plotted points and lines, supporting customization of appearance and visualization. platform: chart-sdk control: SfSmithChart documentation: ug --- -# Series in Windows Forms Smith Chart (SfSmithChart) +# Series in Windows Forms Smith Chart Chart series is the visual representation of given data. The following APIs are used for generating the series. diff --git a/chart-sdk/winforms/smith-chart/UserInteractions.md b/chart-sdk/winforms/smith-chart/UserInteractions.md index 6b346ac3b..eae48d9c0 100644 --- a/chart-sdk/winforms/smith-chart/UserInteractions.md +++ b/chart-sdk/winforms/smith-chart/UserInteractions.md @@ -1,12 +1,12 @@ --- layout: post -title: User Interactions in Windows Forms Smith Chart control | Syncfusion® -description: Learn about User Interactions support in Syncfusion® Windows Forms Smith Chart (SfSmithChart) control and more details. +title: User Interactions in Windows Forms Smith Chart | Syncfusion® +description: User interactions in the Windows Forms Smith Chart enable selection, tooltips, and interactive exploration of chart data and elements. platform: chart-sdk control: SfSmithChart documentation: ug --- -# User Interactions in Windows Forms Smith Chart (SfSmithChart) +# User Interactions in Windows Forms Smith Chart ## Tooltip diff --git a/chart-sdk/winforms/sparkline/GettingStarted.md b/chart-sdk/winforms/sparkline/GettingStarted.md index a2242d0d0..a18a7a928 100644 --- a/chart-sdk/winforms/sparkline/GettingStarted.md +++ b/chart-sdk/winforms/sparkline/GettingStarted.md @@ -1,7 +1,7 @@ --- layout: post -title: Getting Started with Windows Forms Sparkline control | Syncfusion -description: Learn here about getting started with Syncfusion® Windows Forms Sparkline control, its elements and more details. +title: Getting Started with Windows Forms Sparkline | Syncfusion® +description: Learn how to get started with the Syncfusion® Windows Forms Sparkline control. Explore setup, data binding, features, and customization options. platform: chart-sdk control: Sparkline documentation: ug diff --git a/chart-sdk/winforms/sparkline/MarkerCustomization.md b/chart-sdk/winforms/sparkline/MarkerCustomization.md index 6e34575b3..354b69e60 100644 --- a/chart-sdk/winforms/sparkline/MarkerCustomization.md +++ b/chart-sdk/winforms/sparkline/MarkerCustomization.md @@ -1,7 +1,7 @@ --- layout: post -title: Marker Customization in Windows Forms Sparkline control | Syncfusion -description: Learn about Marker Customization support in Syncfusion® Windows Forms Sparkline control and more details. +title: Marker Customization in Windows Forms Sparkline | Syncfusion® +description: Marker customization in the Windows Forms Sparkline enables customization of marker appearance, colors, size, and visibility for data points. platform: chart-sdk control: Sparkline documentation: ug diff --git a/chart-sdk/winforms/sparkline/Overview.md b/chart-sdk/winforms/sparkline/Overview.md index 9017b6023..d3f0188cc 100644 --- a/chart-sdk/winforms/sparkline/Overview.md +++ b/chart-sdk/winforms/sparkline/Overview.md @@ -1,13 +1,13 @@ --- layout: post -title: About Windows Forms Sparkline control | Syncfusion -description: Learn here all about introduction of Syncfusion® Windows Forms Sparkline control, its elements and more details. +title: About Syncfusion® Windows Forms Sparkline Control | Syncfusion® +description: Learn about the introduction of Syncfusion Essential Studio® Windows Forms Sparkline control, its features, capabilities, and more details. platform: chart-sdk control: Sparkline documentation: ug --- -# Windows Forms Sparkline Overview +# About Syncfusion® Windows Forms Sparkline Control A Sparkline control is a type of information graphic characterized by its small size, high data density, and lightweight. It presents trends and variations in a very condensed fashion. The Sparkline does not contain an axis scale and is intended to give a high-level overview of what happened to the data over time. diff --git a/chart-sdk/winforms/sparkline/SparklineTypes.md b/chart-sdk/winforms/sparkline/SparklineTypes.md index 18a77b33b..d6741f1c8 100644 --- a/chart-sdk/winforms/sparkline/SparklineTypes.md +++ b/chart-sdk/winforms/sparkline/SparklineTypes.md @@ -1,13 +1,13 @@ --- layout: post -title: Sparkline Types in Windows Forms Sparkline control | Syncfusion -description: Learn about Sparkline Types support in Syncfusion® Windows Forms Sparkline control, its elements and more details. +title: Types in Windows Forms Sparkline | Syncfusion® +description: Types in the Windows Forms Sparkline provide multiple chart styles for visualizing trends, variations, and comparisons in data. platform: chart-sdk control: Sparkline documentation: ug --- -# Sparkline Types in Windows Forms Sparkline +# Types in Windows Forms Sparkline The Sparkline control supports three types of sparklines, and the sparkline control must be bound to a data source by using the [Source](https://help.syncfusion.com/cr/windowsforms/Syncfusion.Windows.Forms.Chart.SparkLine.html#Syncfusion_Windows_Forms_Chart_SparkLine_Source) property. It supports a variety of data sources such as DataTable and any component that implements the interfaces IEnumerable, ICollection, and IList. diff --git a/chart-sdk/winforms/treemap/Color-Mapping.md b/chart-sdk/winforms/treemap/Color-Mapping.md index b3f408fb3..c8954d599 100644 --- a/chart-sdk/winforms/treemap/Color-Mapping.md +++ b/chart-sdk/winforms/treemap/Color-Mapping.md @@ -1,7 +1,7 @@ --- layout: post -title: Color Mapping in Windows Forms TreeMap control | Syncfusion® -description: Learn about Color Mapping support in Syncfusion® Windows Forms TreeMap control, its elements and more details. +title: Color Mapping in Windows Forms TreeMap | Syncfusion® +description: Color mapping in the Windows Forms TreeMap enables visualization of data values using colors, supporting customized and meaningful data representation. platform: chart-sdk control: TreeMap documentation: ug diff --git a/chart-sdk/winforms/treemap/ColorMapping.md b/chart-sdk/winforms/treemap/ColorMapping.md deleted file mode 100644 index c4ccabc82..000000000 --- a/chart-sdk/winforms/treemap/ColorMapping.md +++ /dev/null @@ -1,345 +0,0 @@ ---- -layout: post -title: Color Mapping in TreeMap control | Syncfusion® -description: Learn here all about ColorMapping of Syncfusion® Essential Studio® Windows Forms TreeMap control, its elements, and more. -platform: chart-sdk -control: TreeMap -documentation: ug ---- - -# ColorMapping in Windows Forms TreeMap control - -The ColorMapping is categorized into four different types such as, - -* UniColorMapping -* RangeBrushColorMapping -* DesaturationColorMapping -* PaletteColorMapping - -The various colorMappings can be set in LeafColorMapping property of TreeMap. - -#### UniColorMapping - -TreeMap leaf nodes can be provided with unique colors with the help of the Color property specified using UniColorMapping. - -#### Code Sample: - -{% tabs %} - -{% highlight c# %} - -public partial class Form1 : Form -{ - TreeMap TreeMap1 = new TreeMap(); - UniColorMapping uniColorMapping = new UniColorMapping(); - - public Form1() - { - InitializeComponent(); - this.BackColor = Color.White; - - PopulationViewModel data = new PopulationViewModel(); - TreeMap1.ItemsSource = data.PopulationDetails; - TreeMap1.WeightValuePath = "Population"; - TreeMap1.ColorValuePath = "Growth"; - - TreeMapFlatLevel treeMapFlatLevel1 = new TreeMapFlatLevel(); - treeMapFlatLevel1.GroupPath = "Continent"; - TreeMap1.Levels.Add(treeMapFlatLevel1); - TreeMap1.LeafItemSettings.LabelPath = "Country"; - this.Controls.Add(TreeMap1); - - uniColorMapping.Color = Color.MediumSlateBlue; - TreeMap1.LeafColorMapping = uniColorMapping; - } -} - -{% endhighlight %} - -{% highlight vb %} - -Public Partial Class Form1 - Inherits Form - - Private TreeMap1 As New TreeMap() - Private uniColorMapping As New UniColorMapping() - - Public Sub New() - InitializeComponent() - Me.BackColor = Color.White - - Dim data As New PopulationViewModel() - TreeMap1.ItemsSource = data.PopulationDetails - TreeMap1.WeightValuePath = "Population" - TreeMap1.ColorValuePath = "Growth" - - Dim treeMapFlatLevel1 As New TreeMapFlatLevel() - treeMapFlatLevel1.GroupPath = "Continent" - TreeMap1.Levels.Add(treeMapFlatLevel1) - TreeMap1.LeafItemSettings.LabelPath = "Country" - Me.Controls.Add(TreeMap1) - - uniColorMapping.Color = Color.MediumSlateBlue - TreeMap1.LeafColorMapping = uniColorMapping - End Sub - -End Class - -{% endhighlight %} - -{% endtabs %} - -![Features_images8](Features_images/Features_img8.png) - -Leaf Nodes colored by using UniColorMapping -{:.caption} - -#### RangeBrushColorMapping - -The leaf nodes of TreeMap can be colored based upon the range (i.e., From and To) and Brush specified using RangeBrush collection of RangeBrushColorMapping. - -#### Code Sample: - -{% tabs %} - -{% highlight c# %} - -public partial class Form1 : Form -{ - TreeMap TreeMap1 = new TreeMap(); - RangeBrushColorMapping rangeBrushColorMapping = new RangeBrushColorMapping(); - - public Form1() - { - InitializeComponent(); - this.BackColor = Color.White; - - PopulationViewModel data = new PopulationViewModel(); - TreeMap1.ItemsSource = data.PopulationDetails; - TreeMap1.WeightValuePath = "Population"; - TreeMap1.ColorValuePath = "Growth"; - - TreeMapFlatLevel treeMapFlatLevel1 = new TreeMapFlatLevel(); - treeMapFlatLevel1.GroupPath = "Continent"; - TreeMap1.Levels.Add(treeMapFlatLevel1); - TreeMap1.LeafItemSettings.LabelPath = "Country"; - this.Controls.Add(TreeMap1); - - rangeBrushColorMapping.Brushes.Add(new RangeBrush() { Color = System.Drawing.ColorTranslator.FromHtml("#77D8D8"), From = 0, To = 1, LegendLabel = "1% Growth" }); - rangeBrushColorMapping.Brushes.Add(new RangeBrush() { Color = System.Drawing.ColorTranslator.FromHtml("#AED960"), From = 0, To = 2, LegendLabel = "2% Growth" }); - rangeBrushColorMapping.Brushes.Add(new RangeBrush() { Color = System.Drawing.ColorTranslator.FromHtml("#FFAF51"), From = 0, To = 3, LegendLabel = "3% Growth" }); - rangeBrushColorMapping.Brushes.Add(new RangeBrush() { Color = System.Drawing.ColorTranslator.FromHtml("#F3D240"), From = 0, To = 20, LegendLabel = "20% Growth" }); - - TreeMap1.LeafColorMapping = rangeBrushColorMapping; - } -} - -{% endhighlight %} - -{% highlight vb %} - -Public Partial Class Form1 - Inherits Form - - Private TreeMap1 As New TreeMap() - Private rangeBrushColorMapping As New RangeBrushColorMapping() - - Public Sub New() - InitializeComponent() - Me.BackColor = Color.White - - Dim data As New PopulationViewModel() - TreeMap1.ItemsSource = data.PopulationDetails - TreeMap1.WeightValuePath = "Population" - TreeMap1.ColorValuePath = "Growth" - - Dim treeMapFlatLevel1 As New TreeMapFlatLevel() - treeMapFlatLevel1.GroupPath = "Continent" - TreeMap1.Levels.Add(treeMapFlatLevel1) - TreeMap1.LeafItemSettings.LabelPath = "Country" - Me.Controls.Add(TreeMap1) - - rangeBrushColorMapping.Brushes.Add(New RangeBrush() With { .Color = System.Drawing.ColorTranslator.FromHtml("#77D8D8"), .From = 0, .To = 1, .LegendLabel = "1% Growth" }) - rangeBrushColorMapping.Brushes.Add(New RangeBrush() With { .Color = System.Drawing.ColorTranslator.FromHtml("#AED960"), .From = 0, .To = 2, .LegendLabel = "2% Growth" }) - rangeBrushColorMapping.Brushes.Add(New RangeBrush() With { .Color = System.Drawing.ColorTranslator.FromHtml("#FFAF51"), .From = 0, .To = 3, .LegendLabel = "3% Growth" }) - rangeBrushColorMapping.Brushes.Add(New RangeBrush() With { .Color = System.Drawing.ColorTranslator.FromHtml("#F3D240"), .From = 0, .To = 20, .LegendLabel = "20% Growth" }) - - TreeMap1.LeafColorMapping = rangeBrushColorMapping - End Sub - -End Class - -{% endhighlight %} - -{% endtabs %} - -![Features_images9](Features_images/Features_img9.png) - -Leaf nodes colored by using RangeBrushColorMapping -{:.caption} - -### DesaturationColorMapping - -The leaf nodes of TreeMap can be colored based upon the Color specified using DesaturationColorMapping. The RangeMinimum and RangeMaximum must be specified to determine the opacity for each leaf node. The opacity of leaf nodes are in the range of From and To mentioned in DesaturationColorMapping. - -#### Code Sample: - -{% tabs %} - -{% highlight c# %} - -public partial class Form1 : Form -{ - TreeMap TreeMap1 = new TreeMap(); - DesaturationColorMapping desaturationColorMapping = new DesaturationColorMapping(); - - public Form1() - { - InitializeComponent(); - - PopulationViewModel data = new PopulationViewModel(); - TreeMap1.ItemsSource = data.PopulationDetails; - TreeMap1.WeightValuePath = "Population"; - TreeMap1.ColorValuePath = "Growth"; - - TreeMapFlatLevel treeMapFlatLevel1 = new TreeMapFlatLevel(); - treeMapFlatLevel1.GroupPath = "Continent"; - TreeMap1.Levels.Add(treeMapFlatLevel1); - TreeMap1.LeafItemSettings.LabelPath = "Country"; - this.Controls.Add(TreeMap1); - - desaturationColorMapping.Color = Color.OrangeRed; - desaturationColorMapping.From = 220; - desaturationColorMapping.To = 0; - desaturationColorMapping.RangeMinimum = 0; - desaturationColorMapping.RangeMaximum = 80000; - this.TreeMap1.LeafColorMapping = desaturationColorMapping; - } -} - -{% endhighlight %} - -{% highlight vb %} - -Public Partial Class Form1 - Inherits Form - - Private TreeMap1 As New TreeMap() - Private desaturationColorMapping As New DesaturationColorMapping() - - Public Sub New() - InitializeComponent() - - Dim data As New PopulationViewModel() - TreeMap1.ItemsSource = data.PopulationDetails - TreeMap1.WeightValuePath = "Population" - TreeMap1.ColorValuePath = "Growth" - - Dim treeMapFlatLevel1 As New TreeMapFlatLevel() - treeMapFlatLevel1.GroupPath = "Continent" - TreeMap1.Levels.Add(treeMapFlatLevel1) - TreeMap1.LeafItemSettings.LabelPath = "Country" - Me.Controls.Add(TreeMap1) - - desaturationColorMapping.Color = Color.OrangeRed - desaturationColorMapping.From = 220 - desaturationColorMapping.To = 0 - desaturationColorMapping.RangeMinimum = 0 - desaturationColorMapping.RangeMaximum = 80000 - Me.TreeMap1.LeafColorMapping = desaturationColorMapping - End Sub - -End Class - -{% endhighlight %} - -{% endtabs %} - -![Features_images10](Features_images/Features_img10.png) - -Leaf nodes colored by using DesaturationColorMapping -{:.caption} - -### PaletteColorMapping - -The leaf nodes are colored by using the brushes mentioned in Colors collection of PaletteColorMapping. - -#### Code Sample: - -{% tabs %} - -{% highlight c# %} - -public partial class Form1 : Form -{ - TreeMap TreeMap1 = new TreeMap(); - PaletteColorMapping paletteColorMapping = new PaletteColorMapping(); - - public Form1() - { - InitializeComponent(); - - PopulationViewModel data = new PopulationViewModel(); - TreeMap1.ItemsSource = data.PopulationDetails; - TreeMap1.WeightValuePath = "Population"; - TreeMap1.ColorValuePath = "Growth"; - - TreeMapFlatLevel treeMapFlatLevel1 = new TreeMapFlatLevel(); - treeMapFlatLevel1.GroupPath = "Continent"; - TreeMap1.Levels.Add(treeMapFlatLevel1); - TreeMap1.LeafItemSettings.LabelPath = "Country"; - this.Controls.Add(TreeMap1); - - paletteColorMapping.Colors = new List() - { - new SolidBrush(Color.MediumSeaGreen), - new SolidBrush(Color.PaleVioletRed), - new SolidBrush(Color.MediumSlateBlue), - }; - TreeMap1.LeafColorMapping = paletteColorMapping; - } -} - -{% endhighlight %} - -{% highlight vb %} - -Public Partial Class Form1 - Inherits Form - - Private TreeMap1 As New TreeMap() - Private paletteColorMapping As New PaletteColorMapping() - - Public Sub New() - InitializeComponent() - - Dim data As New PopulationViewModel() - TreeMap1.ItemsSource = data.PopulationDetails - TreeMap1.WeightValuePath = "Population" - TreeMap1.ColorValuePath = "Growth" - - Dim treeMapFlatLevel1 As New TreeMapFlatLevel() - treeMapFlatLevel1.GroupPath = "Continent" - TreeMap1.Levels.Add(treeMapFlatLevel1) - TreeMap1.LeafItemSettings.LabelPath = "Country" - Me.Controls.Add(TreeMap1) - - paletteColorMapping.Colors = New List(Of Brush)() From - { - New SolidBrush(Color.MediumSeaGreen), - New SolidBrush(Color.PaleVioletRed), - New SolidBrush(Color.MediumSlateBlue) - } - TreeMap1.LeafColorMapping = paletteColorMapping - End Sub - -End Class - -{% endhighlight %} - -{% endtabs %} - -![Features_images11](Features_images/Features_img11.png) - -Leaf nodes colored by using PaletteColorMapping -{:.caption} diff --git a/chart-sdk/winforms/treemap/ColorValuePath.md b/chart-sdk/winforms/treemap/ColorValuePath.md index 4a1f738d8..f4cf23cf9 100644 --- a/chart-sdk/winforms/treemap/ColorValuePath.md +++ b/chart-sdk/winforms/treemap/ColorValuePath.md @@ -1,13 +1,13 @@ --- layout: post -title: ColorValuePath in Windows Forms TreeMap control | Syncfusion® -description: Learn about ColorValuePath support in Syncfusion® Windows Forms TreeMap control, its elements and more details. +title: Color Value Path in Windows Forms TreeMap | Syncfusion® +description: Color value path in the Windows Forms TreeMap maps data values to colors, enabling customized visualization and meaningful representation of data. platform: chart-sdk control: TreeMap documentation: ug --- -# ColorValuePath in Windows Forms TreeMap +# Color Value Path in Windows Forms TreeMap The [`ColorValuePath`](https://help.syncfusion.com/cr/windowsforms/Syncfusion.Windows.Forms.TreeMap.TreeMap.html#Syncfusion_Windows_Forms_TreeMap_TreeMap_ColorValuePath) of the tree map control is a path to a field on the source object that serves as the "color" of the object. diff --git a/chart-sdk/winforms/treemap/Customizing-Leaf-Nodes.md b/chart-sdk/winforms/treemap/Customizing-Leaf-Nodes.md index fb34778a4..c4f2b010b 100644 --- a/chart-sdk/winforms/treemap/Customizing-Leaf-Nodes.md +++ b/chart-sdk/winforms/treemap/Customizing-Leaf-Nodes.md @@ -1,13 +1,13 @@ --- layout: post -title: Customizing Leaf Nodes in Windows Forms TreeMap control | Syncfusion® -description: Learn about Customizing Leaf Nodes support in Syncfusion® Windows Forms TreeMap control and more details. +title: Leaf Nodes Customization in Windows Forms TreeMap | Syncfusion® +description: Customizing leaf nodes in the Windows Forms TreeMap enables personalization of node appearance, labels, colors, and visual elements. platform: chart-sdk control: TreeMap documentation: ug --- -# Customizing Leaf Nodes in Windows Forms TreeMap +# Leaf Nodes Customization in Windows Forms TreeMap Leaf nodes can be customized by raising the [`LeafItemDrawing`](https://help.syncfusion.com/cr/windowsforms/Syncfusion.Windows.Forms.TreeMap.TreeMap.html#Syncfusion_Windows_Forms_TreeMap_TreeMap_LeafItemDrawing) event of the tree map control. diff --git a/chart-sdk/winforms/treemap/DataBinding.md b/chart-sdk/winforms/treemap/DataBinding.md index c3977c197..11eab4fbd 100644 --- a/chart-sdk/winforms/treemap/DataBinding.md +++ b/chart-sdk/winforms/treemap/DataBinding.md @@ -1,13 +1,13 @@ --- layout: post -title: Data Binding in TreeMap control | Syncfusion® -description: Learn here all about DataBinding of Syncfusion® Essential Studio® Windows Forms TreeMap control, its elements, and more. +title: Data Binding in Windows Forms TreeMap | Syncfusion® +description: Data binding in the Windows Forms TreeMap enables visualization of hierarchical data through grouping, mapping, and interactive data representation. platform: chart-sdk control: TreeMap documentation: ug --- -# DataBinding in Windows Forms TreeMap control +# Data Binding in Windows Forms TreeMap TreeMap control supports Data Binding and it can be achieved using ItemsSource property. diff --git a/chart-sdk/winforms/treemap/Features.md b/chart-sdk/winforms/treemap/Features.md deleted file mode 100644 index 4d648a0c6..000000000 --- a/chart-sdk/winforms/treemap/Features.md +++ /dev/null @@ -1,1582 +0,0 @@ ---- -layout: post -title: Features in TreeMap control | Syncfusion® -description: Learn here all about features of Syncfusion® Essential Studio® Windows Forms TreeMap control, its elements, and more. -platform: chart-sdk -control: TreeMap -documentation: ug ---- - -# Features of Windows Forms TreeMap control - -## WeightValuePath - -The WeightValuePath ofTreeMap is a path to a field on the source object, which serves as the "weight" of the object. - -> Note: The specified field must be available in each and every sub class (object) defined in hierarchical (nested) data collection. - - - -## ColorValuePath - -The ColorValuePath ofTreeMap is a path to a field on the source object, which serves as the "color" of the object. - -## DataBinding - -TreeMap control supports Data Binding and it can be achieved using ItemsSource property. - -The ItemsSource property accepts the collection values as input. For example, you can provide the list of objects as input. The following code illustrates you on how to bind a flat collection as items source for TreeMap. - -{% highlight c# %} - -public partial class Form1 : Form - - { - - TreeMap TreeMap1 = new TreeMap(); - - public Form1() - - { - - InitializeComponent(); - - - - PopulationViewModel data = new PopulationViewModel(); - - TreeMap1.ItemsSource = data.PopulationDetails; - - TreeMap1.ColorValuePath = "Growth"; - - This.Controls.Add(TreeMap1); - - } - - } - -{% endhighlight %} - -> Note: The specified field must be available in each and every sub class (object) defined in hierarchical (nested) data collection. - - - - - -## TreeMap Levels - -The levels of TreeMap can be categorized into two types such as, - -* TreeMapFlatLevel -* TreeMapHierarchicalLevel - -### TreeMapFlatLevel - - -The TreeMapFlatLevel is used to define levels for flat data collection. - -#### ItemsSource: - -The ItemsSource set for TreeMap must be a flat collection of data. The following code shows how to bind a flat collection as ItemsSource to a TreeMap. - -#### Code Sample: - - - - - -{% highlight c# %} - - - -public partial class Form1 : Form - - { - - TreeMap TreeMap1 = new TreeMap(); - - - - public Form1() - - { - - InitializeComponent(); - - - - PopulationViewModel data = new PopulationViewModel(); - - TreeMap1.ItemsSource = data.PopulationDetails; - - TreeMap1.WeightValuePath = "Population"; - - TreeMap1.ColorValuePath = "Growth"; - - this.Controls.Add(TreeMap1); - - - - } - - } - - - - public class PopulationViewModel - - { - - public PopulationViewModel() - - { - - this.PopulationDetails = new - - ObservableCollection(); - -PopulationDetails.Add(new PopulationDetail() { Continent = "Asia", Country = "Indonesia", Growth = 3, Population = 237641326 }); - -PopulationDetails.Add(new PopulationDetail() { Continent = "Asia", Country = "Russia", Growth = 2, Population = 152518015 }); - -PopulationDetails.Add(new PopulationDetail() { Continent = "North America", Country = "United States", Growth = 4, Population = 315645000 }); - -PopulationDetails.Add(new PopulationDetail() { Continent = "North America", Country = "Mexico", Growth = 2, Population = 112336538 }); - - PopulationDetails.Add(new PopulationDetail() { Continent = "Africa", Country = "Nigeria", Growth = 2, Population = 170901000 }); - - PopulationDetails.Add(new PopulationDetail() { Continent = "Africa", Country = "Egypt", Growth = 1, Population = 83661000 }); - - PopulationDetails.Add(new PopulationDetail() { Continent = "Europe", Country = "Germany", Growth = 1, Population = 81993000 }); - - PopulationDetails.Add(new PopulationDetail() { Continent = "Europe", Country = "France", Growth = 1, Population = 65605000 }); - - PopulationDetails.Add(new PopulationDetail() { Continent = "Europe", Country = "UK", Growth = 1, Population = 63181775 }); - - } - - public ObservableCollection PopulationDetails - - { - - get; - - set; - - } - - public class PopulationDetail - - { - - public string Continent { get; set; } - - public string Country { get; set; } - - public double Growth { get; set; } - - public double Population { get; set; } - - } - - } - - - -{% endhighlight %} - - - -### GroupPath: - -You must specify the GroupPath for each and every flat level of TreeMap. It is a path to a field on the source object, which serves as the “Group” for the levels specified. Based upon the GroupPath, the data is grouped in the TreeMap. If GroupPath is not specified, then the items are not grouped, and it is shown in the order, in which they are specified in the ItemsSource. - -### Code Sample: - - - - - -{% highlight c# %} - - - -public partial class Form1 : Form - - { - - TreeMap TreeMap1 = new TreeMap(); - - - - public Form1() - - { - - InitializeComponent(); - - - - PopulationViewModel data = new PopulationViewModel(); - - TreeMap1.ItemsSource = data.PopulationDetails; - - TreeMap1.WeightValuePath = "Population"; - - TreeMap1.ColorValuePath = "Growth"; - - TreeMapFlatLevel treeMapFlatLevel1 = new TreeMapFlatLevel(); - - treeMapFlatLevel1.GroupPath = "Continent"; - - TreeMapFlatLevel treeMapFlatLevel2 = new TreeMapFlatLevel(); - - treeMapFlatLevel2.GroupPath = "Country"; - - this.Controls.Add(TreeMap1); - - - - } - - } - -{% endhighlight %} - - - - - -### GroupGap: - -You can specify GroupGap for separating the items of every flat level and it is used to differentiate the levels mentioned for TreeMap. - -### Code Sample: - - - - - -{% highlight c# %} - - - -public partial class Form1 : Form - - { - - TreeMap TreeMap1 = new TreeMap(); - - - - public Form1() - - { - - InitializeComponent(); - - - - PopulationViewModel data = new PopulationViewModel(); - - TreeMap1.ItemsSource = data.PopulationDetails; - - TreeMap1.WeightValuePath = "Population"; - - TreeMap1.ColorValuePath = "Growth"; - - TreeMapFlatLevel treeMapFlatLevel1 = new TreeMapFlatLevel(); - - treeMapFlatLevel1.GroupPath = "Continent"; - - treeMapFlatLevel1.GroupGap = 10; - - TreeMap1.Levels.Add(treeMapFlatLevel1); - - this.Controls.Add(TreeMap1); - - - - } - - } - -{% endhighlight %} - -### TreeMapHierarchicalLevel: - -TreeMapHierarchicalLevel is used to define levels for hierarchical data collection which contains tree-structured data. - -#### ChildPath: - -You must specify ChildPath for each and every hierarchical level of TreeMap. It is a path to a field on the source object, which serves as the “Child” for the level specified. Based upon the ChildPath, the treemap contains child items. - -#### ChildGap: - -You can specify ChildGap for separating the child items of every level and it is used to differentiate the levels mentioned for TreeMap. - -#### Code Sample: - - - - - -{% highlight c# %} - - - -public partial class Form1 : Form - - { - - TreeMap TreeMap1 = new TreeMap(); - - - - public Form1() - - { - - InitializeComponent(); - - - - CountrySalesCollection data = new CountrySalesCollection (); - - TreeMap1.ItemsSource = data; - - TreeMap1.WeightValuePath = "Sales"; - - TreeMap1.ColorValuePath = "Expense"; - - TreeMapHierarchicalLevel hierarchicalLevel1 = new TreeMapHierarchicalLevel (); - - hierarchicalLevel1.ChildPath = " RegionalSales "; - - hierarchicalLevel1v.ChildGap = 10; - - TreeMap1.Levels.Add(hierarchicalLevel1); - - TreeMapHierarchicalLevel hierarchicalLevel2 = new TreeMapHierarchicalLevel (); - - hierarchicalLevel2.ChildPath = "Name"; - - hierarchicalLevel2.ChildGap = 5; - - TreeMap1.Levels.Add(hierarchicalLevel2); - - this.Controls.Add(TreeMap1); - - - - } - - } - -{% endhighlight %} - - - -{% highlight c# %} - - - - public class CountrySalesCollection : ObservableCollection - - { - - public CountrySalesCollection() - - { - - this.Add(new CountrySale() { Name = "United States", Sales = 98456, Expense = 87000 }); - - this.Add(new CountrySale() { Name = "Canada", Sales = 43523, Expense = 40000 }); - - this.Add(new CountrySale() { Name = "Mexico", Sales = 45634, Expense = 46000 }); - - this[0].RegionalSalesCollection.Add(new RegionSale() { Country = "United States", Name = "New York", Sales = 2353, Expense = 2000 }); - - this[0].RegionalSalesCollection.Add(new RegionSale() { Country = "United States", Name = "Los Angeles", Sales = 3453, Expense = 3000 }); - - this[0].RegionalSalesCollection.Add(new RegionSale() { Country = "United States", Name = "San Francisco", Sales = 8456, Expense = 8000 }); - - this[0].RegionalSalesCollection.Add(new RegionSale() { Country = "United States", Name = "Chicago", Sales = 6785, Expense = 7000 }); - - this[0].RegionalSalesCollection.Add(new RegionSale() { Country = "United States", Name = "Miami", Sales = 7045, Expense = 6000 }); - - this[1].RegionalSalesCollection.Add(new RegionSale() { Country = "Canada", Name = "Toronto", Sales = 7045, Expense = 7000 }); - - this[1].RegionalSalesCollection.Add(new RegionSale() { Country = "Canada", Name = "Vancouver", Sales = 4352, Expense = 4000 }); - - this[1].RegionalSalesCollection.Add(new RegionSale() { Country = "Canada", Name = "Winnipeg", Sales = 7843, Expense = 7500 }); - - - - this[2].RegionalSalesCollection.Add(new RegionSale() { Country = "Mexico", Name = "Mexico City", Sales = 7843, Expense = 6500 }); - - this[2].RegionalSalesCollection.Add(new RegionSale() { Country = "Mexico", Name = "Cancun", Sales = 6683, Expense = 6000 }); } - - } - - - - public class CountrySale : INotifyPropertyChanged - - { - - public string Name { get; set; } - - private double _sales = 0; - - public double Sales - - { - - get { return _sales; } - - set - - { - - if (_sales != value) - - { - - _sales = value; - - this.OnPropertyChanged(new - - PropertyChangedEventArgs("Sales")); - - } - - } - - } - - private double _expense = 0; - - public double Expense - - { - - get { return _expense; } - - set - - { - - if (_expense != value) - - { - - _expense = value; - - this.OnPropertyChanged(new - - PropertyChangedEventArgs("Expense")); - - } - - } - - } - - public ObservableCollection RegionalSalesCollection - - { get; set; } - - public CountrySale() - - { - - this.RegionalSalesCollection = new ObservableCollection(); - - } - - #region INotifyPropertyChanged Members - - public event PropertyChangedEventHandler PropertyChanged; - - protected void OnPropertyChanged(PropertyChangedEventArgs e) - - { - - if (this.PropertyChanged != null) - - this.PropertyChanged.Invoke(this, e); - - } - - #endregion - - } - - - - public class RegionSale : INotifyPropertyChanged - - { - - public string Name { get; set; } - - public string Country { get; set; } - - private double _sales = 0; - - public double Sales - - { - - get { return _sales; } - - set - - { - - if (_sales != value) - - { - - _sales = value; - - this.OnPropertyChanged(new - - PropertyChangedEventArgs("Sales")); - - } - - } - - } - - private double _expense = 0; - - public double Expense - - { - - get { return _expense; } - - set - - { - - if (_expense != value) - - { - - _expense = value; - - this.OnPropertyChanged(new - - PropertyChangedEventArgs("Expense")); - - } - - } - - } - - - - #region INotifyPropertyChanged Members - - - - public event PropertyChangedEventHandler PropertyChanged; - - protected void OnPropertyChanged(PropertyChangedEventArgs e) - - { - - if (this.PropertyChanged != null) - - this.PropertyChanged.Invoke(this, e); - - } - - - - #endregion - - } - -{% endhighlight %} - -> Note: The specified field must be a collection of sub class (object) specified in the nested data collection. - - - -## TreeMap Layout - -The ItemsLayoutMode for TreeMap specifies the layout mode of the tree map items. This layout is applied for all the tree map levels. There are four different TreeMap layouts such as, - -### Squarified Layout - -In this layout the data is visualized in the form of square-like rectangles with best aspect ratio. - -The following code illustrates how to set a squarified layout in Treemap. - -#### Code Sample: - - - - - -{% highlight c# %} - - - -public partial class Form1 : Form - - { - - TreeMap TreeMap1 = new TreeMap(); - - - - public Form1() - - { - - InitializeComponent(); - - - - PopulationViewModel data = new PopulationViewModel(); - - TreeMap1.ItemsSource = data.PopulationDetails; - - TreeMap1.WeightValuePath = "Population"; - - TreeMap1.ColorValuePath = "Growth"; - - TreeMap1.ItemsLayoutMode = Syncfusion.Windows.Forms.TreeMap.ItemsLayoutModes. Squarified; - - - - TreeMapFlatLevel treeMapFlatLevel1 = new TreeMapFlatLevel(); - - treeMapFlatLevel1.GroupPath = "Continent"; - - TreeMap1.Levels.Add(treeMapFlatLevel1); - - TreeMap1.LeafItemSettings.LabelPath ="Country"; - - this.Controls.Add(TreeMap1); - - } - - - - } - -{% endhighlight %} - -The following screen shot illustrates a squarified layout. - - - -![Features_images4](Features_images/Features_img4.png) - - - - - -_Figure_ _1_: _Squarified layout_ - - - -### SliceAndDiceAuto Layout: - -In this layout the data is visualized in the form of long-thin rectangles with high aspect ratio, which can be displayed either vertically or horizontally. - -The following code illustrates how to set a slice and dice layout in Treemap. - -### Code Sample: - - - - - -{% highlight c# %} - - - -public partial class Form1 : Form - - { - - TreeMap TreeMap1 = new TreeMap(); - - - - public Form1() - - { - - InitializeComponent(); - - // ...          - - TreeMap1.ItemsLayoutMode = Syncfusion.Windows.Forms.TreeMap.ItemsLayoutModes. SliceAndDiceAuto; - - // ...          - - } - - - - } - -{% endhighlight %} - -The following screen shot illustrates a slice-and-dice layout. - - - - - - - -![Features_images5](Features_images/Features_img5.png) - - - -_Figure_ _2_: _Slice-and-dice layout_ - - - -### SliceAndDiceHorizontal Layout: - -The following code illustrates how to set a slice and dice layout horizontally in Treemap. - -#### Code Sample: - - - -{% highlight c# %} - - - -public partial class Form1 : Form - - { - - TreeMap TreeMap1 = new TreeMap(); - - - - public Form1() - - { - - InitializeComponent(); - - // ...          - - - - TreeMap1.ItemsLayoutMode = Syncfusion.Windows.Forms.TreeMap.ItemsLayoutModes. SliceAndDiceHorizontal; - - // ...          - - - - } - - - - } - -{% endhighlight %} - -The following screen shot shows a Slice-and-dice treemap in horizontal layout. - - - - - - - - -
-{{ ' ![Features_images6](Features_images/Features_img6.png)' | markdownify }} - -{{ '_Figure_' | markdownify }}{{ '_3_' | markdownify }}{{ '_: Slice-and-dice treemap in horizontal layout_' | markdownify }}
-
- -### SliceAndDiceVertical Layout: - -The following code illustrates how to set a slice and dice layout vertically in Treemap. - -#### Code Sample: - - - - - -{% highlight c# %} - - - -public partial class Form1 : Form - - { - - TreeMap TreeMap1 = new TreeMap(); - - - - public Form1() - - { - - InitializeComponent(); - - - - // ...          - - - - - - TreeMap1.ItemsLayoutMode = Syncfusion.Windows.Forms.TreeMap.ItemsLayoutModes. SliceAndDiceVertical; - - // ...          - - - -} - - - - } - -{% endhighlight %} - -The following screen shot shows a Slice-and-dice treemap in vertical layout. - - - -![Features_images7](Features_images/Features_img7.png) - - - - - - - -_Figure_ _4_: _Slice-and-dice treemap in vertical layout_ - - - -## ColorMapping - -The ColorMapping is categorized into four different types such as, - -* UniColorMapping -* RangeBrushColorMapping -* DesaturationColorMapping -* PaletteColorMapping - -The various colorMappings can be set in LeafColorMapping property of TreeMap. - -#### UniColorMapping - -TreeMap leaf nodes can be provided with unique colors with the help of the Color property specified using UniColorMapping. - -#### Code Sample: - - - -{% highlight c# %} - - - -public partial class Form1 :Form - - { - - TreeMap TreeMap1 = new TreeMap(); - - UniColorMapping uniColorMapping = new UniColorMapping(); - - - - public Form1() - - { - - InitializeComponent(); - - this.BackColor = Color.White; - - - - PopulationViewModel data = new PopulationViewModel(); - - TreeMap1.ItemsSource = data.PopulationDetails; - - TreeMap1.WeightValuePath = "Population"; - - TreeMap1.ColorValuePath = "Growth"; - - - - TreeMapFlatLevel treeMapFlatLevel1 = new TreeMapFlatLevel(); - - treeMapFlatLevel1.GroupPath = "Continent"; - - TreeMap1.Levels.Add(treeMapFlatLevel1); - - TreeMap1.LeafItemSettings.LabelPath ="Country"; - - this.Controls.Add(TreeMap1); - - - - - -uniColorMapping.Color = Color.MediumSlateBlue; - - TreeMap1.LeafColorMapping = uniColorMapping; - - } - - - - } - - - -{% endhighlight %} - - - - - -![Features_images8](Features_images/Features_img8.png) - - - -_Figure_ _5_: _Leaf Nodes colored by using UniColorMapping_ - - - - - -#### RangeBrushColorMapping - -The leaf nodes of TreeMap can be colored based upon the range (i.e., From and To) and Brush specified using RangeBrush collection of RangeBrushColorMapping. - -#### Code Sample: - - - - - -{% highlight c# %} - - - -public partial class Form1 : Form - - { - - TreeMap TreeMap1 = new TreeMap(); - -RangeBrushColorMapping rangeBrushColorMapping = new RangeBrushColorMapping(); - - public Form1() - - { - - InitializeComponent(); - - this.BackColor = Color.White; - - - - PopulationViewModel data = new PopulationViewModel(); - - TreeMap1.ItemsSource = data.PopulationDetails; - - TreeMap1.WeightValuePath = "Population"; - - TreeMap1.ColorValuePath = "Growth"; - - - - TreeMapFlatLevel treeMapFlatLevel1 = new TreeMapFlatLevel(); - - treeMapFlatLevel1.GroupPath = "Continent"; - - TreeMap1.Levels.Add(treeMapFlatLevel1); - - TreeMap1.LeafItemSettings.LabelPath ="Country"; - - this.Controls.Add(TreeMap1); - - - - - - - -rangeBrushColorMapping.Brushes.Add(new RangeBrush() { Color = System.Drawing.ColorTranslator.FromHtml("#77D8D8"), From = 0, To = 1, LegendLabel = "1% Growth" }); - - rangeBrushColorMapping.Brushes.Add(new RangeBrush() { Color = System.Drawing.ColorTranslator.FromHtml("#AED960"), From = 0, To = 2, LegendLabel = "2% Growth" }); - - rangeBrushColorMapping.Brushes.Add(new RangeBrush() { Color = System.Drawing.ColorTranslator.FromHtml("#FFAF51"), From = 0, To = 3, LegendLabel = "3% Growth" }); - - rangeBrushColorMapping.Brushes.Add(new RangeBrush() { Color = System.Drawing.ColorTranslator.FromHtml("#F3D240"), From = 0, To = 20, LegendLabel = "20% Growth" }); - - - - TreeMap1.LeafColorMapping = rangeBrushColorMapping; - - - - } - - - - } - - -{% endhighlight %} - - - - -![Features_images9](Features_images/Features_img9.png) - - - -_Figure_ _6_: _Leaf nodes colored by using RangeBrushColorMapping_ - - - -### DesaturationColorMapping - -The leaf nodes of TreeMap can be colored based upon the Color specified using DesaturationColorMapping. The RangeMinimum and RangeMaximum must be specified to determine the opacity for each leaf node. The opacity of leaf nodes are in the range of From and To mentioned in DesaturationColorMapping. - -#### Code Sample: - - - - - -{% highlight c# %} - - - -public partial class Form1 : Form - - { - - TreeMap TreeMap1 = new TreeMap(); - - DesaturationColorMapping desaturationColorMapping = new DesaturationColorMapping(); - - - - public Form1() - - { - - InitializeComponent(); - - - - PopulationViewModel data = new PopulationViewModel(); - - TreeMap1.ItemsSource = data.PopulationDetails; - - TreeMap1.WeightValuePath = "Population"; - - TreeMap1.ColorValuePath = "Growth"; - - - - TreeMapFlatLevel treeMapFlatLevel1 = new TreeMapFlatLevel(); - - treeMapFlatLevel1.GroupPath = "Continent"; - - TreeMap1.Levels.Add(treeMapFlatLevel1); - - TreeMap1.LeafItemSettings.LabelPath ="Country"; - - this.Controls.Add(TreeMap1); - - - - - - - - desaturationColorMapping.Color = Color.OrangeRed; - - desaturationColorMapping.From = 220; - - desaturationColorMapping.To = 0; - - desaturationColorMapping.RangeMinimum = 0; - - desaturationColorMapping.RangeMaximum = 80000; - - this.TreeMap1.LeafColorMapping = desaturationColorMapping; - - } - - - - - - } - - -{% endhighlight %} - - - - -![Features_images10](Features_images/Features_img10.png) - - - -_Figure_ _7_: _Leaf nodes colored by using DesaturationColorMapping_ - - - -### PaletteColorMapping - -The leaf nodes are colored by using the brushes mentioned in Colors collection of PaletteColorMapping. - -#### Code Sample: - - - - - -{% highlight c# %} - - - -public partial class Form1 : Form - - { - - TreeMap TreeMap1 = new TreeMap(); - - PaletteColorMapping paletteColorMapping = new PaletteColorMapping(); - - - - public Form1() - - { - - InitializeComponent(); - - - - PopulationViewModel data = new PopulationViewModel(); - - TreeMap1.ItemsSource = data.PopulationDetails; - - TreeMap1.WeightValuePath = "Population"; - - TreeMap1.ColorValuePath = "Growth"; - - - - TreeMapFlatLevel treeMapFlatLevel1 = new TreeMapFlatLevel(); - - treeMapFlatLevel1.GroupPath = "Continent"; - - TreeMap1.Levels.Add(treeMapFlatLevel1); - - TreeMap1.LeafItemSettings.LabelPath ="Country"; - - this.Controls.Add(TreeMap1); - - - - paletteColorMapping.Colors = new List() - - { - - new SolidBrush(Color.MediumSeaGreen), - - new SolidBrush(Color.PaleVioletRed), - - new SolidBrush(Color.MediumSlateBlue), - - }; - - TreeMap1.LeafColorMapping = paletteColorMapping; - - } - -} - - - - - -{% endhighlight %} - - - -![Features_images11](Features_images/Features_img11.png) - - - -_Figure_ _8_: _Leaf nodes colored by using PaletteColorMapping_ - - - -## TreeMap Legend - -TreeMap legend is used to easily demonstrate about the color value of leaf nodes. But this legend could be appropriate only for the treemap having leaf nodes colored by using RangeBrushColorMapping. The labels of the legend item can be customized by specifying LegendLabel of RangeBrush mentioned in the Brushes of RangeBrushColorMapping. - -The icon of legend item can be set by LegendIconStyle of TreeMapLegend. Custom legend icon can be set by assigning DataTemplate to LegendIconTemplate with LegendIconStyle as “Custom”. The width and height of the legend icon can be modified by setting LegendIconWidth and LegendIconHeight of TreeMapLegend. - - - -The legend can be positioned to Left, Right, Top or Bottom of TreeMap with the help of LegendPosition property. - - - -#### Code Sample: - - - - - -{% highlight c# %} - - - -public partial class Form1 : Form - - { - - TreeMap TreeMap1 = new TreeMap(); - - - - public Form1() - - { - - InitializeComponent(); - - - - PopulationViewModel data = new PopulationViewModel(); - - TreeMap1.ItemsSource = data.PopulationDetails; - - TreeMap1.WeightValuePath = "Population"; - - TreeMap1.ColorValuePath = "Growth"; - - TreeMap1.LegendType = LegendTypes.Ellipse; - - TreeMap1.LegendGap = 150; - - TreeMap1.LegendPosition = LegendPositions.Top; - - TreeMap1.Dock = DockStyle.Fill; - - - - TreeMapFlatLevel treeMapFlatLevel1 = new TreeMapFlatLevel(); - - treeMapFlatLevel1.GroupPath = "Continent"; - - TreeMap1.Levels.Add(treeMapFlatLevel1); - - TreeMap1.LeafItemSettings.LabelPath ="Country"; - -RangeBrushColorMapping rangeBrushColorMapping = new RangeBrushColorMapping(); - - rangeBrushColorMapping.Brushes.Add(new RangeBrush() { Color = System.Drawing.ColorTranslator.FromHtml("#77D8D8"), From = 0, To = 1, LegendLabel = "1% Growth" }); - - rangeBrushColorMapping.Brushes.Add(new RangeBrush() { Color = System.Drawing.ColorTranslator.FromHtml("#AED960"), From = 0, To = 2, LegendLabel = "2% Growth" }); - - rangeBrushColorMapping.Brushes.Add(new RangeBrush() { Color = System.Drawing.ColorTranslator.FromHtml("#FFAF51"), From = 0, To = 3, LegendLabel = "3% Growth" }); - - rangeBrushColorMapping.Brushes.Add(new RangeBrush() { Color = System.Drawing.ColorTranslator.FromHtml("#F3D240"), From = 0, To = 20, LegendLabel = "20% Growth" }); - - TreeMap1.LeafColorMapping = rangeBrushColorMapping; - - this.Controls.Add(TreeMap1); - - - - } - -} - -{% endhighlight %} - -![Features_images12](Features_images/Features_img12.png) - - - -_Figure_ _9_: _TreeMap with Legend_ - - - -## Headers and Labels - -### Headers - -To show headers in TreeMap, you can set the HeaderHeight property of TreeMapLevel. - -#### Code Sample: - - - - - -{% highlight c# %} - - - -public partial class Form1 : Form - - { - - TreeMap TreeMap1 = new TreeMap(); - - - - public Form1() - - { - - InitializeComponent(); - - - - PopulationViewModel data = new PopulationViewModel(); - - TreeMap1.ItemsSource = data.PopulationDetails; - - TreeMap1.WeightValuePath = "Population"; - - TreeMap1.ColorValuePath = "Growth"; - - TreeMap1.HeaderBrush = new SolidBrush(Color.Red); - - TreeMap1.HeaderBorderThickness = 5; - - - - TreeMapFlatLevel treeMapFlatLevel1 = new TreeMapFlatLevel(); - - treeMapFlatLevel1.GroupPath = "Continent"; - - TreeMap1.Levels.Add(treeMapFlatLevel1); - - TreeMap1.LeafItemSettings.LabelPath ="Country"; - - this.Controls.Add(TreeMap1); - - } - -} - -{% endhighlight %} - - - -![Features_images13](Features_images/Features_img13.png) - - - -_Figure_ _10_: _TreeMap with Headers_ - - - -### Labels - -To show labels in TreeMap, ShowLabels of TreeMapLevel should be enabled to True. - -#### Code Sample: - - - -{% highlight c# %} - - - -public partial class Form1 : Form - - { - - TreeMap TreeMap1 = new TreeMap(); - - - - public Form1() - - { - - InitializeComponent(); - - - - PopulationViewModel data = new PopulationViewModel(); - - TreeMap1.ItemsSource = data.PopulationDetails; - - TreeMap1.WeightValuePath = "Population"; - - TreeMap1.ColorValuePath = "Growth"; - - - - TreeMapFlatLevel treeMapFlatLevel1 = new TreeMapFlatLevel(); - - treeMapFlatLevel1.GroupPath = "Continent"; - - treeMapFlatLevel1.ShowLabels = true; - - TreeMap1.Levels.Add(treeMapFlatLevel1); - - TreeMap1.LeafItemSettings.LabelPath ="Country"; - - this.Controls.Add(TreeMap1); - - - - - - } - -} - - -{% endhighlight %} - - -![Features_images14](Features_images/Features_img14.png) - - - -_Figure_ _11_: _TreeMap with Labels_ - - - -## Leaf Item Setting - -You can customize the Leaf level TreeMap items using LeafItemSettings. Label values take the property of bound object that is referred in the labelPath when defined. - - - -## ToolTip Support - -You can enable ToolTip for TreeMap by setting ShowToolTip to “True”. - -#### Code Sample: - - - - - -{% highlight c# %} - - - -public partial class Form1 : Form - - { - - TreeMap TreeMap1 = new TreeMap(); - - - - public Form1() - - { - - InitializeComponent(); - - - - PopulationViewModel data = new PopulationViewModel(); - - TreeMap1.ItemsSource = data.PopulationDetails; - - TreeMap1.WeightValuePath = "Population"; - - TreeMap1.ColorValuePath = "Growth"; - - ToolTipInfo itemInfoHead = new ToolTipInfo(); - - itemInfoHead.ToolTipHeaderPattern = "{Label}"; - - itemInfoHead.ToolTipContentPattern = "Growth \t : {Growth} % "; - - TreeMap1.HeaderToolTipInfo = itemInfoHead; - - ToolTipInfo itemInfo = new ToolTipInfo(); - - itemInfo.ToolTipHeaderPattern = "{Country}"; - - itemInfo.ToolTipContentPattern = "Growth \t : {Growth} % \nPopulation : {StrPopulation} "; - - TreeMap1.ItemToolTipInfo = itemInfo; - - - - - - RangeBrushColorMapping rangeBrushColorMapping = new RangeBrushColorMapping(); - - rangeBrushColorMapping.Brushes.Add(new RangeBrush() { Color = System.Drawing.ColorTranslator.FromHtml("#77D8D8"), From = 0, To = 1, LegendLabel = "1% Growth" }); - - rangeBrushColorMapping.Brushes.Add(new RangeBrush() { Color = System.Drawing.ColorTranslator.FromHtml("#AED960"), From = 0, To = 2, LegendLabel = "2% Growth" }); - - rangeBrushColorMapping.Brushes.Add(new RangeBrush() { Color = System.Drawing.ColorTranslator.FromHtml("#FFAF51"), From = 0, To = 3, LegendLabel = "3% Growth" }); - - rangeBrushColorMapping.Brushes.Add(new RangeBrush() { Color = System.Drawing.ColorTranslator.FromHtml("#F3D240"), From = 0, To = 20, LegendLabel = "20% Growth" }); - - TreeMap1.LeafColorMapping = rangeBrushColorMapping; - - - - TreeMapFlatLevel treeMapFlatLevel1 = new TreeMapFlatLevel(); - - treeMapFlatLevel1.GroupPath = "Continent"; - - TreeMap1.Levels.Add(treeMapFlatLevel1); - - TreeMap1.LeafItemSettings.LabelPath ="Country"; - - this.Controls.Add(TreeMap1); - - } - - } - -{% endhighlight %} - -The following screen shot shows a tree map with a tool tip. - - - -![Features_images15](Features_images/Features_img15.png) - - - -_Figure_ _12_: _ToolTip on TreeMap_ \ No newline at end of file diff --git a/chart-sdk/winforms/treemap/Getting-Started.md b/chart-sdk/winforms/treemap/Getting-Started.md index 0a8f353fd..09d145ddf 100644 --- a/chart-sdk/winforms/treemap/Getting-Started.md +++ b/chart-sdk/winforms/treemap/Getting-Started.md @@ -1,7 +1,7 @@ --- layout: post -title: Getting Started with Windows Forms TreeMap control | Syncfusion® -description: Learn here about getting started with Syncfusion® Windows Forms TreeMap control, its elements and more details. +title: Getting Started with Windows Forms TreeMap | Syncfusion® +description: Learn how to get started with the Syncfusion® Windows Forms TreeMap control. Explore setup, data binding, features, and customization options. platform: chart-sdk control: TreeMap documentation: ug diff --git a/chart-sdk/winforms/treemap/Headers-and-Labels.md b/chart-sdk/winforms/treemap/Headers-and-Labels.md index a5b97d886..6fdb11ac8 100644 --- a/chart-sdk/winforms/treemap/Headers-and-Labels.md +++ b/chart-sdk/winforms/treemap/Headers-and-Labels.md @@ -1,7 +1,7 @@ --- layout: post -title: Headers and Labels in Windows Forms TreeMap control | Syncfusion® -description: Learn about Headers and Labels support in Syncfusion® Windows Forms TreeMap control and more details. +title: Headers and Labels in Windows Forms TreeMap | Syncfusion® +description: Headers and labels in the Windows Forms TreeMap enable customization of text content, formatting, and display for hierarchical data visualization. platform: chart-sdk control: TreeMap documentation: ug diff --git a/chart-sdk/winforms/treemap/Installation-and-Deployment.md b/chart-sdk/winforms/treemap/Installation-and-Deployment.md deleted file mode 100644 index e35ee32e6..000000000 --- a/chart-sdk/winforms/treemap/Installation-and-Deployment.md +++ /dev/null @@ -1,96 +0,0 @@ ---- -layout: post -title: Installation-and-Deployment | Windows Forms | Syncfusion® -description: Installation and deployment of Syncfusion® Essential Studio® WindowsForms TreeMap control, its elements, and more. -platform: chart-sdk -control: TreeMap -documentation: ug ---- - -# Installation and Deployment - -This section covers information on the install location, samples, licensing, patches update and updation of the recent version of Essential Studio®. It comprises the following sub-sections: - - - -## Installation - -For step-by-step installation procedure for the installation of Essential Studio®, refer to the Installation topic under Installation and Deployment in the Common UG. - - - -See Also - -For licensing, patches and information on adding or removing selective components refer the following topics in Common UG under Installation and Deployment. - - - -* Licensing -* Patches -* Add / Remove Components - - - -## Sample and Location - -Use the following steps to view the samples: - - - -1. Click Start > All Programs > Syncfusion® > Essential Studio® >Dashboard - - The Essential Studio® Enterprise Edition window will be displayed. - - ![Installation-and-Deployment_images1](Installation-and-Deployment_images/Installation-and-Deployment_img1.png) - - Syncfusion® Essential Studio® Dashboard - {:.caption} - -2. In the Dashboard window, click Run Samples for Windows Forms under UI Edition. The UI Windows Forms Sample Browser window will be displayed. - - - > Note: You can view the samples in any of the following three ways: - > * Run Samples - Click to view the locally installed samples. - > * Online Samples - Click to view online samples. - > * Explore Samples - Explore the UI for Windows Forms on disk._ - - The User Interface Edition panel is displayed by default. - - - - ![Installation-and-Deployment_images2](Installation-and-Deployment_images/Installation-and-Deployment_img2.png) - - UI Windows Forms Sample Browser - {:.caption} - -3. Click the TreeMap under Data Visualization. The TreeMap samples will be displayed. - - ![Installation-and-Deployment_images3](Installation-and-Deployment_images/Installation-and-Deployment_img3.png) - - Essential® TreeMap WF Samples - {:.caption} - - -4. Select any sample and browse through the features.  - - - - - -## Deployment Requirements - - - -### Toolbox Entries - - - -* TreeMap - -#### Assembly List - -While deploying an application that references SyncfusionEssentialTreeMap assembly, the following dependencies must be included in the distribution. - -* Syncfusion.TreeMap.Windows -* Syncfusion.Shared.Base -* Syncfusion.Core \ No newline at end of file diff --git a/chart-sdk/winforms/treemap/Installation-and-Deployment_images/Installation-and-Deployment_img1.png b/chart-sdk/winforms/treemap/Installation-and-Deployment_images/Installation-and-Deployment_img1.png deleted file mode 100644 index 2a7665ebd..000000000 Binary files a/chart-sdk/winforms/treemap/Installation-and-Deployment_images/Installation-and-Deployment_img1.png and /dev/null differ diff --git a/chart-sdk/winforms/treemap/Installation-and-Deployment_images/Installation-and-Deployment_img2.png b/chart-sdk/winforms/treemap/Installation-and-Deployment_images/Installation-and-Deployment_img2.png deleted file mode 100644 index a481a7e1c..000000000 Binary files a/chart-sdk/winforms/treemap/Installation-and-Deployment_images/Installation-and-Deployment_img2.png and /dev/null differ diff --git a/chart-sdk/winforms/treemap/Installation-and-Deployment_images/Installation-and-Deployment_img3.png b/chart-sdk/winforms/treemap/Installation-and-Deployment_images/Installation-and-Deployment_img3.png deleted file mode 100644 index 2f0fa66c1..000000000 Binary files a/chart-sdk/winforms/treemap/Installation-and-Deployment_images/Installation-and-Deployment_img3.png and /dev/null differ diff --git a/chart-sdk/winforms/treemap/Leaf-Item-Setting.md b/chart-sdk/winforms/treemap/Leaf-Item-Setting.md index c6487d9c3..4215a39a2 100644 --- a/chart-sdk/winforms/treemap/Leaf-Item-Setting.md +++ b/chart-sdk/winforms/treemap/Leaf-Item-Setting.md @@ -1,13 +1,13 @@ --- layout: post -title: Leaf Item in TreeMap control | Syncfusion® -description: Learn here all about Leaf Item Setting in Syncfusion® Essential Studio® Windows Forms TreeMap control, its elements, and more. +title: Leaf Item Settings in Windows Forms TreeMap | Syncfusion® +description: Leaf item settings in the Windows Forms TreeMap enable customization of leaf node appearance, layout, labels, and visual representation. platform: chart-sdk control: TreeMap documentation: ug --- -# Leaf Item Setting in Windows Forms TreeMap control +# Leaf Item Settings in Windows Forms TreeMap You can customize the Leaf level TreeMap items using LeafItemSettings. Label values take the property of bound object that is referred in the labelPath when defined. diff --git a/chart-sdk/winforms/treemap/Overview.md b/chart-sdk/winforms/treemap/Overview.md index 8aeb84aa1..dc81dec2f 100644 --- a/chart-sdk/winforms/treemap/Overview.md +++ b/chart-sdk/winforms/treemap/Overview.md @@ -1,13 +1,13 @@ --- layout: post -title: About Windows Forms TreeMap control | Syncfusion® -description: Learn here all about introduction of Syncfusion® Windows Forms TreeMap control, its elements and more details. +title: About Syncfusion® Windows Forms TreeMap Control | Syncfusion® +description: Learn about the introduction of Syncfusion Essential Studio® Windows Forms TreeMap control, its features, capabilities, and more details. platform: chart-sdk control: TreeMap documentation: ug --- -# Windows Forms TreeMap Overview +# About Syncfusion® Windows Forms TreeMap Control ## Introduction diff --git a/chart-sdk/winforms/treemap/ToolTip-Support.md b/chart-sdk/winforms/treemap/ToolTip-Support.md index 34d022eb2..b3383bf65 100644 --- a/chart-sdk/winforms/treemap/ToolTip-Support.md +++ b/chart-sdk/winforms/treemap/ToolTip-Support.md @@ -1,13 +1,13 @@ --- layout: post -title: ToolTip Support in Windows Forms TreeMap control | Syncfusion® -description: Learn about ToolTip Support in Syncfusion® Windows Forms TreeMap control, its elements and more details. +title: Tooltip Support in Windows Forms TreeMap | Syncfusion® +description: Tooltip support in the Windows Forms TreeMap displays additional information for data items and supports customization of content and appearance. platform: chart-sdk control: TreeMap documentation: ug --- -# ToolTip Support in Windows Forms TreeMap +# Tooltip Support in Windows Forms TreeMap Tooltip shows additional information on the tree map control. Visibility of tooltip can be controlled using the [`IsToolTipVisible`](https://help.syncfusion.com/cr/windowsforms/Syncfusion.Windows.Forms.TreeMap.TreeMap.html#Syncfusion_Windows_Forms_TreeMap_TreeMap_IsTootTipVisible) property. The format of the tooltip header and item can be customized using the [`HeaderToolTipInfo`](https://help.syncfusion.com/cr/windowsforms/Syncfusion.Windows.Forms.TreeMap.TreeMap.html#Syncfusion_Windows_Forms_TreeMap_TreeMap_HeaderToolTipInfo) and [`ItemToolTipInfo`](https://help.syncfusion.com/cr/windowsforms/Syncfusion.Windows.Forms.TreeMap.TreeMap.html#Syncfusion_Windows_Forms_TreeMap_TreeMap_ItemToolTipInfo) properties. diff --git a/chart-sdk/winforms/treemap/Tree-Map-Legend.md b/chart-sdk/winforms/treemap/Tree-Map-Legend.md index d6c4c2e98..a6ecb3129 100644 --- a/chart-sdk/winforms/treemap/Tree-Map-Legend.md +++ b/chart-sdk/winforms/treemap/Tree-Map-Legend.md @@ -1,13 +1,13 @@ --- layout: post -title: Tree Map Legend in Windows Forms TreeMap control | Syncfusion® -description: Learn about Tree Map Legend support in Syncfusion® Windows Forms TreeMap control, its elements and more details. +title: Legend in Windows Forms TreeMap | Syncfusion® +description: Legend in the Windows Forms TreeMap explains color mappings and data categories, supporting customization of content and appearance. platform: chart-sdk control: TreeMap documentation: ug --- -# Tree Map Legend in Windows Forms TreeMap +# Legend in Windows Forms TreeMap The tree map legend is used to demonstrate the color value of the leaf nodes. This legend may be appropriate only for tree maps whose leaf nodes are colored by using the RangeBrushColorMapping. diff --git a/chart-sdk/winforms/treemap/Tree-Map-Levels.md b/chart-sdk/winforms/treemap/Tree-Map-Levels.md index a26807584..865b20c53 100644 --- a/chart-sdk/winforms/treemap/Tree-Map-Levels.md +++ b/chart-sdk/winforms/treemap/Tree-Map-Levels.md @@ -1,13 +1,13 @@ --- layout: post -title: Tree Map Levels in Windows Forms TreeMap control | Syncfusion® -description: Learn about Tree Map Levels support in Syncfusion® Windows Forms TreeMap control, its elements and more details. +title: Levels in Windows Forms TreeMap | Syncfusion® +description: Levels in the Windows Forms TreeMap organize hierarchical data into multiple levels, enabling structured visualization and data analysis. platform: chart-sdk control: TreeMap documentation: ug --- -# Tree Map Levels in Windows Forms TreeMap +# Levels in Windows Forms TreeMap The levels of the tree map control can be categorized into two types: flat and hierarchical, which are used to define the levels of a data collection. diff --git a/chart-sdk/winforms/treemap/TreeMap-Layout.md b/chart-sdk/winforms/treemap/TreeMap-Layout.md index 883345a24..4ec1c40ce 100644 --- a/chart-sdk/winforms/treemap/TreeMap-Layout.md +++ b/chart-sdk/winforms/treemap/TreeMap-Layout.md @@ -1,13 +1,13 @@ --- layout: post -title: TreeMap Layout in Windows Forms TreeMap control | Syncfusion® -description: Learn about TreeMap Layout support in Syncfusion® Windows Forms TreeMap control, its elements and more details. +title: Layout in Windows Forms TreeMap | Syncfusion® +description: Layout in the Windows Forms TreeMap controls how hierarchical data is arranged, supporting different layout algorithms for effective visualization. platform: chart-sdk control: TreeMap documentation: ug --- -# TreeMap Layout in Windows Forms TreeMap +# Layout in Windows Forms TreeMap The [`ItemsLayoutMode`](https://help.syncfusion.com/cr/windowsforms/Syncfusion.Windows.Forms.TreeMap.TreeMap.html#Syncfusion_Windows_Forms_TreeMap_TreeMap_ItemsLayoutMode) of the tree map control specifies the mode in which the items should be laid out. This layout will be applied for all the tree map levels. It includes four different types of layout. diff --git a/chart-sdk/winforms/treemap/TreeMap-Legend.md b/chart-sdk/winforms/treemap/TreeMap-Legend.md deleted file mode 100644 index f66795c67..000000000 --- a/chart-sdk/winforms/treemap/TreeMap-Legend.md +++ /dev/null @@ -1,100 +0,0 @@ ---- -layout: post -title: ToolTip Support in Windows Forms TreeMap control | Syncfusion® -description: Learn about the Legend feature in Syncfusion® Windows Forms TreeMap control, including legend items, customization options, and usage details. -platform: chart-sdk -control: TreeMap -documentation: ug ---- - -# TreeMap Legend in Windows Forms TreeMap control - -TreeMap legend is used to easily demonstrate about the color value of leaf nodes. But this legend could be appropriate only for the treemap having leaf nodes colored by using RangeBrushColorMapping. The labels of the legend item can be customized by specifying LegendLabel of RangeBrush mentioned in the Brushes of RangeBrushColorMapping. - -The icon of legend item can be set by LegendIconStyle of TreeMapLegend. Custom legend icon can be set by assigning DataTemplate to LegendIconTemplate with LegendIconStyle as “Custom”. The width and height of the legend icon can be modified by setting LegendIconWidth and LegendIconHeight of TreeMapLegend. - -The legend can be positioned to Left, Right, Top or Bottom of TreeMap with the help of LegendPosition property. - -#### Code Sample: - -{% tabs %} - -{% highlight c# %} - -public partial class Form1 : Form -{ - TreeMap TreeMap1 = new TreeMap(); - - public Form1() - { - InitializeComponent(); - - PopulationViewModel data = new PopulationViewModel(); - TreeMap1.ItemsSource = data.PopulationDetails; - TreeMap1.WeightValuePath = "Population"; - TreeMap1.ColorValuePath = "Growth"; - TreeMap1.LegendType = LegendTypes.Ellipse; - TreeMap1.LegendGap = 150; - TreeMap1.LegendPosition = LegendPositions.Top; - TreeMap1.Dock = DockStyle.Fill; - - TreeMapFlatLevel treeMapFlatLevel1 = new TreeMapFlatLevel(); - treeMapFlatLevel1.GroupPath = "Continent"; - TreeMap1.Levels.Add(treeMapFlatLevel1); - TreeMap1.LeafItemSettings.LabelPath = "Country"; - - RangeBrushColorMapping rangeBrushColorMapping = new RangeBrushColorMapping(); - rangeBrushColorMapping.Brushes.Add(new RangeBrush() { Color = System.Drawing.ColorTranslator.FromHtml("#77D8D8"), From = 0, To = 1, LegendLabel = "1% Growth" }); - rangeBrushColorMapping.Brushes.Add(new RangeBrush() { Color = System.Drawing.ColorTranslator.FromHtml("#AED960"), From = 0, To = 2, LegendLabel = "2% Growth" }); - rangeBrushColorMapping.Brushes.Add(new RangeBrush() { Color = System.Drawing.ColorTranslator.FromHtml("#FFAF51"), From = 0, To = 3, LegendLabel = "3% Growth" }); - rangeBrushColorMapping.Brushes.Add(new RangeBrush() { Color = System.Drawing.ColorTranslator.FromHtml("#F3D240"), From = 0, To = 20, LegendLabel = "20% Growth" }); - TreeMap1.LeafColorMapping = rangeBrushColorMapping; - this.Controls.Add(TreeMap1); - } -} - -{% endhighlight %} - -{% highlight vb %} - -Public Partial Class Form1 - Inherits Form - - Private TreeMap1 As New TreeMap() - - Public Sub New() - InitializeComponent() - - Dim data As New PopulationViewModel() - TreeMap1.ItemsSource = data.PopulationDetails - TreeMap1.WeightValuePath = "Population" - TreeMap1.ColorValuePath = "Growth" - TreeMap1.LegendType = LegendTypes.Ellipse - TreeMap1.LegendGap = 150 - TreeMap1.LegendPosition = LegendPositions.Top - TreeMap1.Dock = DockStyle.Fill - - Dim treeMapFlatLevel1 As New TreeMapFlatLevel() - treeMapFlatLevel1.GroupPath = "Continent" - TreeMap1.Levels.Add(treeMapFlatLevel1) - TreeMap1.LeafItemSettings.LabelPath = "Country" - - Dim rangeBrushColorMapping As New RangeBrushColorMapping() - rangeBrushColorMapping.Brushes.Add(New RangeBrush() With { .Color = System.Drawing.ColorTranslator.FromHtml("#77D8D8"), .From = 0, .To = 1, .LegendLabel = "1% Growth" }) - rangeBrushColorMapping.Brushes.Add(New RangeBrush() With { .Color = System.Drawing.ColorTranslator.FromHtml("#AED960"), .From = 0, .To = 2, .LegendLabel = "2% Growth" }) - rangeBrushColorMapping.Brushes.Add(New RangeBrush() With { .Color = System.Drawing.ColorTranslator.FromHtml("#FFAF51"), .From = 0, .To = 3, .LegendLabel = "3% Growth" }) - rangeBrushColorMapping.Brushes.Add(New RangeBrush() With { .Color = System.Drawing.ColorTranslator.FromHtml("#F3D240"), .From = 0, .To = 20, .LegendLabel = "20% Growth" }) - TreeMap1.LeafColorMapping = rangeBrushColorMapping - Me.Controls.Add(TreeMap1) - End Sub - -End Class - -{% endhighlight %} - -{% endtabs %} - -![Features_images12](Features_images/Features_img12.png) - -TreeMap with Legend -{:.caption} diff --git a/chart-sdk/winforms/treemap/TreeMap-Levels.md b/chart-sdk/winforms/treemap/TreeMap-Levels.md deleted file mode 100644 index 1cd2a727e..000000000 --- a/chart-sdk/winforms/treemap/TreeMap-Levels.md +++ /dev/null @@ -1,553 +0,0 @@ ---- -layout: post -title: Features of TreeMap control in Windows Forms | Syncfusion® -description: Learn about Treemap levels in Syncfusion® Windows Forms TreeMap control, its elements and more details. -platform: chart-sdk -control: TreeMap -documentation: ug ---- - -# TreeMap Levels in Windows Forms - -The levels of TreeMap can be categorized into two types such as, - -* TreeMapFlatLevel -* TreeMapHierarchicalLevel - -### TreeMapFlatLevel - - -The TreeMapFlatLevel is used to define levels for flat data collection. - -#### ItemsSource: - -The ItemsSource set for TreeMap must be a flat collection of data. The following code shows how to bind a flat collection as ItemsSource to a TreeMap. - -#### Code Sample: - - - - - -{% highlight c# %} - - - -public partial class Form1 : Form - - { - - TreeMap TreeMap1 = new TreeMap(); - - - - public Form1() - - { - - InitializeComponent(); - - - - PopulationViewModel data = new PopulationViewModel(); - - TreeMap1.ItemsSource = data.PopulationDetails; - - TreeMap1.WeightValuePath = "Population"; - - TreeMap1.ColorValuePath = "Growth"; - - this.Controls.Add(TreeMap1); - - - - } - - } - - - - public class PopulationViewModel - - { - - public PopulationViewModel() - - { - - this.PopulationDetails = new - - ObservableCollection(); - -PopulationDetails.Add(new PopulationDetail() { Continent = "Asia", Country = "Indonesia", Growth = 3, Population = 237641326 }); - -PopulationDetails.Add(new PopulationDetail() { Continent = "Asia", Country = "Russia", Growth = 2, Population = 152518015 }); - -PopulationDetails.Add(new PopulationDetail() { Continent = "North America", Country = "United States", Growth = 4, Population = 315645000 }); - -PopulationDetails.Add(new PopulationDetail() { Continent = "North America", Country = "Mexico", Growth = 2, Population = 112336538 }); - - PopulationDetails.Add(new PopulationDetail() { Continent = "Africa", Country = "Nigeria", Growth = 2, Population = 170901000 }); - - PopulationDetails.Add(new PopulationDetail() { Continent = "Africa", Country = "Egypt", Growth = 1, Population = 83661000 }); - - PopulationDetails.Add(new PopulationDetail() { Continent = "Europe", Country = "Germany", Growth = 1, Population = 81993000 }); - - PopulationDetails.Add(new PopulationDetail() { Continent = "Europe", Country = "France", Growth = 1, Population = 65605000 }); - - PopulationDetails.Add(new PopulationDetail() { Continent = "Europe", Country = "UK", Growth = 1, Population = 63181775 }); - - } - - public ObservableCollection PopulationDetails - - { - - get; - - set; - - } - - public class PopulationDetail - - { - - public string Continent { get; set; } - - public string Country { get; set; } - - public double Growth { get; set; } - - public double Population { get; set; } - - } - - } - - - -{% endhighlight %} - - - -### GroupPath: - -You must specify the GroupPath for each and every flat level of TreeMap. It is a path to a field on the source object, which serves as the “Group” for the levels specified. Based upon the GroupPath, the data is grouped in the TreeMap. If GroupPath is not specified, then the items are not grouped, and it is shown in the order, in which they are specified in the ItemsSource. - -### Code Sample: - - - - - -{% highlight c# %} - - - -public partial class Form1 : Form - - { - - TreeMap TreeMap1 = new TreeMap(); - - - - public Form1() - - { - - InitializeComponent(); - - - - PopulationViewModel data = new PopulationViewModel(); - - TreeMap1.ItemsSource = data.PopulationDetails; - - TreeMap1.WeightValuePath = "Population"; - - TreeMap1.ColorValuePath = "Growth"; - - TreeMapFlatLevel treeMapFlatLevel1 = new TreeMapFlatLevel(); - - treeMapFlatLevel1.GroupPath = "Continent"; - - TreeMapFlatLevel treeMapFlatLevel2 = new TreeMapFlatLevel(); - - treeMapFlatLevel2.GroupPath = "Country"; - - this.Controls.Add(TreeMap1); - - - - } - - } - -{% endhighlight %} - - - - - -### GroupGap: - -You can specify GroupGap for separating the items of every flat level and it is used to differentiate the levels mentioned for TreeMap. - -### Code Sample: - - - - - -{% highlight c# %} - - - -public partial class Form1 : Form - - { - - TreeMap TreeMap1 = new TreeMap(); - - - - public Form1() - - { - - InitializeComponent(); - - - - PopulationViewModel data = new PopulationViewModel(); - - TreeMap1.ItemsSource = data.PopulationDetails; - - TreeMap1.WeightValuePath = "Population"; - - TreeMap1.ColorValuePath = "Growth"; - - TreeMapFlatLevel treeMapFlatLevel1 = new TreeMapFlatLevel(); - - treeMapFlatLevel1.GroupPath = "Continent"; - - treeMapFlatLevel1.GroupGap = 10; - - TreeMap1.Levels.Add(treeMapFlatLevel1); - - this.Controls.Add(TreeMap1); - - - - } - - } - -{% endhighlight %} - -### TreeMapHierarchicalLevel: - -TreeMapHierarchicalLevel is used to define levels for hierarchical data collection which contains tree-structured data. - -#### ChildPath: - -You must specify ChildPath for each and every hierarchical level of TreeMap. It is a path to a field on the source object, which serves as the “Child” for the level specified. Based upon the ChildPath, the treemap contains child items. - -#### ChildGap: - -You can specify ChildGap for separating the child items of every level and it is used to differentiate the levels mentioned for TreeMap. - -#### Code Sample: - - - - - -{% highlight c# %} - - - -public partial class Form1 : Form - - { - - TreeMap TreeMap1 = new TreeMap(); - - - - public Form1() - - { - - InitializeComponent(); - - - - CountrySalesCollection data = new CountrySalesCollection (); - - TreeMap1.ItemsSource = data; - - TreeMap1.WeightValuePath = "Sales"; - - TreeMap1.ColorValuePath = "Expense"; - - TreeMapHierarchicalLevel hierarchicalLevel1 = new TreeMapHierarchicalLevel (); - - hierarchicalLevel1.ChildPath = " RegionalSales "; - - hierarchicalLevel1v.ChildGap = 10; - - TreeMap1.Levels.Add(hierarchicalLevel1); - - TreeMapHierarchicalLevel hierarchicalLevel2 = new TreeMapHierarchicalLevel (); - - hierarchicalLevel2.ChildPath = "Name"; - - hierarchicalLevel2.ChildGap = 5; - - TreeMap1.Levels.Add(hierarchicalLevel2); - - this.Controls.Add(TreeMap1); - - - - } - - } - -{% endhighlight %} - - - -{% highlight c# %} - - - - public class CountrySalesCollection : ObservableCollection - - { - - public CountrySalesCollection() - - { - - this.Add(new CountrySale() { Name = "United States", Sales = 98456, Expense = 87000 }); - - this.Add(new CountrySale() { Name = "Canada", Sales = 43523, Expense = 40000 }); - - this.Add(new CountrySale() { Name = "Mexico", Sales = 45634, Expense = 46000 }); - - this[0].RegionalSalesCollection.Add(new RegionSale() { Country = "United States", Name = "New York", Sales = 2353, Expense = 2000 }); - - this[0].RegionalSalesCollection.Add(new RegionSale() { Country = "United States", Name = "Los Angeles", Sales = 3453, Expense = 3000 }); - - this[0].RegionalSalesCollection.Add(new RegionSale() { Country = "United States", Name = "San Francisco", Sales = 8456, Expense = 8000 }); - - this[0].RegionalSalesCollection.Add(new RegionSale() { Country = "United States", Name = "Chicago", Sales = 6785, Expense = 7000 }); - - this[0].RegionalSalesCollection.Add(new RegionSale() { Country = "United States", Name = "Miami", Sales = 7045, Expense = 6000 }); - - this[1].RegionalSalesCollection.Add(new RegionSale() { Country = "Canada", Name = "Toronto", Sales = 7045, Expense = 7000 }); - - this[1].RegionalSalesCollection.Add(new RegionSale() { Country = "Canada", Name = "Vancouver", Sales = 4352, Expense = 4000 }); - - this[1].RegionalSalesCollection.Add(new RegionSale() { Country = "Canada", Name = "Winnipeg", Sales = 7843, Expense = 7500 }); - - - - this[2].RegionalSalesCollection.Add(new RegionSale() { Country = "Mexico", Name = "Mexico City", Sales = 7843, Expense = 6500 }); - - this[2].RegionalSalesCollection.Add(new RegionSale() { Country = "Mexico", Name = "Cancun", Sales = 6683, Expense = 6000 }); } - - } - - - - public class CountrySale : INotifyPropertyChanged - - { - - public string Name { get; set; } - - private double _sales = 0; - - public double Sales - - { - - get { return _sales; } - - set - - { - - if (_sales != value) - - { - - _sales = value; - - this.OnPropertyChanged(new - - PropertyChangedEventArgs("Sales")); - - } - - } - - } - - private double _expense = 0; - - public double Expense - - { - - get { return _expense; } - - set - - { - - if (_expense != value) - - { - - _expense = value; - - this.OnPropertyChanged(new - - PropertyChangedEventArgs("Expense")); - - } - - } - - } - - public ObservableCollection RegionalSalesCollection - - { get; set; } - - public CountrySale() - - { - - this.RegionalSalesCollection = new ObservableCollection(); - - } - - #region INotifyPropertyChanged Members - - public event PropertyChangedEventHandler PropertyChanged; - - protected void OnPropertyChanged(PropertyChangedEventArgs e) - - { - - if (this.PropertyChanged != null) - - this.PropertyChanged.Invoke(this, e); - - } - - #endregion - - } - - - - public class RegionSale : INotifyPropertyChanged - - { - - public string Name { get; set; } - - public string Country { get; set; } - - private double _sales = 0; - - public double Sales - - { - - get { return _sales; } - - set - - { - - if (_sales != value) - - { - - _sales = value; - - this.OnPropertyChanged(new - - PropertyChangedEventArgs("Sales")); - - } - - } - - } - - private double _expense = 0; - - public double Expense - - { - - get { return _expense; } - - set - - { - - if (_expense != value) - - { - - _expense = value; - - this.OnPropertyChanged(new - - PropertyChangedEventArgs("Expense")); - - } - - } - - } - - - - #region INotifyPropertyChanged Members - - - - public event PropertyChangedEventHandler PropertyChanged; - - protected void OnPropertyChanged(PropertyChangedEventArgs e) - - { - - if (this.PropertyChanged != null) - - this.PropertyChanged.Invoke(this, e); - - } - - - - #endregion - - } - -{% endhighlight %} - -> Note: The specified field must be a collection of sub class (object) specified in the nested data collection. - diff --git a/chart-sdk/winforms/treemap/WeightValuePath.md b/chart-sdk/winforms/treemap/WeightValuePath.md index d729a7944..6f352db3c 100644 --- a/chart-sdk/winforms/treemap/WeightValuePath.md +++ b/chart-sdk/winforms/treemap/WeightValuePath.md @@ -1,13 +1,13 @@ --- layout: post -title: WeightValuePath in Windows Forms TreeMap control | Syncfusion® -description: Learn about WeightValuePath support in Syncfusion® Windows Forms TreeMap control, its elements and more details. +title: Weight Value Path in Windows Forms TreeMap | Syncfusion® +description: Weight value path in the Windows Forms TreeMap maps data values to item sizes, enabling proportional visualization of hierarchical data. platform: chart-sdk control: TreeMap documentation: ug --- -# WeightValuePath in Windows Forms TreeMap +# Weight Value Path in Windows Forms TreeMap The [`WeightValuePath`](https://help.syncfusion.com/cr/windowsforms/Syncfusion.Windows.Forms.TreeMap.TreeMap.html#Syncfusion_Windows_Forms_TreeMap_TreeMap_WeightValuePath) of the tree map control is a path to a field on the source object that serves as the "weight" of the object. diff --git a/chart-sdk/wpf/Barcode/Barcode-Customization.md b/chart-sdk/wpf/Barcode/Barcode-Customization.md index 560f080ea..7ec4846e9 100644 --- a/chart-sdk/wpf/Barcode/Barcode-Customization.md +++ b/chart-sdk/wpf/Barcode/Barcode-Customization.md @@ -1,13 +1,13 @@ --- layout: post -title: Barcode Customization in WPF Barcode control | Syncfusion -description: Learn how to customize barcodes in the Syncfusion WPF SfBarcode control, including appearance, styling, and configuration options. +title: Customization in WPF Barcode | Syncfusion® +description: Customization in the WPF Barcode allows you to modify appearance, colors, sizing, labels, and styling to meet application requirements. platform: chart-sdk control: SfBarcode documentation: ug --- -# Barcode Customization in WPF Barcode (SfBarcode) +# Customization in WPF Barcode ## Overview diff --git a/chart-sdk/wpf/Barcode/Getting-Started.md b/chart-sdk/wpf/Barcode/Getting-Started.md index 038d7a93f..3390a5516 100644 --- a/chart-sdk/wpf/Barcode/Getting-Started.md +++ b/chart-sdk/wpf/Barcode/Getting-Started.md @@ -1,13 +1,13 @@ --- layout: post -title: Getting Started with WPF Barcode control | Syncfusion -description: Learn how to get started with the Syncfusion WPF SfBarcode control, including setup, basic usage, and key barcode elements. +title: Getting Started with WPF Barcode control | Syncfusion® +description: Learn how to get started with the Syncfusion® WPF Barcode control. Explore setup, features, examples, and customization options. platform: chart-sdk control: SfBarcode documentation: ug --- -# Getting Started with WPF Barcode (SfBarcode) +# Getting Started with WPF Barcode ## Add the Barcode control to an application diff --git a/chart-sdk/wpf/Barcode/Overview.md b/chart-sdk/wpf/Barcode/Overview.md index 30f7458c9..804b6e1e1 100644 --- a/chart-sdk/wpf/Barcode/Overview.md +++ b/chart-sdk/wpf/Barcode/Overview.md @@ -1,13 +1,13 @@ --- layout: post -title: About WPF Barcode control | Syncfusion -description: Learn about the introduction to the Syncfusion WPF Barcode (SfBarcode) control, its elements, and more details. +title: About Syncfusion® WPF Barcode Control | Syncfusion® +description: Learn about the introduction of Syncfusion Essential Studio® WPF Barcode control, its features, capabilities, and more details. platform: chart-sdk control: SfBarcode documentation: ug --- -# WPF Barcode (SfBarcode) Overview +# About Syncfusion® WPF Barcode Control The Barcode control helps render barcodes in desktop (WPF) applications. The control can be merged into any desktop application and makes it easy to encode text using the supported symbol types. The basic structure of a barcode consists of a leading and trailing quiet zone, a start pattern, one or more data characters, optionally one or two check characters, and a stop pattern. diff --git a/chart-sdk/wpf/Barcode/Supported-Barcode-types.md b/chart-sdk/wpf/Barcode/Supported-Barcode-types.md index 9813711a6..ef8269766 100644 --- a/chart-sdk/wpf/Barcode/Supported-Barcode-types.md +++ b/chart-sdk/wpf/Barcode/Supported-Barcode-types.md @@ -1,13 +1,13 @@ --- layout: post -title: Supported Barcode types in WPF Barcode control | Syncfusion -description: Learn about the barcode types supported in the Syncfusion WPF SfBarcode control, including 1D and 2D barcode symbologies. +title: Symbology Types in WPF Barcode | Syncfusion® +description: Symbology Types in the WPF Barcode include various 1D and 2D symbologies for encoding and displaying data in barcode formats. platform: chart-sdk control: SfBarcode documentation: ug --- -# Supported Barcode types in WPF Barcode (SfBarcode) +# Symbology Types in WPF Barcode The following table lists the supported barcode types and their associated valid characters. diff --git a/chart-sdk/wpf/Barcode/Symbology-Settings.md b/chart-sdk/wpf/Barcode/Symbology-Settings.md index eefd9d6d8..7e4a3eff4 100644 --- a/chart-sdk/wpf/Barcode/Symbology-Settings.md +++ b/chart-sdk/wpf/Barcode/Symbology-Settings.md @@ -1,13 +1,13 @@ --- layout: post -title: Symbology Settings in WPF Barcode control | Syncfusion -description: Learn about Symbology Settings in the Syncfusion WPF SfBarcode control and configure barcode-specific encoding options. +title: Symbology Settings in WPF Barcode | Syncfusion® +description: Symbology settings in the WPF Barcode allow you to configure barcode-specific encoding options and customize barcode generation. platform: chart-sdk control: SfBarcode documentation: ug --- -# Symbology Settings in WPF Barcode (SfBarcode) +# Symbology Settings in WPF Barcode Each Barcode symbol can be associated with optional settings that may affect that specific barcode. The code sample below shows the settings of a Code39 barcode. diff --git a/chart-sdk/wpf/HeatMap/ColorMapping.md b/chart-sdk/wpf/HeatMap/ColorMapping.md index 8db12baba..78ae91b18 100644 --- a/chart-sdk/wpf/HeatMap/ColorMapping.md +++ b/chart-sdk/wpf/HeatMap/ColorMapping.md @@ -1,13 +1,13 @@ --- layout: post -title: ColorMapping in WPF HeatMap (SfHeatMap) control | Syncfusion® -description: Learn how to configure color codes for the Syncfusion® Essential Studio® WPF HeatMap (SfHeatMap) control, its elements, and more. +title: Color Mapping in WPF HeatMap | Syncfusion® +description: Color mapping in the WPF HeatMap configures color ranges for data values, enabling effective visualization and interpretation of data patterns. platform: chart-sdk control: SfHeatMap documentation: ug --- -# Color mapping in the WPF HeatMap (SfHeatMap) control +# Color Mapping in WPF HeatMap Color mapping is used to indicate values as colors instead of numerical values. For example, if a HeatMap represents data from 0 to 100, `ColorMapping` is used to specify a color for the lower value and the higher value. For any value between the two values, a medium color will automatically be chosen. In the following example, the white color is set to value 0 and the red color is set to value 30, as shown below. diff --git a/chart-sdk/wpf/HeatMap/Getting-Started.md b/chart-sdk/wpf/HeatMap/Getting-Started.md index b34af4a05..5d121e628 100644 --- a/chart-sdk/wpf/HeatMap/Getting-Started.md +++ b/chart-sdk/wpf/HeatMap/Getting-Started.md @@ -1,13 +1,13 @@ --- layout: post -title: Getting started with Syncfusion® Essential® SfHeatMap for WPF. -description: This section explains how to integrate the WPF HeatMap (SfHeatMap) into an application and enable its basic features with an example. +title: Getting Started with WPF HeatMap | Syncfusion® +description: Learn how to get started with the Syncfusion® WPF HeatMap control. Explore setup, features, examples, and customization options. platform: chart-sdk control: SfHeatMap documentation: ug --- -# Getting Started with WPF HeatMap (SfHeatMap) +# Getting Started with WPF HeatMap ## Initialize the SfHeatMap diff --git a/chart-sdk/wpf/HeatMap/ItemsMapping.md b/chart-sdk/wpf/HeatMap/ItemsMapping.md index 61c570d86..d657b845b 100644 --- a/chart-sdk/wpf/HeatMap/ItemsMapping.md +++ b/chart-sdk/wpf/HeatMap/ItemsMapping.md @@ -1,13 +1,13 @@ --- layout: post -title: ItemsMapping in WPF HeatMap (SfHeatMap) control | Syncfusion® -description: Learn here about the ItemsMapping in the Syncfusion® Essential Studio® WPF HeatMap (SfHeatMap) control, its elements, and more. +title: Items Mapping in WPF HeatMap | Syncfusion® +description: Items mapping in the WPF HeatMap enables data fields to be mapped to rows, columns, and values for effective heat map visualization. platform: chart-sdk control: SfHeatMap documentation: ug --- -# Items mapping in the WPF HeatMap (SfHeatMap) control +# Items Mapping in WPF HeatMap An external data source can be mapped with the HeatMap using the `ItemsMapping` property. It supports 2 kinds of data source. diff --git a/chart-sdk/wpf/HeatMap/Legend.md b/chart-sdk/wpf/HeatMap/Legend.md index 1343e87d7..63334a80e 100644 --- a/chart-sdk/wpf/HeatMap/Legend.md +++ b/chart-sdk/wpf/HeatMap/Legend.md @@ -1,13 +1,13 @@ --- layout: post -title: Legend in WPF HeatMap (SfHeatMap) control | Syncfusion® -description: Learn how to create and configure a legend for the Syncfusion® Essential Studio® WPF HeatMap (SfHeatMap) control, its elements, and more. +title: Legend in WPF HeatMap | Syncfusion® +description: Legend in the WPF HeatMap identifies data value ranges through color indicators, helping users interpret heat map data effectively. platform: chart-sdk control: SfHeatMap documentation: ug --- -# Legend in the WPF HeatMap (SfHeatMap) control +# Legend in WPF HeatMap The legend is a control used to summarize the range of colors in the HeatMap. This gives a visual guideline for mapping between value and color. diff --git a/chart-sdk/wpf/HeatMap/Overview.md b/chart-sdk/wpf/HeatMap/Overview.md index 1c68a7cc7..0e7c1b827 100644 --- a/chart-sdk/wpf/HeatMap/Overview.md +++ b/chart-sdk/wpf/HeatMap/Overview.md @@ -1,13 +1,13 @@ --- layout: post -title: Overview of WPF HeatMap (SfHeatMap) Control | Syncfusion® -description: Learn here all about overview of Syncfusion® Essential Studio® WPF HeatMap (SfHeatMap) control, its elements, and more. +title: About Syncfusion® WPF HeatMap Control | Syncfusion® +description: Learn about the introduction of Syncfusion Essential Studio® WPF HeatMap control, its features, capabilities, and more details. platform: chart-sdk control: SfHeatMap documentation: ug --- -# Overview of WPF HeatMap (SfHeatMap) +# About Syncfusion® WPF HeatMap Control **Essential® HeatMap WPF** represents tabular data values as gradient colors instead of numbers. Low and high values are represented as different colors with different gradients. diff --git a/chart-sdk/wpf/Radial-Gauge/Annotations.md b/chart-sdk/wpf/Radial-Gauge/Annotations.md index 67396de44..5ce99bcd5 100644 --- a/chart-sdk/wpf/Radial-Gauge/Annotations.md +++ b/chart-sdk/wpf/Radial-Gauge/Annotations.md @@ -1,13 +1,13 @@ --- layout: post -title: Annotations in WPF Radial Gauge control | Syncfusion -description: Learn here all about Annotations support in Syncfusion WPF Radial Gauge (SfCircularGauge) control and more. +title: Annotations in WPF Radial Gauge | Syncfusion® +description: Annotations in the WPF Radial Gauge allow you to add custom text, shapes, and UI elements to provide additional gauge information. platform: chart-sdk control: SfCircularGauge documentation: ug --- -# Annotations in WPF Radial Gauge (SfCircularGauge) +# Annotations in WPF Radial Gauge SfCircularGauge supports annotations, which allow you to mark a specific area of interest in the circular gauge. You can place custom views as annotations. Text and images can also be added by using the `Annotations` property. diff --git a/chart-sdk/wpf/Radial-Gauge/Getting-Started.md b/chart-sdk/wpf/Radial-Gauge/Getting-Started.md index 8010a88f9..4bf271921 100644 --- a/chart-sdk/wpf/Radial-Gauge/Getting-Started.md +++ b/chart-sdk/wpf/Radial-Gauge/Getting-Started.md @@ -1,12 +1,12 @@ --- layout: post -title: Getting Started with WPF Radial Gauge control | Syncfusion -description: Learn here about getting started with Syncfusion WPF Radial Gauge (SfCircularGauge) control, its elements and more. +title: Getting Started with WPF Radial Gauge | Syncfusion® +description: Learn how to get started with the Syncfusion® WPF Radial Gauge control. Explore setup, features, examples, and customization options. platform: chart-sdk control: SfCircularGauge documentation: ug --- -# Getting Started with WPF Radial Gauge (SfCircularGauge) +# Getting Started with WPF Radial Gauge This section explains the steps required to configure the [`SfCircularGauge`](https://help.syncfusion.com/cr/wpf/Syncfusion.UI.Xaml.Gauges.SfCircularGauge.html) and add basic elements to it using various APIs. diff --git a/chart-sdk/wpf/Radial-Gauge/Header.md b/chart-sdk/wpf/Radial-Gauge/Header.md index 45d2469c3..edb54dbc8 100644 --- a/chart-sdk/wpf/Radial-Gauge/Header.md +++ b/chart-sdk/wpf/Radial-Gauge/Header.md @@ -1,13 +1,13 @@ --- layout: post -title: Header in WPF Radial Gauge control | Syncfusion -description: Learn here all about Header support in Syncfusion WPF Radial Gauge (SfCircularGauge) control and more. +title: Header in WPF Radial Gauge | Syncfusion® +description: Header in the WPF Radial Gauge displays a title for the gauge, providing context and helping users understand displayed values. platform: chart-sdk control: SfCircularGauge documentation: ug --- -# Header in WPF Radial Gauge (SfCircularGauge) +# Header in WPF Radial Gauge Header allows you to show text or any UI content inside the gauge control using the [`GaugeHeader`](https://help.syncfusion.com/cr/wpf/Syncfusion.UI.Xaml.Gauges.SfCircularGauge.html#Syncfusion_UI_Xaml_Gauges_SfCircularGauge_GaugeHeader) option. This provides information about the data that is being plotted in the circular gauge. diff --git a/chart-sdk/wpf/Radial-Gauge/Labels.md b/chart-sdk/wpf/Radial-Gauge/Labels.md index e9d5a039d..9dc6accc8 100644 --- a/chart-sdk/wpf/Radial-Gauge/Labels.md +++ b/chart-sdk/wpf/Radial-Gauge/Labels.md @@ -1,13 +1,13 @@ --- layout: post -title: Labels in WPF Radial Gauge control | Syncfusion -description: Learn here all about Labels support in Syncfusion WPF Radial Gauge (SfCircularGauge) control and more. +title: Labels in WPF Radial Gauge | Syncfusion® +description: Labels in the WPF Radial Gauge display scale values and support customization through styling, positioning, and appearance settings. platform: chart-sdk control: SfCircularGauge documentation: ug --- -# Labels in WPF Radial Gauge (SfCircularGauge) +# Labels in WPF Radial Gauge The `Scale` labels associate numeric values with major scale tick marks. diff --git a/chart-sdk/wpf/Radial-Gauge/Overview.md b/chart-sdk/wpf/Radial-Gauge/Overview.md index ddb58ac56..f0bf165eb 100644 --- a/chart-sdk/wpf/Radial-Gauge/Overview.md +++ b/chart-sdk/wpf/Radial-Gauge/Overview.md @@ -1,12 +1,12 @@ --- layout: post -title: About WPF Radial Gauge control | Syncfusion -description: Learn here all about introduction of Syncfusion WPF Radial Gauge (SfCircularGauge) control, its elements and more. +title: About Syncfusion® WPF Radial Gauge Control | Syncfusion® +description: Learn about the introduction of Syncfusion Essential Studio WPF Radial Gauge control, its features, capabilities, and more details. platform: chart-sdk control: SfCircularGauge documentation: ug --- -# WPF Radial Gauge (SfCircularGauge) Overview +# About Syncfusion WPF Radial Gauge Control The circular gauge helps to visualize numeric values on a circular scale. The appearance of the gauge is fully customizable to integrate with your applications without fault. diff --git a/chart-sdk/wpf/Radial-Gauge/Pointers.md b/chart-sdk/wpf/Radial-Gauge/Pointers.md index 5dae370b5..6852a3d6c 100644 --- a/chart-sdk/wpf/Radial-Gauge/Pointers.md +++ b/chart-sdk/wpf/Radial-Gauge/Pointers.md @@ -1,13 +1,13 @@ --- layout: post -title: Pointers in WPF Radial Gauge control | Syncfusion -description: Learn here all about Pointers support in Syncfusion WPF Radial Gauge (SfCircularGauge) control and more. +title: Pointers in WPF Radial Gauge | Syncfusion® +description: Pointers in the WPF Radial Gauge indicate values on the gauge scale using different pointer types and customizable appearance settings. platform: chart-sdk control: SfCircularGauge documentation: ug --- -# Pointers in WPF Radial Gauge (SfCircularGauge) +# Pointers in WPF Radial Gauge [`Pointers`](https://help.syncfusion.com/cr/wpf/Syncfusion.UI.Xaml.Gauges.CircularScale.html#Syncfusion_UI_Xaml_Gauges_CircularScale_Pointers) are used to indicate values on the scale. The pointer value can be modified using the [`Value`](https://help.syncfusion.com/cr/wpf/Syncfusion.UI.Xaml.Gauges.CircularPointer.html#Syncfusion_UI_Xaml_Gauges_CircularPointer_Value) property. diff --git a/chart-sdk/wpf/Radial-Gauge/Ranges.md b/chart-sdk/wpf/Radial-Gauge/Ranges.md index 98d906768..6c3c07a88 100644 --- a/chart-sdk/wpf/Radial-Gauge/Ranges.md +++ b/chart-sdk/wpf/Radial-Gauge/Ranges.md @@ -1,13 +1,13 @@ --- layout: post -title: Ranges in WPF Radial Gauge control | Syncfusion -description: Learn here all about Ranges support in Syncfusion WPF Radial Gauge (SfCircularGauge) control and more. +title: Ranges in WPF Radial Gauge | Syncfusion® +description: Ranges in the WPF Radial Gauge highlight specific value intervals on the gauge scale, helping visualize thresholds, targets, and data groups. platform: chart-sdk control: SfCircularGauge documentation: ug --- -# Ranges in WPF Radial Gauge (SfCircularGauge) +# Ranges in WPF Radial Gauge Range is a visual element, which begins and ends at the specified values within a scale. diff --git a/chart-sdk/wpf/Radial-Gauge/Rim.md b/chart-sdk/wpf/Radial-Gauge/Rim.md index f3f815aef..7c3221e11 100644 --- a/chart-sdk/wpf/Radial-Gauge/Rim.md +++ b/chart-sdk/wpf/Radial-Gauge/Rim.md @@ -1,13 +1,13 @@ --- layout: post -title: Rim in WPF Radial Gauge control | Syncfusion -description: Learn here all about Rim support in Syncfusion WPF Radial Gauge (SfCircularGauge) control, its elements and more. +title: Rim in WPF Radial Gauge | Syncfusion® +description: Rim in the WPF Radial Gauge customizes the outer boundary of the gauge, enhancing appearance and improving visual presentation. platform: chart-sdk control: SfCircularGauge documentation: ug --- -# Rim in WPF Radial Gauge (SfCircularGauge) +# Rim in WPF Radial Gauge Scale determines the structure of a circular gauge by using a circular rim. By setting the [`StartAngle`](https://help.syncfusion.com/cr/wpf/Syncfusion.UI.Xaml.Gauges.CircularScale.html#Syncfusion_UI_Xaml_Gauges_CircularScale_StartAngle) and [`SweepAngle`](https://help.syncfusion.com/cr/wpf/Syncfusion.UI.Xaml.Gauges.CircularScale.html#Syncfusion_UI_Xaml_Gauges_CircularScale_SweepAngle) properties, you can change the shape of the circular gauge to a full-circular gauge, half-circular gauge, or quarter-circular gauge. diff --git a/chart-sdk/wpf/Radial-Gauge/Scales.md b/chart-sdk/wpf/Radial-Gauge/Scales.md index 0f3b626dc..d4f13139b 100644 --- a/chart-sdk/wpf/Radial-Gauge/Scales.md +++ b/chart-sdk/wpf/Radial-Gauge/Scales.md @@ -1,13 +1,13 @@ --- layout: post -title: Scales in WPF Radial Gauge control | Syncfusion -description: Learn here all about Scales support in Syncfusion WPF Radial Gauge (SfCircularGauge) control and more. +title: Scales in WPF Radial Gauge | Syncfusion® +description: Scales in the WPF Radial Gauge define value ranges, intervals, and labels, enabling accurate measurement and data representation. platform: chart-sdk control: SfCircularGauge documentation: ug --- -# Scales in WPF Radial Gauge (SfCircularGauge) +# Scales in WPF Radial Gauge Scales contain a collection of [`CircularScale`](https://help.syncfusion.com/cr/wpf/Syncfusion.Windows.Gauge.CircularScale.html) elements, which integrate labels, tick marks, and a rim to customize the basic look and feel of the circular gauge. diff --git a/chart-sdk/wpf/Radial-Gauge/Ticks.md b/chart-sdk/wpf/Radial-Gauge/Ticks.md index 960452066..eb112dd24 100644 --- a/chart-sdk/wpf/Radial-Gauge/Ticks.md +++ b/chart-sdk/wpf/Radial-Gauge/Ticks.md @@ -1,13 +1,13 @@ --- layout: post -title: Ticks in WPF Radial Gauge control | Syncfusion -description: Learn here all about Ticks support in Syncfusion WPF Radial Gauge (SfCircularGauge) control and more. +title: Ticks in WPF Radial Gauge | Syncfusion® +description: Ticks in the WPF Radial Gauge indicate scale intervals and support customization of size, position, style, and appearance settings. platform: chart-sdk control: SfCircularGauge documentation: ug --- -# Ticks in WPF Radial Gauge (SfCircularGauge) +# Ticks in WPF Radial Gauge Ticks help you identify the gauge's data value by marking the gauge scale in regular increments. diff --git a/chart-sdk/wpf/Range-Selector/Getting-Started.md b/chart-sdk/wpf/Range-Selector/Getting-Started.md index 367a0243e..e749a70ed 100644 --- a/chart-sdk/wpf/Range-Selector/Getting-Started.md +++ b/chart-sdk/wpf/Range-Selector/Getting-Started.md @@ -1,13 +1,13 @@ --- layout: post -title: Getting Started with WPF Range Selector control | Syncfusion -description: Learn here about getting started with Syncfusion® WPF Range Selector (SfDateTimeRangeNavigator) control, its elements and more. +title: Getting Started with WPF Range Selector | Syncfusion® +description: Learn how to get started with the Syncfusion® WPF Range Selector control. Explore setup, configuration, range selection, and customization options. platform: chart-sdk control: SfDateTimeRangeNavigator documentation: ug --- -# Getting Started with WPF Range Selector (SfDateTimeRangeNavigator) +# Getting Started with WPF Range Selector ## Visual structure diff --git a/chart-sdk/wpf/Range-Selector/Interactivity.md b/chart-sdk/wpf/Range-Selector/Interactivity.md index e57153ecc..83be969c6 100644 --- a/chart-sdk/wpf/Range-Selector/Interactivity.md +++ b/chart-sdk/wpf/Range-Selector/Interactivity.md @@ -1,13 +1,13 @@ --- layout: post -title: Interactivity in WPF Range Selector control | Syncfusion -description: Learn here all about Interactivity support in Syncfusion® WPF Range Selector (SfDateTimeRangeNavigator) control and more. +title: Interactivity in WPF Range Selector | Syncfusion® +description: Interactivity in the WPF Range Selector enables user interaction, range selection, navigation, and customization of selection behavior. platform: chart-sdk control: SfDateTimeRangeNavigator documentation: ug --- -# Interactivity in WPF Range Selector (SfDateTimeRangeNavigator) +# Interactivity in WPF Range Selector The date-time range navigator control provides interactive features such as zooming and panning. This control has a resizable scrollbar, which is used to zoom into a large amount of data and navigate to a particular timespan by moving the scroll bar. diff --git a/chart-sdk/wpf/Range-Selector/Label-Customization.md b/chart-sdk/wpf/Range-Selector/Label-Customization.md index bbf116a28..78ad52533 100644 --- a/chart-sdk/wpf/Range-Selector/Label-Customization.md +++ b/chart-sdk/wpf/Range-Selector/Label-Customization.md @@ -1,13 +1,13 @@ --- layout: post -title: Customization in WPF Range Selector control | Syncfusion -description: Learn here all about Customization support in Syncfusion® WPF Range Selector (SfDateTimeRangeNavigator) control and more. +title: Customization in WPF Range Selector | Syncfusion® +description: Customization in the WPF Range Selector enables modification of visual elements, selection appearance, labels, and navigation settings. platform: chart-sdk control: SfDateTimeRangeNavigator documentation: ug --- -# Customization in WPF Range Selector (SfDateTimeRangeNavigator) +# Customization in WPF Range Selector ## Interval customization diff --git a/chart-sdk/wpf/Range-Selector/Overview.md b/chart-sdk/wpf/Range-Selector/Overview.md index d20c198bf..a6c2e1fc5 100644 --- a/chart-sdk/wpf/Range-Selector/Overview.md +++ b/chart-sdk/wpf/Range-Selector/Overview.md @@ -1,13 +1,13 @@ --- layout: post -title: About WPF Range Selector control | Syncfusion -description: Learn here all about introduction of Syncfusion® WPF Range Selector (SfDateTimeRangeNavigator) control, its elements and more. +title: About Syncfusion® WPF Range Selector Control | Syncfusion® +description: Learn about the introduction of Syncfusion Essential Studio® WPF Range Selector control, its features, capabilities, and more details. platform: chart-sdk control: SfDateTimeRangeNavigator documentation: ug --- -# WPF Range Selector (SfDateTimeRangeNavigator) Overview +# About Syncfusion® WPF Range Selector Control The date-time range navigator control is a time-bound data visualization control. Its purpose is to allow scrolling and navigation through large periods of time. This control can be easily combined with other controls such as chart and grid view to create rich and powerful dashboards. diff --git a/chart-sdk/wpf/Range-Selector/ToolTip-Support.md b/chart-sdk/wpf/Range-Selector/ToolTip-Support.md index 19df82ce8..12bf5433e 100644 --- a/chart-sdk/wpf/Range-Selector/ToolTip-Support.md +++ b/chart-sdk/wpf/Range-Selector/ToolTip-Support.md @@ -1,13 +1,13 @@ --- layout: post -title: ToolTip Support in WPF Range Selector control | Syncfusion -description: Learn here all about ToolTip Support in Syncfusion® WPF Range Selector (SfDateTimeRangeNavigator) control and more. +title: Tooltip Support in WPF Range Selector | Syncfusion® +description: Tooltip support in the WPF Range Selector displays additional information for selected ranges and supports customization of tooltip content. platform: chart-sdk control: SfDateTimeRangeNavigator documentation: ug --- -# ToolTip Support in WPF Range Selector (SfDateTimeRangeNavigator) +# Tooltip Support in WPF Range Selector The date-time range navigator control provides tooltip support to sliders. Sliders are used to select a particular region of data in the control. Tooltips for sliders show the selected start and end date-time values. You can view the exact date values with the milliseconds precision. diff --git a/chart-sdk/wpf/SfChart3D/3DSeries.md b/chart-sdk/wpf/SfChart3D/3DSeries.md index af73b084e..afb97095b 100644 --- a/chart-sdk/wpf/SfChart3D/3DSeries.md +++ b/chart-sdk/wpf/SfChart3D/3DSeries.md @@ -39,9 +39,10 @@ The following APIs are common for most of the series types: {% highlight xaml %} + YBindingPath="Metal"> + {% endhighlight %} @@ -190,7 +191,8 @@ chart3D.Series.Add(series1); + YBindingPath="Metal"> + {% endhighlight %} diff --git a/chart-sdk/wpf/SfChart3D/Adornments.md b/chart-sdk/wpf/SfChart3D/Adornments.md deleted file mode 100644 index 2caa4d99f..000000000 --- a/chart-sdk/wpf/SfChart3D/Adornments.md +++ /dev/null @@ -1,742 +0,0 @@ ---- -layout: post -title: Adornments | SfChart | Wpf | Syncfusion -description: This section explains about adornments behavior and its customization properties in WPF Chart (SfChart3D) -platform: chart-sdk -control: SfChart3D -documentation: ug ---- - -# Adornments in WPF Chart (SfChart3D) - -Adornments are used to provide information about the data points to the user. Values from a data point (x, y) or other custom properties from a data source can be displayed. You can add a shape and label to adorn each data point. - -Each adornment can be represented by the following: - -* Marker - Displays the desired symbol at the (X, Y) point. -* Label - Displays the segment label content at the (X, Y) point. -* ConnectorLine - Line used to connect the (X, Y) point and the label element. - - -The following code example illustrates how to initialize the adornment. - -{% tabs %} - -{% highlight xaml %} - - - - - - - - -{% endhighlight %} - -{% highlight C# %} - - StackingBarSeries3D series = new StackingBarSeries3D() - { - ItemsSource = new ViewModel().CategoricalData, - XBindingPath = "Year", - YBindingPath = "Plastic" - }; - - ChartAdornmentInfo adornmentInfo = new ChartAdornmentInfo() { ShowLabel = true }; - - series.AdornmentsInfo = adornmentInfo; - - chart.Series.Add(series); - -{% endhighlight %} - -{% endtabs %} - -![Chart 3D support in WPF](3D-Charts_images/Adornments/Chart-3D-Adornment.png) - -## Marker - -To enable the marker in adornments, you have to set the [`ShowMarker`](https://help.syncfusion.com/cr/wpf/Syncfusion.UI.Xaml.Charts.ChartAdornmentInfoBase.html#Syncfusion_UI_Xaml_Charts_ChartAdornmentInfoBase_ShowMarker) property to True. By default, no symbol is displayed; you have to add the desired symbol using the Symbol property. - -The following code example demonstrates the column series with the [`Diamond`](https://help.syncfusion.com/cr/wpf/Syncfusion.UI.Xaml.Charts.ChartSymbol.html) symbol: - - -{% tabs %} - -{% highlight xaml %} - - - - - - - -{% endhighlight %} - -{% highlight c# %} - - ColumnSeries3D series = new ColumnSeries3D() - { - ItemsSource = new CategoryDataViewModel().CategoricalData, - XBindingPath = "Year", - YBindingPath = "Plastic" - }; - - ChartAdornmentInfo3D adornmentInfo = new ChartAdornmentInfo3D() - { - ShowMarker = true, - SymbolInterior = new SolidColorBrush(Colors.Brown), - Symbol = ChartSymbol.Diamond - }; - - series.AdornmentsInfo = adornmentInfo; - - chart.Series.Add(series); - -{% endhighlight %} - -{% endtabs %} - -![Symbol support in WPF Chart](3D-Charts_images/Adornments/Adornment_Marker.png) - -### Customization of Symbol - -SfChart3D 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) -* [`SymbolWidth`](https://help.syncfusion.com/cr/wpf/Syncfusion.UI.Xaml.Charts.ChartAdornmentInfoBase.html#Syncfusion_UI_Xaml_Charts_ChartAdornmentInfoBase_SymbolWidth) -* [`SymbolInterior`](https://help.syncfusion.com/cr/wpf/Syncfusion.UI.Xaml.Charts.ChartAdornmentInfoBase.html#Syncfusion_UI_Xaml_Charts_ChartAdornmentInfoBase_SymbolInterior) -* [`SymbolStroke`](https://help.syncfusion.com/cr/wpf/Syncfusion.UI.Xaml.Charts.ChartAdornmentInfoBase.html#Syncfusion_UI_Xaml_Charts_ChartAdornmentInfoBase_SymbolStroke) -* [`SymbolTemplate`](https://help.syncfusion.com/cr/wpf/Syncfusion.UI.Xaml.Charts.ChartAdornmentInfoBase.html#Syncfusion_UI_Xaml_Charts_ChartAdornmentInfoBase_SymbolTemplate) - -The following code example demonstrates the basic customization of symbol size and appearance. - -{% tabs %} - -{% highlight xaml %} - - - - - - - -{% endhighlight %} - -{% highlight c# %} - - ColumnSeries3D series = new ColumnSeries3D() - { - ItemsSource = new CategoryDataViewModel().CategoricalData, - XBindingPath = "Year", - YBindingPath = "Plastic" - }; - - ChartAdornmentInfo3D adornmentInfo = new ChartAdornmentInfo3D() - { - ShowMarker = true, - SymbolInterior = new SolidColorBrush(Colors.Brown), - SymbolStroke=new SolidColorBrush(Colors.DarkGray), - Symbol = ChartSymbol.Triangle, - AdornmentsPosition = AdornmentsPosition.Top, - SymbolHeight = 15, - SymbolWidth = 15, - }; - - series.AdornmentsInfo = adornmentInfo; - - chart.Series.Add(series); - -{% endhighlight %} - -{% endtabs %} - -![ Custom Symbol in Adornment](3D-Charts_images/Adornments/SymblBasic.png) - -**SymbolTemplate** - -The following code example demonstrates how to use SymbolTemplate. - -{% tabs %} - -{% highlight xaml %} - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - ... - - - - - - - ... - - - -{% endhighlight %} - -{% endtabs %} - -![ Custom Symbol in Adornment](3D-Charts_images/Adornments/SymbolCustom.png) - -## Label - -SfChart3D provides support to customize the label content using the [`SegmentLabelContent`](https://help.syncfusion.com/cr/wpf/Syncfusion.UI.Xaml.Charts.ChartAdornmentInfoBase.html#Syncfusion_UI_Xaml_Charts_ChartAdornmentInfoBase_SegmentLabelContent) property. This property allows you to define the value to be displayed as the adornment label. - -{% tabs %} - -{% highlight xaml %} - - - - - - - -{% endhighlight %} - -{% highlight c# %} - - ColumnSeries3D series = new ColumnSeries3D() - { - ItemsSource = new CategoryDataViewModel().CategoricalData, - XBindingPath = "Year", - YBindingPath = "Plastic" - }; - - ChartAdornmentInfo3D adornmentInfo = new ChartAdornmentInfo3D() - { - ShowLabel = true, - SegmentLabelContent=LabelContent.LabelContentPath, - AdornmentsPosition=AdornmentsPosition.Top - }; - - series.AdornmentsInfo = adornmentInfo; - - chart.Series.Add(series); - -{% endhighlight %} - -{% endtabs %} - -| SegmentLabelContent values | Description | Output | -|---|--|---| -| DateTime | Displays LabelContent.DateTime value | ![ DateTime in Adornment](3D-Charts_images/Adornments/Adorn_DateTime.png) | -|LabelContentPath | Displays the y value|![ LabelContentPath in Adornment](3D-Charts_images/Adornments/Adorn_LabelContent.png)| -| Percentage | Displays the percentage value of series' point among other points |![ Percentage in Adornment](3D-Charts_images/Adornments/Adorn_Percentage.png) | -| XValue | Displays the X value of series' point|![ XValue in Adornment](3D-Charts_images/Adornments/Adorn_Xvalue.png) | -| YofTot | Displays the value of Y of total values' point|![ YofTot in Adornment](3D-Charts_images/Adornments/Adorn_YofTop.png) | -| YValue | Displays the Y value of series' point| ![ YValue in Adornment](3D-Charts_images/Adornments/Adorn_YValue.png) | - -### Label Rotation - -[`LabelRotationAngle`](https://help.syncfusion.com/cr/wpf/Syncfusion.UI.Xaml.Charts.ChartAdornmentInfoBase.html#Syncfusion_UI_Xaml_Charts_ChartAdornmentInfoBase_LabelRotationAngle) property is used to define the angle at which the label has to rotate. The following code demonstrates the label rotation angle. - -{% tabs %} - -{% highlight xaml %} - - - - - - - -{% endhighlight %} - -{% highlight c# %} - - ColumnSeries3D series = new ColumnSeries3D() - { - ItemsSource = new CategoryDataViewModel().CategoricalData, - XBindingPath = "Year", - YBindingPath = "Plastic", - }; - - ChartAdornmentInfo3D adornmentInfo = new ChartAdornmentInfo3D() - { - ShowLabel = true, - LabelRotationAngle=45, - LabelPosition=AdornmentsLabelPosition.Outer - }; - - series.AdornmentsInfo = adornmentInfo; - - chart.Series.Add(series); - -{% endhighlight %} - -{% endtabs %} - -![Adornments label rotation support in WPF Chart](3D-Charts_images/Adornments/Label_Rotation.png) - -### Customization - -The following properties are used to customize the adornment label. - -* [`BorderBrush`](https://help.syncfusion.com/cr/wpf/Syncfusion.UI.Xaml.Charts.ChartAdornmentInfoBase.html#Syncfusion_UI_Xaml_Charts_ChartAdornmentInfoBase_BorderBrush) -* [`BorderThickness`](https://help.syncfusion.com/cr/wpf/Syncfusion.UI.Xaml.Charts.ChartAdornmentInfoBase.html#Syncfusion_UI_Xaml_Charts_ChartAdornmentInfoBase_BorderThickness) -* [`Margin`](https://help.syncfusion.com/cr/wpf/Syncfusion.UI.Xaml.Charts.ChartAdornmentInfoBase.html#Syncfusion_UI_Xaml_Charts_ChartAdornmentInfoBase_Margin) -* [`FontStyle`](https://help.syncfusion.com/cr/wpf/Syncfusion.UI.Xaml.Charts.ChartAdornmentInfoBase.html#Syncfusion_UI_Xaml_Charts_ChartAdornmentInfoBase_FontStyle) -* [`FontSize`](https://help.syncfusion.com/cr/wpf/Syncfusion.UI.Xaml.Charts.ChartAdornmentInfoBase.html#Syncfusion_UI_Xaml_Charts_ChartAdornmentInfoBase_FontSize) -* [`Foreground`](https://help.syncfusion.com/cr/wpf/Syncfusion.UI.Xaml.Charts.ChartAdornmentInfoBase.html#Syncfusion_UI_Xaml_Charts_ChartAdornmentInfoBase_Foreground) -* [`FontFamily`](https://help.syncfusion.com/cr/wpf/Syncfusion.UI.Xaml.Charts.ChartAdornmentInfoBase.html#Syncfusion_UI_Xaml_Charts_ChartAdornmentInfoBase_FontFamily) -* [`Background`](https://help.syncfusion.com/cr/wpf/Syncfusion.UI.Xaml.Charts.ChartAdornmentInfoBase.html#Syncfusion_UI_Xaml_Charts_ChartAdornmentInfoBase_Background) - -The following code example demonstrates the customization of label using the above properties: - -{% tabs %} - -{% highlight xaml %} - - - - - - -{% endhighlight %} - -{% highlight c# %} - - ColumnSeries3D series = new ColumnSeries3D() - { - ItemsSource = new CategoryDataViewModel().CategoricalData, - XBindingPath = "Year", - YBindingPath = "Plastic", - }; - - ChartAdornmentInfo3D adornmentInfo = new ChartAdornmentInfo3D() - { - - ShowLabel = true, - LabelPosition = AdornmentsLabelPosition.Outer, - Foreground = new SolidColorBrush(Colors.Black), - BorderBrush = new SolidColorBrush(Colors.Aqua), - Background = new SolidColorBrush(Colors.SkyBlue), - BorderThickness = new Thickness(1), - Margin = new Thickness(1), - FontStyle = FontStyles.Italic, - FontFamily = new FontFamily("Calibri"), - FontSize = 11 - - }; - - series.AdornmentsInfo = adornmentInfo; - - chart.Series.Add(series); - -{% endhighlight %} - -{% endtabs %} - -![Adornments label content customization support in WPF Chart](3D-Charts_images/Adornments/Label_appearance.png) - -## Applying Series Brush - -[`UseSeriesPalette`](https://help.syncfusion.com/cr/wpf/Syncfusion.UI.Xaml.Charts.ChartAdornmentInfoBase.html#Syncfusion_UI_Xaml_Charts_ChartAdornmentInfoBase_UseSeriesPalette) property is used to set the interior of the series to the adornment background. - -For Accumulation series like Pie, Doughnut, Funnel and Pyramid, the segment interior color will be reflected in the adornment background. - -{% tabs %} - -{% highlight xaml %} - - - - - - -{% endhighlight %} - -{% highlight c# %} - - ColumnSeries3D series = new ColumnSeries3D() - { - ItemsSource = new CategoryDataViewModel().CategoricalData, - XBindingPath = "Year", - YBindingPath = "Plastic", - }; - - ChartAdornmentInfo3D adornmentInfo = new ChartAdornmentInfo3D() - { - - ShowLabel = true, - LabelPosition = AdornmentsLabelPosition.Outer, - UseSeriesPalette=true - }; - - series.AdornmentsInfo = adornmentInfo; - - chart.Series.Add(series); - -{% endhighlight %} - -{% endtabs %} - -![Series brush for adornments background support in WPF Chart](3D-Charts_images/Adornments/Label_palette.png) - -## Label Format - -[`SegmentLabelFormat`](https://help.syncfusion.com/cr/wpf/Syncfusion.UI.Xaml.Charts.ChartAdornmentInfoBase.html#Syncfusion_UI_Xaml_Charts_ChartAdornmentInfoBase_SegmentLabelFormat) property allows you to provide formatting for the labels. - - -The following code example demonstrates the label having three decimal digits: - -{% tabs %} - -{% highlight xaml %} - - - - - - - -{% endhighlight %} - -{% highlight c# %} - - ColumnSeries3D series = new ColumnSeries3D() - { - ItemsSource = new CategoryDataViewModel().CategoricalData, - XBindingPath = "Year", - YBindingPath = "Plastic", - }; - - ChartAdornmentInfo adornmentInfo = new ChartAdornmentInfo() - { - ShowLabel = true, - AdornmentsPosition = AdornmentsPosition.Top, - SegmentLabelFormat = "0.000" - }; - - series.AdornmentsInfo = adornmentInfo; - - chart.Series.Add(series); - -{% endhighlight %} - -{% endtabs %} - -![Adornments label format support in WPF Chart](3D-Charts_images/Adornments/Label_Format.png) - - -## ConnectorLine - -You can add a connector line for the adornments using the [`ShowConnectorLine`](https://help.syncfusion.com/cr/wpf/Syncfusion.UI.Xaml.Charts.ChartAdornmentInfoBase.html#Syncfusion_UI_Xaml_Charts_ChartAdornmentInfoBase_ShowConnectorLine) property. Also, this connector line can be customized using the [`ConnectorHeight`](https://help.syncfusion.com/cr/wpf/Syncfusion.UI.Xaml.Charts.ChartAdornmentInfoBase.html#Syncfusion_UI_Xaml_Charts_ChartAdornmentInfoBase_ConnectorHeight), [`ConnectorLineStyle`](https://help.syncfusion.com/cr/wpf/Syncfusion.UI.Xaml.Charts.ChartAdornmentInfoBase.html#Syncfusion_UI_Xaml_Charts_ChartAdornmentInfoBase_ConnectorLineStyle) and [`ConnectorRotationAngle`](https://help.syncfusion.com/cr/wpf/Syncfusion.UI.Xaml.Charts.ChartAdornmentInfoBase.html#Syncfusion_UI_Xaml_Charts_ChartAdornmentInfoBase_ConnectorRotationAngle) properties. - - -The following code example shows how to add a connector line: - -{% tabs %} - -{% highlight xaml %} - - - - - - - -{% endhighlight %} - -{% highlight c# %} - - ColumnSeries3D series = new ColumnSeries3D() - { - ItemsSource = new CategoryDataViewModel().CategoricalData, - XBindingPath = "Year", - YBindingPath = "Plastic" - }; - - ChartAdornmentInfo3D adornmentInfo = new ChartAdornmentInfo3D() - { - ShowLabel = true, - LabelPosition = AdornmentsLabelPosition.Outer, - ShowConnectorLine = true, - ConnectorHeight = 10 - }; - - series.AdornmentsInfo = adornmentInfo; - - chart.Series.Add(series); - -{% endhighlight %} - -{% endtabs %} - -![Connector Line in WPF Chart](3D-Charts_images/Adornments/Adorn_ConnectorLine.png) - -### Connector Type - -[`ConnectorType`](https://help.syncfusion.com/cr/wpf/Syncfusion.UI.Xaml.Charts.CircularSeriesBase.html#Syncfusion_UI_Xaml_Charts_CircularSeriesBase_ConnectorType) property in AccumulationSeries is used to specify the connector line type such as [`Line`](https://help.syncfusion.com/cr/wpf/Syncfusion.UI.Xaml.Charts.ConnectorMode.html) or [`Bezier`](https://help.syncfusion.com/cr/wpf/Syncfusion.UI.Xaml.Charts.ConnectorMode.html). This property is only for AccumulationSeries like PieSeries and DoughnutSeries. - -The following code example shows how to specify the connector type: - -{% tabs %} - -{% highlight xaml %} - - - - - - - -{% endhighlight %} - -{% highlight c# %} - - PieSeries3D series = new PieSeries3D() - { - ItemsSource = new CategoryDataViewModel().CategoricalData, - XBindingPath = "Year", - YBindingPath = "Plastic", - LabelPosition=CircularSeriesLabelPosition.OutsideExtended, - ConnectorType=ConnectorMode.Line, - CircleCoefficient=0.7, - EnableSmartLabels=true - }; - - ChartAdornmentInfo3D adornmentInfo = new ChartAdornmentInfo3D() - { - ShowLabel = true, - SegmentLabelContent = LabelContent.LabelContentPath, - LabelPosition=AdornmentsLabelPosition.Outer, - ShowConnectorLine = true, - ConnectorHeight=80 - }; - - series.AdornmentsInfo = adornmentInfo; - - chart.Series.Add(series); - -{% endhighlight %} - -{% endtabs %} - -| ConnectorType | Output | -|--|--| -| Line | ![Connector Line in WPF Chart](3D-Charts_images/Adornments/Adorn_Line.png) | -| Bezier | ![Bezier in WPF Chart](3D-Charts_images/Adornments/Adorn_Bezier.png)| - -N> ConnectorType.StraightLine behavior is not applicable for 3D series. - -### Customization of ConnectorLine Appearance - -You can define the style for the connector line using the [`ConnectorLineStyle`](https://help.syncfusion.com/cr/wpf/Syncfusion.UI.Xaml.Charts.ChartAdornmentInfoBase.html#Syncfusion_UI_Xaml_Charts_ChartAdornmentInfoBase_ConnectorLineStyle) property. - -{% tabs %} - -{% highlight xaml %} - - - - - - - - - - - - - -{% endhighlight %} - -{% endtabs %} - -![Connector line style support in WPF Chart](3D-Charts_images/Adornments/ConnectorLine_Customization.png) - -## Positioning the Adornments - -The positioning of adornments inside the series is defined using [`AdornmentPosition`](https://help.syncfusion.com/cr/wpf/Syncfusion.UI.Xaml.Charts.ChartAdornmentInfoBase.html#Syncfusion_UI_Xaml_Charts_ChartAdornmentInfoBase_AdornmentsPosition) property. - -* [`Top`](https://help.syncfusion.com/cr/wpf/Syncfusion.UI.Xaml.Charts.AdornmentsPosition.html) - Positions the Adornment at the top edge point of a chart segment. -* [`Bottom`](https://help.syncfusion.com/cr/wpf/Syncfusion.UI.Xaml.Charts.AdornmentsPosition.html) - Positions the Adornment at the bottom edge point of a chart segment. -* [`TopAndBottom`](https://help.syncfusion.com/cr/wpf/Syncfusion.UI.Xaml.Charts.AdornmentsPosition.html) - Positions the Adornment at the center point of a chart segment. - -N> This behavior varies based on the chart series type. - -The following code example shows how to specify the adornments position: - -{% tabs %} - -{% highlight xaml %} - - - - - - - -{% endhighlight %} - -{% highlight c# %} - - ColumnSeries3D series = new ColumnSeries3D() - { - ItemsSource = new CategoryDataViewModel().CategoricalData, - XBindingPath = "Year", - YBindingPath = "Plastic", - }; - ChartAdornmentInfo3D adornmentInfo = new ChartAdornmentInfo3D() - { - ShowMarker = true, - SymbolInterior = new SolidColorBrush(Colors.Brown), - Symbol = ChartSymbol.Diamond, - AdornmentsPosition=AdornmentsPosition.Top, - SymbolHeight=10, - SymbolWidth=10 - }; - - series.AdornmentsInfo = adornmentInfo; - - chart.Series.Add(series); - -{% endhighlight %} - -{% endtabs %} - -| AdornmentsPosition | Output | -|--|--| -| Top | ![Top Position in WPF Chart](3D-Charts_images/Adornments/Adorn_Top.png) | -| Bottom | ![Bottom Position in WPF Chart](3D-Charts_images/Adornments/Adorn_Bottom.png) | -| TopAndBottom | ![TopAndBottom Position in WPF Chart](3D-Charts_images/Adornments/Adorn_TopAndBottom.png) | - -### Advanced Positioning - -Other than the above positioning options, SfChart3D provides additional customization options to position the adornments smartly based on series types using the [`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: - -* [`Default`](https://help.syncfusion.com/cr/wpf/Syncfusion.UI.Xaml.Charts.AdornmentsLabelPosition.html) -* [`Auto`](https://help.syncfusion.com/cr/wpf/Syncfusion.UI.Xaml.Charts.AdornmentsLabelPosition.html) -* [`Inner`](https://help.syncfusion.com/cr/wpf/Syncfusion.UI.Xaml.Charts.AdornmentsLabelPosition.html) -* [`Outer`](https://help.syncfusion.com/cr/wpf/Syncfusion.UI.Xaml.Charts.AdornmentsLabelPosition.html) -* [`Center`](https://help.syncfusion.com/cr/wpf/Syncfusion.UI.Xaml.Charts.AdornmentsLabelPosition.html) - -The following section shows a few examples of this LabelPosition behavior with respect to the series. - -| LabelPosition | Column Series | Line Series| -|--|--|--| -| Auto | ![Auto Position in WPF Chart](3D-Charts_images/Adornments/Label_Auto_Column.png) | ![Auto Position in WPF Chart](3D-Charts_images/Adornments/Label_Auto_Line.png) | -| Inner | ![Inner Position in WPF Chart](3D-Charts_images/Adornments/Label_Inner_Column.png) | ![Inner Position in WPF Chart](3D-Charts_images/Adornments/Label_Inner_Line.png) | -| Outer | ![Outer Position in WPF Chart](3D-Charts_images/Adornments/Label_Outer_Column.png) | ![Outer Position in WPF Chart](3D-Charts_images/Adornments/Label_Outer_Line.png) | -| Center | ![Center Position in WPF Chart](3D-Charts_images/Adornments/Label_Center_Column.png) | ![Center Position in WPF Chart](3D-Charts_images/Adornments/Label_Center_Line.png) | - - -## Smart Labels - -When you have more data points in Pie or Doughnut series, the adornment labels might overlap with each other. SfChart3D provides built-in support to avoid this overlapping by using the [`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: - -{% tabs %} - -{% highlight xaml %} - - - - - - - -{% endhighlight %} - -{% highlight c# %} - - PieSeries3D series = new PieSeries3D() - { - ItemsSource = new CategoryDataViewModel().CategoricalData, - XBindingPath = "Year", - YBindingPath = "Plastic", - LabelPosition = CircularSeriesLabelPosition.OutsideExtended, - ConnectorType = ConnectorMode.StraightLine, - EnableSmartLabels = true, - ExplodeAll=true, - ExplodeRadius=3 - }; - - ChartAdornmentInfo3D adornmentInfo = new ChartAdornmentInfo3D() - { - ShowLabel = true, - ShowConnectorLine = true, - HorizontalAlignment=HorizontalAlignment.Center, - VerticalAlignment=VerticalAlignment.Center - }; - - series.AdornmentsInfo = adornmentInfo; - chart.Series.Add(series); - -{% endhighlight %} - -{% endtabs %} - -![Smart Labels in WPF Chart](3D-Charts_images/Adornments/SmartLabels.png) - -N> For circular series, the adornment position can be changed to [`Inside`](https://help.syncfusion.com/cr/wpf/Syncfusion.UI.Xaml.Charts.CircularSeriesLabelPosition.html), [`Outside`](https://help.syncfusion.com/cr/wpf/Syncfusion.UI.Xaml.Charts.CircularSeriesLabelPosition.html) or [`OutsideExtended`](https://help.syncfusion.com/cr/wpf/Syncfusion.UI.Xaml.Charts.CircularSeriesLabelPosition.html) using the [`LabelPosition`](https://help.syncfusion.com/cr/wpf/Syncfusion.UI.Xaml.Charts.CircularSeriesBase.html#Syncfusion_UI_Xaml_Charts_CircularSeriesBase_LabelPosition) property. diff --git a/chart-sdk/wpf/SfChart3D/Adornments/DataMarkers.md b/chart-sdk/wpf/SfChart3D/Adornments/DataMarkers.md index d34903408..b3b6a73c7 100644 --- a/chart-sdk/wpf/SfChart3D/Adornments/DataMarkers.md +++ b/chart-sdk/wpf/SfChart3D/Adornments/DataMarkers.md @@ -1,13 +1,13 @@ --- layout: post -title: Data Markers in WPF SfChart3D control | Syncfusion -description: Learn about Data Markers support in Syncfusion Essential Studio® WPF SfChart3D control, its elements and more. +title: Data Markers in WPF 3D Chart | Syncfusion® +description: Data markers in the WPF 3D Chart highlight individual data points with customizable shapes and styles for enhanced data visualization. platform: chart-sdk control: SfChart3D documentation: ug --- -# Data Markers in WPF SfChart3D +# Data Markers in WPF 3D Chart Adornments (Data Markers) are used to provide information about the data points to the user. Values from a data point (x, y) or other custom properties from a data source can be displayed. You can add a shape and label to adorn each data point. diff --git a/chart-sdk/wpf/SfChart3D/Adornments/Labels.md b/chart-sdk/wpf/SfChart3D/Adornments/Labels.md index 06ff728a5..b35d3834f 100644 --- a/chart-sdk/wpf/SfChart3D/Adornments/Labels.md +++ b/chart-sdk/wpf/SfChart3D/Adornments/Labels.md @@ -1,13 +1,13 @@ --- layout: post -title: Data Label in WPF SfChart3D control | Syncfusion -description: Learn about Data Label support in Syncfusion Essential Studio® WPF SfChart3D control, its elements and more. +title: Data Label in WPF 3D Chart | Syncfusion® +description: Data labels in the WPF 3D Chart display data point values directly on the chart, improving readability and data interpretation. platform: chart-sdk control: SfChart3D documentation: ug --- -# Data Label in WPF SfChart3D +# Data Label in WPF 3D Chart Data points can be easily annotated with labels to help improve the readability of data. diff --git a/chart-sdk/wpf/SfChart3D/Adornments/Marker.md b/chart-sdk/wpf/SfChart3D/Adornments/Marker.md index fb9405a15..d247af1cc 100644 --- a/chart-sdk/wpf/SfChart3D/Adornments/Marker.md +++ b/chart-sdk/wpf/SfChart3D/Adornments/Marker.md @@ -1,13 +1,13 @@ --- layout: post -title: Data Marker in WPF SfChart3D control | Syncfusion -description: Learn about Data Marker support in Syncfusion Essential Studio® WPF SfChart3D control, its elements and more. +title: Data Marker in WPF 3D Chart | Syncfusion® +description: Data markers in the WPF 3D Chart highlight individual data points with customizable shapes and styles for improved data visualization. platform: chart-sdk control: SfChart3D documentation: ug --- -# Data Marker in WPF SfChart3D +# Data Marker in WPF 3D Chart Data Marker is used to mark the data points with built-in available shapes. diff --git a/chart-sdk/wpf/SfChart3D/Adornments/Positioning-Adornments.md b/chart-sdk/wpf/SfChart3D/Adornments/Positioning-Adornments.md index 6f389b8f5..1b3c1febd 100644 --- a/chart-sdk/wpf/SfChart3D/Adornments/Positioning-Adornments.md +++ b/chart-sdk/wpf/SfChart3D/Adornments/Positioning-Adornments.md @@ -1,13 +1,13 @@ --- layout: post -title: Positioning Data Markers in WPF SfChart3D control | Syncfusion -description: Learn about Positioning Data Markers support in Syncfusion Essential Studio® WPF SfChart3D control, its elements and more. +title: Positioning Data Markers in WPF 3D Chart | Syncfusion® +description: Positioning data markers in the WPF 3D Chart allows you to customize marker placement relative to data points for better visibility. platform: chart-sdk control: SfChart3D documentation: ug --- -# Positioning Data Markers in WPF SfChart3D +# Positioning Data Markers in WPF 3D Chart The positioning of adornments inside the series is defined using the [`AdornmentPosition`](https://help.syncfusion.com/cr/wpf/Syncfusion.UI.Xaml.Charts.ChartAdornmentInfoBase.html#Syncfusion_UI_Xaml_Charts_ChartAdornmentInfoBase_AdornmentsPosition) property. diff --git a/chart-sdk/wpf/SfChart3D/Appearance.md b/chart-sdk/wpf/SfChart3D/Appearance.md index d55d93b40..a412b87db 100644 --- a/chart-sdk/wpf/SfChart3D/Appearance.md +++ b/chart-sdk/wpf/SfChart3D/Appearance.md @@ -1,13 +1,13 @@ --- layout: post -title: Appearance in WPF SfChart3D control | Syncfusion -description: Learn about Appearance support in Syncfusion Essential Studio® WPF SfChart3D control, its elements and more. +title: Appearance in WPF 3D Chart | Syncfusion® +description: Appearance in the WPF 3D Chart allows you to customize chart elements, colors, styles, and visual settings for enhanced presentation. platform: chart-sdk control: SfChart3D documentation: ug --- -# Appearance in WPF SfChart3D +# Appearance in WPF 3D Chart SfChart3D supports various customizing and styling options that allow you to enrich the application. diff --git a/chart-sdk/wpf/SfChart3D/Axis.md b/chart-sdk/wpf/SfChart3D/Axis.md index a37557273..bd155be4e 100644 --- a/chart-sdk/wpf/SfChart3D/Axis.md +++ b/chart-sdk/wpf/SfChart3D/Axis.md @@ -1,13 +1,13 @@ --- layout: post -title: Axis in WPF SfChart3D control | Syncfusion -description: Learn about Axis support in Syncfusion Essential Studio® WPF SfChart3D control, its elements and more. +title: Axis in WPF 3D Chart | Syncfusion® +description: Axis in the WPF 3D Chart defines data scales, ranges, labels, and intervals to organize and present chart data effectively. platform: chart-sdk control: SfChart3D documentation: ug --- -# Axis in WPF SfChart3D +# Axis in WPF 3D Chart [`ChartAxis`](https://help.syncfusion.com/cr/wpf/Syncfusion.UI.Xaml.Charts.ChartAxis.html#) is used to locate a data point inside the chart area. Charts typically have two axes that are used to measure and categorize data: a vertical (Y) axis and a horizontal (X) axis. diff --git a/chart-sdk/wpf/SfChart3D/GettingStarted.md b/chart-sdk/wpf/SfChart3D/GettingStarted.md index 5f4387001..4cddac79b 100644 --- a/chart-sdk/wpf/SfChart3D/GettingStarted.md +++ b/chart-sdk/wpf/SfChart3D/GettingStarted.md @@ -1,13 +1,13 @@ --- layout: post -title: Getting Started with WPF SfChart3D control | Syncfusion -description: Learn here about getting started with Syncfusion Essential Studio® WPF SfChart3D control, its elements and more. +title: Getting Started with WPF 3D Chart control | Syncfusion® +description: Learn how to get started with the Syncfusion® WPF 3D Chart control. Explore setup, features, examples, and customization options. platform: chart-sdk control: SfChart3D documentation: ug --- -# Getting Started with WPF SfChart3D +# Getting Started with WPF 3D Chart This section explains the steps required to populate the Chart with data, header, add data labels, legend and tooltips to the Chart. This section covers only the minimal features that you need to learn to get started with the Chart. diff --git a/chart-sdk/wpf/SfChart3D/InteractiveFeatures.md b/chart-sdk/wpf/SfChart3D/InteractiveFeatures.md index 5269a3ea6..821389f4b 100644 --- a/chart-sdk/wpf/SfChart3D/InteractiveFeatures.md +++ b/chart-sdk/wpf/SfChart3D/InteractiveFeatures.md @@ -1,13 +1,13 @@ --- layout: post -title: Interactive Features in WPF SfChart3D control | Syncfusion -description: Learn about Interactive Features support in Syncfusion Essential Studio® WPF SfChart3D control, its elements and more. +title: Interactive Features in WPF 3D Chart | Syncfusion® +description: Interactive features in the WPF 3D Chart enable zooming, selection, tooltips, and navigation for enhanced data exploration. platform: chart-sdk control: SfChart3D documentation: ug --- -# Interactive Features in WPF SfChart3D +# Interactive Features in WPF 3D Chart 3D charts provide interactive features such as dynamic rotation, segment selection, and dynamic segment explode for circular series. diff --git a/chart-sdk/wpf/SfChart3D/Overview.md b/chart-sdk/wpf/SfChart3D/Overview.md index 10d672062..e24105ce0 100644 --- a/chart-sdk/wpf/SfChart3D/Overview.md +++ b/chart-sdk/wpf/SfChart3D/Overview.md @@ -1,13 +1,13 @@ --- layout: post -title: About WPF SfChart3D control | Syncfusion -description: Learn here all about introduction of Syncfusion Essential Studio® WPF SfChart3D control, its elements and more. +title: About Syncfusion WPF 3D Chart control | Syncfusion® +description: Learn about the introduction of Syncfusion Essential Studio WPF 3D Chart control, its features, capabilities, and more details. platform: chart-sdk control: SfChart3D documentation: ug --- -# WPF SfChart3D Overview +# About Syncfusion WPF 3D Chart control 3D charts are used to view two-dimensional data in a three-dimensional view, and can be rotated in all 3 dimensions to get the best possible view of the data. diff --git a/chart-sdk/wpf/Sparkline/Customize-segment-brush.md b/chart-sdk/wpf/Sparkline/Customize-segment-brush.md index b5a4069d7..c54873aef 100644 --- a/chart-sdk/wpf/Sparkline/Customize-segment-brush.md +++ b/chart-sdk/wpf/Sparkline/Customize-segment-brush.md @@ -1,13 +1,13 @@ --- layout: post -title: Customize segment brush in WPF Sparkline control | Syncfusion -description: Learn here all about Customize segment brush support in Syncfusion WPF Sparkline (SfSparkline) control and more. +title: Segment Customization in WPF Sparkline | Syncfusion® +description: Segment customization in the WPF Sparkline to apply different colors to data segments and improve visual distinction of trends. platform: chart-sdk control: SfSparkline documentation: ug --- -# Customize segment brush in WPF Sparkline (SfSparkline) +# Segment Customization in WPF Sparkline You can customize the first, last, negative, high, and low point brushes, similar to markers, in area and line sparklines. diff --git a/chart-sdk/wpf/Sparkline/Getting-started.md b/chart-sdk/wpf/Sparkline/Getting-started.md index c7e4f6b11..6238fc044 100644 --- a/chart-sdk/wpf/Sparkline/Getting-started.md +++ b/chart-sdk/wpf/Sparkline/Getting-started.md @@ -1,13 +1,13 @@ --- layout: post -title: Getting Started with WPF Sparkline control | Syncfusion -description: Learn here about getting started with Syncfusion WPF Sparkline (SfSparkline) control, its elements and more. +title: Getting Started with WPF Sparkline control | Syncfusion® +description: Learn how to get started with the Syncfusion® WPF Sparkline control. Explore setup, features, examples, and customization options. platform: chart-sdk control: SfSparkline documentation: ug --- -# Getting Started with WPF Sparkline (SfSparkline) +# Getting Started with WPF Sparkline ## Creating a Sparkline diff --git a/chart-sdk/wpf/Sparkline/Highlight-Segment.md b/chart-sdk/wpf/Sparkline/Highlight-Segment.md index aff888255..787950226 100644 --- a/chart-sdk/wpf/Sparkline/Highlight-Segment.md +++ b/chart-sdk/wpf/Sparkline/Highlight-Segment.md @@ -1,13 +1,13 @@ --- layout: post -title: Highlight Segment in WPF Sparkline control | Syncfusion -description: Learn here all about Highlight Segment support in Syncfusion WPF Sparkline (SfSparkline) control and more. +title: Highlight Segment in WPF Sparkline | Syncfusion® +description: Highlight segment in the WPF Sparkline emphasizes specific data points or ranges with distinct styling for improved data visibility. platform: chart-sdk control: SfSparkline documentation: ug --- -# Highlight Segment in WPF Sparkline (SfSparkline) +# Highlight Segment in WPF Sparkline This feature enables highlighting the column segments on mouse move. It is applicable for column and WinLoss sparklines. diff --git a/chart-sdk/wpf/Sparkline/How-To/Add-labels-for-track-ball.md b/chart-sdk/wpf/Sparkline/How-To/Add-labels-for-track-ball.md index 9df86e5c9..1cfed91c4 100644 --- a/chart-sdk/wpf/Sparkline/How-To/Add-labels-for-track-ball.md +++ b/chart-sdk/wpf/Sparkline/How-To/Add-labels-for-track-ball.md @@ -1,13 +1,13 @@ --- layout: post -title: Add labels for track ball | SfSparkline | wpf | Syncfusion -description: The session describes how to add label and customize its appearance inside track ball of WPF spark line (SfSparkline). +title: How to add labels for track ball in WPF Sparkline | Syncfusion® +description: Add labels for the track ball in the WPF Sparkline to display data values and customize label appearance during data interaction. platform: chart-sdk control: SfSparkline documentation: ug --- -# Add labels for the track ball +# How to add labels for track ball in WPF Sparkline You can add labels for the track ball to show the corresponding values. To add labels for the track ball, subscribe to the `OnSparklineMouseMove` event. You can get the following data from the event argument. diff --git a/chart-sdk/wpf/Sparkline/How-To/Customize-the-marker-for-specific-data-point.md b/chart-sdk/wpf/Sparkline/How-To/Customize-the-marker-for-specific-data-point.md index d788684e4..7b1b829cf 100644 --- a/chart-sdk/wpf/Sparkline/How-To/Customize-the-marker-for-specific-data-point.md +++ b/chart-sdk/wpf/Sparkline/How-To/Customize-the-marker-for-specific-data-point.md @@ -1,13 +1,13 @@ --- layout: post -title: Customize the marker for data point in SfSparkline | Syncfusion -description: customize the marker for specific data point in Syncfusion WPF SfSparkline control, its elements and more. +title: How to customize a data point marker in WPF Sparkline | Syncfusion® +description: Customize a data point marker in the WPF Sparkline to apply distinct styles and improve the visibility of specific data points. platform: chart-sdk control: SfSparkline documentation: ug --- -# Customize the marker for a specific data point +# How to customize a data point marker in WPF Sparkline You can customize the marker for a specific data point with a custom template for `SfLineSparkline` and `SfAreaSparkline`. To customize the marker, inherit the `MarkerTemplateSelector` class and override the `SelectTemplate` method. diff --git a/chart-sdk/wpf/Sparkline/Marker-Customization.md b/chart-sdk/wpf/Sparkline/Marker-Customization.md index 74df0b19a..327a94cee 100644 --- a/chart-sdk/wpf/Sparkline/Marker-Customization.md +++ b/chart-sdk/wpf/Sparkline/Marker-Customization.md @@ -1,13 +1,13 @@ --- layout: post -title: Marker Customization in WPF Sparkline control | Syncfusion -description: Learn here all about Marker Customization support in Syncfusion WPF Sparkline (SfSparkline) control and more. +title: Marker Customization in WPF Sparkline | Syncfusion® +description: Marker customization in the WPF Sparkline allows you to modify marker appearance, styles, colors, and sizes for better data visualization. platform: chart-sdk control: SfSparkline documentation: ug --- -# Marker Customization in WPF Sparkline (SfSparkline) +# Marker Customization in WPF Sparkline Markers can be customized by initializing the marker template selector class. This allows differentiating the first, last, high, low, and negative points. diff --git a/chart-sdk/wpf/Sparkline/Markers.md b/chart-sdk/wpf/Sparkline/Markers.md index 1678d7ed9..2151877be 100644 --- a/chart-sdk/wpf/Sparkline/Markers.md +++ b/chart-sdk/wpf/Sparkline/Markers.md @@ -1,13 +1,13 @@ --- layout: post -title: Markers in WPF Sparkline control | Syncfusion -description: Learn here all about Markers support in Syncfusion WPF Sparkline (SfSparkline) control, its elements and more. +title: Markers in WPF Sparkline | Syncfusion® +description: Markers in the WPF Sparkline highlight specific data points, making trends, values, and key points easier to identify and analyze. platform: chart-sdk control: SfSparkline documentation: ug --- -# Markers in WPF Sparkline (SfSparkline) +# Markers in WPF Sparkline Markers are used to indicate the value points for line and area sparklines, and can be customized with different templates. diff --git a/chart-sdk/wpf/Sparkline/Overview.md b/chart-sdk/wpf/Sparkline/Overview.md index 0504b8e5f..0464f6073 100644 --- a/chart-sdk/wpf/Sparkline/Overview.md +++ b/chart-sdk/wpf/Sparkline/Overview.md @@ -1,13 +1,13 @@ --- layout: post -title: About WPF Sparkline control | Syncfusion -description: Learn here all about introduction of Syncfusion WPF Sparkline (SfSparkline) control, its elements and more. +title: About Syncfusion® WPF Sparkline control | Syncfusion® +description: Learn about the introduction of Syncfusion Essential Studio® WPF Sparkline control, its features, capabilities, and more details. platform: chart-sdk control: SfSparkline documentation: ug --- -# WPF Sparkline (SfSparkline) Overview +# About Syncfusion WPF Sparkline control A sparkline is a very small chart, typically drawn without axes or coordinates. It presents the general shape of data in a simple and highly condensed way. diff --git a/chart-sdk/wpf/Sparkline/Range-Band.md b/chart-sdk/wpf/Sparkline/Range-Band.md index a2f59bdda..ef5fab48a 100644 --- a/chart-sdk/wpf/Sparkline/Range-Band.md +++ b/chart-sdk/wpf/Sparkline/Range-Band.md @@ -1,13 +1,13 @@ --- layout: post -title: Range Band in WPF Sparkline control | Syncfusion -description: Learn here all about Range Band support in Syncfusion WPF Sparkline (SfSparkline) control, its elements and more. +title: Range Band in WPF Sparkline | Syncfusion® +description: Range band in the WPF Sparkline highlights a specified value range, helping emphasize thresholds, targets, and data variations. platform: chart-sdk control: SfSparkline documentation: ug --- -# Range Band in WPF Sparkline (SfSparkline) +# Range Band in WPF Sparkline The range band feature is used to highlight a particular range along the Y axis. diff --git a/chart-sdk/wpf/Sparkline/ShowHide-Axis.md b/chart-sdk/wpf/Sparkline/ShowHide-Axis.md index 4d5450bdc..a699459d5 100644 --- a/chart-sdk/wpf/Sparkline/ShowHide-Axis.md +++ b/chart-sdk/wpf/Sparkline/ShowHide-Axis.md @@ -1,13 +1,13 @@ --- layout: post -title: ShowHide Axis in WPF Sparkline control | Syncfusion -description: Learn here all about ShowHide Axis support in Syncfusion WPF Sparkline (SfSparkline) control and more. +title: Show and Hide Axis in WPF Sparkline | Syncfusion® +description: Show and hide the axis in the WPF Sparkline to control axis visibility and customize the chart appearance based on data requirements. platform: chart-sdk control: SfSparkline documentation: ug --- -# Show and Hide Axis in WPF Sparkline (SfSparkline) +# Show and Hide Axis in WPF Sparkline The following code is used to enable the axis. This feature is applicable for all sparklines except the WinLoss sparkline. You can also style the axis using the `AxisStyle` property and position the axis using the `AxisOrigin` property. diff --git a/chart-sdk/wpf/Sparkline/Sparkline-Types.md b/chart-sdk/wpf/Sparkline/Sparkline-Types.md index df2cacdeb..af4953c24 100644 --- a/chart-sdk/wpf/Sparkline/Sparkline-Types.md +++ b/chart-sdk/wpf/Sparkline/Sparkline-Types.md @@ -1,13 +1,13 @@ --- layout: post -title: Sparkline Types in WPF Sparkline control | Syncfusion -description: Learn here all about Sparkline Types support in Syncfusion WPF Sparkline (SfSparkline) control and more. +title: Types in WPF Sparkline | Syncfusion® +description: Types in the WPF Sparkline provide multiple visualization options to represent trends, variations, and data patterns effectively. platform: chart-sdk control: SfSparkline documentation: ug --- -# Sparkline Types in WPF Sparkline (SfSparkline) +# Types in WPF Sparkline ## Line sparkline diff --git a/chart-sdk/wpf/Sparkline/Track-ball.md b/chart-sdk/wpf/Sparkline/Track-ball.md index c1ed7bacf..386777cc9 100644 --- a/chart-sdk/wpf/Sparkline/Track-ball.md +++ b/chart-sdk/wpf/Sparkline/Track-ball.md @@ -1,13 +1,13 @@ --- layout: post -title: Track ball in WPF Sparkline control | Syncfusion -description: Learn here all about Track ball support in Syncfusion WPF Sparkline (SfSparkline) control, its elements and more. +title: Trackball in WPF Sparkline | Syncfusion® +description: Trackball in the WPF Sparkline displays data values at specific points, enabling precise inspection and analysis of chart data. platform: chart-sdk control: SfSparkline documentation: ug --- -# Track ball in WPF Sparkline (SfSparkline) +# Trackball in WPF Sparkline The track ball is used to indicate the value point on mouse move. This feature is applicable for line and area sparklines. diff --git a/chart-sdk/wpf/bullet-graph/Caption.md b/chart-sdk/wpf/bullet-graph/Caption.md index f450d8f41..e6f5ec712 100644 --- a/chart-sdk/wpf/bullet-graph/Caption.md +++ b/chart-sdk/wpf/bullet-graph/Caption.md @@ -1,13 +1,13 @@ --- layout: post -title: Caption in WPF Bullet Graph control | Syncfusion -description: Learn all about the Caption support in Syncfusion WPF Bullet Graph (SfBulletGraph) control and more. +title: Caption in WPF Bullet Graph | Syncfusion® +description: Caption in the WPF Bullet Graph displays descriptive text for the graph, helping users understand displayed metrics and data context. platform: chart-sdk control: SfBulletGraph documentation: ug --- -# Caption in WPF Bullet Graph (SfBulletGraph) +# Caption in WPF Bullet Graph The [`Caption`](https://help.syncfusion.com/cr/wpf/Syncfusion.UI.Xaml.BulletGraph.SfBulletGraph.html#Syncfusion_UI_Xaml_BulletGraph_SfBulletGraph_Caption) property of the bullet graph is used to specify a unique label describing the value represented in the bullet graph. diff --git a/chart-sdk/wpf/bullet-graph/Flow-Direction.md b/chart-sdk/wpf/bullet-graph/Flow-Direction.md index 5df4e12bf..f83041b29 100644 --- a/chart-sdk/wpf/bullet-graph/Flow-Direction.md +++ b/chart-sdk/wpf/bullet-graph/Flow-Direction.md @@ -1,13 +1,13 @@ --- layout: post -title: Flow Direction in WPF Bullet Graph control | Syncfusion -description: Learn all about the Flow Direction support in Syncfusion WPF Bullet Graph (SfBulletGraph) control and more. +title: Flow Direction in WPF Bullet Graph | Syncfusion® +description: Flow direction in the WPF Bullet Graph controls the layout orientation, enabling content to be displayed from left to right or right to left. platform: chart-sdk control: SfBulletGraph documentation: ug --- -# Flow Direction in WPF Bullet Graph (SfBulletGraph) +# 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. diff --git a/chart-sdk/wpf/bullet-graph/Getting-Started.md b/chart-sdk/wpf/bullet-graph/Getting-Started.md index f9b93c877..6b75253a0 100644 --- a/chart-sdk/wpf/bullet-graph/Getting-Started.md +++ b/chart-sdk/wpf/bullet-graph/Getting-Started.md @@ -1,13 +1,13 @@ --- layout: post -title: Getting Started with WPF Bullet Graph control | Syncfusion -description: Learn about getting started with the Syncfusion WPF Bullet Graph (SfBulletGraph) control, its elements, and more details. +title: Getting Started with WPF Bullet Graph | Syncfusion® +description: Learn how to get started with the Syncfusion® WPF Bullet Graph control. Explore setup, features, examples, and customization options. platform: chart-sdk control: SfBulletGraph documentation: ug --- -# Getting Started with WPF Bullet Graph (SfBulletGraph) +# 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. diff --git a/chart-sdk/wpf/bullet-graph/Key-features.md b/chart-sdk/wpf/bullet-graph/Key-features.md index 6302578de..87969ee7e 100644 --- a/chart-sdk/wpf/bullet-graph/Key-features.md +++ b/chart-sdk/wpf/bullet-graph/Key-features.md @@ -1,13 +1,13 @@ --- layout: post -title: Key Features in WPF Bullet Graph control | Syncfusion -description: Learn all about the Key Features in the Syncfusion WPF Bullet Graph (SfBulletGraph) control and more. +title: Key Features in WPF Bullet Graph | Syncfusion® +description: Key features in the WPF Bullet Graph include comparative measurement, target indicators, qualitative ranges, and customizable visualization. platform: chart-sdk control: SfBulletGraph documentation: ug --- -# Key Features in WPF Bullet Graph (SfBulletGraph) +# Key Features in WPF Bullet Graph [`SfBulletGraph`](https://help.syncfusion.com/cr/wpf/Syncfusion.UI.Xaml.BulletGraph.SfBulletGraph.html) is a composite UI element with the following sub-parts: diff --git a/chart-sdk/wpf/bullet-graph/Labels.md b/chart-sdk/wpf/bullet-graph/Labels.md index e1618f690..45489c70f 100644 --- a/chart-sdk/wpf/bullet-graph/Labels.md +++ b/chart-sdk/wpf/bullet-graph/Labels.md @@ -1,13 +1,13 @@ --- layout: post -title: Labels in WPF Bullet Graph control | Syncfusion -description: Learn about label support in the Syncfusion WPF SfBulletGraph control, including label customization, positioning, and formatting options. +title: Label Customization in WPF Bullet Graph | Syncfusion® +description: Label customization in WPF Bullet Graph supports data operations, UI customization, and enterprise features. platform: chart-sdk control: SfBulletGraph documentation: ug --- -# Labels in WPF Bullet Graph (SfBulletGraph) +# Label Customization in WPF Bullet Graph A quantitative scale label specifies the numeric value according to the major ticks in the range of the scale. diff --git a/chart-sdk/wpf/bullet-graph/Measures.md b/chart-sdk/wpf/bullet-graph/Measures.md index d926d8d21..b319113c0 100644 --- a/chart-sdk/wpf/bullet-graph/Measures.md +++ b/chart-sdk/wpf/bullet-graph/Measures.md @@ -1,13 +1,13 @@ --- layout: post -title: Measures in WPF Bullet Graph control | Syncfusion -description: Learn all about the Measures support in Syncfusion WPF Bullet Graph (SfBulletGraph) control and more. +title: Measures in WPF Bullet Graph | Syncfusion® +description: Measures in the WPF Bullet Graph display actual values against targets, enabling performance comparison and progress evaluation. platform: chart-sdk control: SfBulletGraph documentation: ug --- -# Measures in WPF Bullet Graph (SfBulletGraph) +# Measures in WPF Bullet Graph ## Featured Measure diff --git a/chart-sdk/wpf/bullet-graph/Orientation.md b/chart-sdk/wpf/bullet-graph/Orientation.md index 46f4e1323..131fe10eb 100644 --- a/chart-sdk/wpf/bullet-graph/Orientation.md +++ b/chart-sdk/wpf/bullet-graph/Orientation.md @@ -1,13 +1,13 @@ --- layout: post -title: Orientation in WPF Bullet Graph control | Syncfusion -description: Learn all about the Orientation support in Syncfusion WPF Bullet Graph (SfBulletGraph) control and more. +title: Orientation in WPF Bullet Graph | Syncfusion® +description: Orientation in the WPF Bullet Graph allows you to display the graph in horizontal or vertical layouts based on application requirements. platform: chart-sdk control: SfBulletGraph documentation: ug --- -# Orientation in WPF Bullet Graph (SfBulletGraph) +# 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. diff --git a/chart-sdk/wpf/bullet-graph/Overview.md b/chart-sdk/wpf/bullet-graph/Overview.md index 2b5d467fb..1030a9bef 100644 --- a/chart-sdk/wpf/bullet-graph/Overview.md +++ b/chart-sdk/wpf/bullet-graph/Overview.md @@ -1,13 +1,13 @@ --- layout: post -title: About WPF Bullet Graph control | Syncfusion -description: Learn all about the introduction of the Syncfusion WPF Bullet Graph (SfBulletGraph) control, its elements, and more details. +title: About Syncfusion® WPF Bullet Graph Control | Syncfusion® +description: Learn about the introduction of Syncfusion Essential Studio® WPF Bullet Graph control, its features, capabilities, and more details. platform: chart-sdk control: SfBulletGraph documentation: ug --- -# WPF Bullet Graph (SfBulletGraph) Overview +# About Syncfusion® WPF Bullet Graph Control The Bullet Graph is a variation of the bar graph that was developed as a replacement for the dashboard gauges and meters. The bullet graph features a single, primary measure (for example, current year-to-date revenue) and compares that measure to one or more other measures to enrich its meaning (for example, compared to a target). It displays the measures in the context of a qualitative range of performance, such as poor, satisfactory, and good. diff --git a/chart-sdk/wpf/bullet-graph/Quantitative-scale.md b/chart-sdk/wpf/bullet-graph/Quantitative-scale.md index 9dae6d6e2..a10224419 100644 --- a/chart-sdk/wpf/bullet-graph/Quantitative-scale.md +++ b/chart-sdk/wpf/bullet-graph/Quantitative-scale.md @@ -1,13 +1,13 @@ --- layout: post -title: Quantitative Scale in WPF Bullet Graph control | Syncfusion -description: Learn all about the Quantitative Scale support in Syncfusion WPF Bullet Graph (SfBulletGraph) control and more. +title: Quantitative Scale in WPF Bullet Graph | Syncfusion® +description: Quantitative scale in the WPF Bullet Graph defines value ranges, intervals, and targets, enabling accurate performance measurement and comparison. platform: chart-sdk control: SfBulletGraph documentation: ug --- -# Quantitative Scale in WPF Bullet Graph (SfBulletGraph) +# Quantitative Scale in WPF Bullet Graph The quantitative scale contains two major components: ticks and labels, which give the look of a bar graph. It defines the frequency of labels and tick marks with overall [`Minimum`](https://help.syncfusion.com/cr/wpf/Syncfusion.UI.Xaml.BulletGraph.SfBulletGraph.html#Syncfusion_UI_Xaml_BulletGraph_SfBulletGraph_Minimum) and [`Maximum`](https://help.syncfusion.com/cr/wpf/Syncfusion.UI.Xaml.BulletGraph.SfBulletGraph.html#Syncfusion_UI_Xaml_BulletGraph_SfBulletGraph_Maximum) values for the declared [`Interval`](https://help.syncfusion.com/cr/wpf/Syncfusion.UI.Xaml.BulletGraph.SfBulletGraph.html#Syncfusion_UI_Xaml_BulletGraph_SfBulletGraph_Interval). The length of the quantitative scale can be customized by using the [`QuantitativeScaleLength`](https://help.syncfusion.com/cr/wpf/Syncfusion.UI.Xaml.BulletGraph.SfBulletGraph.html#Syncfusion_UI_Xaml_BulletGraph_SfBulletGraph_QuantitativeScaleLength) property. diff --git a/chart-sdk/wpf/bullet-graph/Ranges.md b/chart-sdk/wpf/bullet-graph/Ranges.md index 90ffa45fb..d8b0ee7cb 100644 --- a/chart-sdk/wpf/bullet-graph/Ranges.md +++ b/chart-sdk/wpf/bullet-graph/Ranges.md @@ -1,13 +1,13 @@ --- layout: post -title: Ranges in WPF Bullet Graph control | Syncfusion -description: Learn about range support in the Syncfusion WPF SfBulletGraph control, including range customization, styling, and value visualization. +title: Ranges in WPF Bullet Graph | Syncfusion® +description: Ranges in the WPF Bullet Graph highlight specific value intervals, helping visualize performance levels, thresholds, and target comparisons. platform: chart-sdk control: SfBulletGraph documentation: ug --- -# Ranges in WPF Bullet Graph (SfBulletGraph) +# Ranges in WPF Bullet Graph Ranges for a bullet graph are a collection of qualitative ranges. A qualitative range is a visual element that begins at [`RangeStart`](https://help.syncfusion.com/cr/wpf/Syncfusion.UI.Xaml.BulletGraph.QualitativeRange.html#Syncfusion_UI_Xaml_BulletGraph_QualitativeRange_RangeStart) and ends at a specified [`RangeEnd`](https://help.syncfusion.com/cr/wpf/Syncfusion.UI.Xaml.BulletGraph.QualitativeRange.html#Syncfusion_UI_Xaml_BulletGraph_QualitativeRange_RangeEnd), continuing from the previous range's RangeEnd. The qualitative ranges are arranged according to each RangeEnd value. diff --git a/chart-sdk/wpf/bullet-graph/Ticks.md b/chart-sdk/wpf/bullet-graph/Ticks.md index 650c12c9e..5b8c9b82d 100644 --- a/chart-sdk/wpf/bullet-graph/Ticks.md +++ b/chart-sdk/wpf/bullet-graph/Ticks.md @@ -1,13 +1,13 @@ --- layout: post -title: Ticks in WPF Bullet Graph control | Syncfusion -description: Learn all about the Ticks support in Syncfusion WPF Bullet Graph (SfBulletGraph) control, its elements, and more details. +title: Ticks in WPF Bullet Graph | Syncfusion® +description: Ticks in the WPF Bullet Graph indicate scale intervals and support customization of size, position, style, and appearance settings. platform: chart-sdk control: SfBulletGraph documentation: ug --- -# Ticks in WPF Bullet Graph (SfBulletGraph) +# Ticks in WPF Bullet Graph The quantitative scale is displayed with two types of ticks: diff --git a/chart-sdk/wpf/bullet-graph/Tooltip.md b/chart-sdk/wpf/bullet-graph/Tooltip.md index ddbd4424c..79f129651 100644 --- a/chart-sdk/wpf/bullet-graph/Tooltip.md +++ b/chart-sdk/wpf/bullet-graph/Tooltip.md @@ -1,13 +1,13 @@ --- layout: post -title: Tooltip in WPF Bullet Graph control | Syncfusion -description: Learn all about the Tooltip support in Syncfusion WPF Bullet Graph (SfBulletGraph) control and more. +title: Tooltip in WPF Bullet Graph | Syncfusion® +description: Tooltip in the WPF Bullet Graph displays detailed information about values and targets on hover, enabling better data analysis. platform: chart-sdk control: SfBulletGraph documentation: ug --- -# Tooltip in WPF Bullet Graph (SfBulletGraph) +# Tooltip in WPF Bullet Graph The tooltip in `SfBulletGraph` is used to view the values of FeaturedMeasure, ComparativeMeasure, and QualitativeRange in a required design. diff --git a/chart-sdk/wpf/charts/Adornments/DataMarkers.md b/chart-sdk/wpf/charts/Adornments/DataMarkers.md index ae661a1cd..c78badf13 100644 --- a/chart-sdk/wpf/charts/Adornments/DataMarkers.md +++ b/chart-sdk/wpf/charts/Adornments/DataMarkers.md @@ -1,13 +1,13 @@ --- layout: post -title: Data Markers in WPF Charts control | Syncfusion -description: Learn here all about Data Markers support in Syncfusion® WPF Charts (SfChart) control, its elements and more details. +title: Data Markers in WPF Charts | Syncfusion® +description: Data markers in the WPF Chart display customizable indicators for data points, improving chart readability and data interpretation. platform: chart-sdk control: SfChart documentation: ug --- -# Data Markers in WPF Charts (SfChart) +# Data Markers in WPF Charts Chart adornments (Data Markers) are used to display values related to a chart segment element. Values from a data point (X, Y) or other custom properties from a data source can be displayed. diff --git a/chart-sdk/wpf/charts/Adornments/Label.md b/chart-sdk/wpf/charts/Adornments/Label.md index 15c2bfce3..7560ede67 100644 --- a/chart-sdk/wpf/charts/Adornments/Label.md +++ b/chart-sdk/wpf/charts/Adornments/Label.md @@ -1,13 +1,13 @@ --- layout: post -title: Data Label in WPF Charts control | Syncfusion -description: Learn here all about Data Label support in Syncfusion® WPF Charts (SfChart) control, its elements and more details. +title: Data Label in WPF Charts | Syncfusion® +description: Data labels in the WPF Chart display data point values directly on the chart, improving readability and data interpretation. platform: chart-sdk control: SfChart documentation: ug --- -# Data Label in WPF Charts (SfChart) +# Data Label in WPF Charts Data points can be easily annotated with labels to help improve the readability of data. diff --git a/chart-sdk/wpf/charts/Adornments/Marker.md b/chart-sdk/wpf/charts/Adornments/Marker.md index 1e303228f..8c1a52ae8 100644 --- a/chart-sdk/wpf/charts/Adornments/Marker.md +++ b/chart-sdk/wpf/charts/Adornments/Marker.md @@ -1,13 +1,13 @@ --- layout: post -title: Data Marker in WPF Charts control | Syncfusion -description: Learn here all about Data Marker support in Syncfusion® WPF Charts (SfChart) control, its elements, and more details. +title: Data Marker in WPF Charts | Syncfusion® +description: Data markers in the WPF Chart highlight individual data points with customizable shapes and styles for improved visualization. platform: chart-sdk control: SfChart documentation: ug --- -# Data Marker in WPF Charts (SfChart) +# Data Marker in WPF Charts Data Marker is used to mark the data points with built-in available shapes. diff --git a/chart-sdk/wpf/charts/Adornments/Positioning-Adornment.md b/chart-sdk/wpf/charts/Adornments/Positioning-Adornment.md index 972514251..c235d0c01 100644 --- a/chart-sdk/wpf/charts/Adornments/Positioning-Adornment.md +++ b/chart-sdk/wpf/charts/Adornments/Positioning-Adornment.md @@ -1,13 +1,13 @@ --- layout: post -title: Positioning Data Markers in WPF Charts control | Syncfusion -description: Learn here all about Positioning Data Markers support in Syncfusion® WPF Charts (SfChart) control, its elements, and more details. +title: Positioning Data Markers in WPF Charts | Syncfusion® +description: Positioning data markers in the WPF Chart allows you to customize marker placement relative to data points for better visibility. platform: chart-sdk control: SfChart documentation: ug --- -# Positioning Data Markers in WPF Charts (SfChart) +# Positioning Data Markers in WPF Charts The positioning of adornments inside the series is defined using [`AdornmentsPosition`](https://help.syncfusion.com/cr/wpf/Syncfusion.UI.Xaml.Charts.ChartAdornmentInfoBase.html#Syncfusion_UI_Xaml_Charts_ChartAdornmentInfoBase_AdornmentsPosition) property. diff --git a/chart-sdk/wpf/charts/Animation.md b/chart-sdk/wpf/charts/Animation.md index 40bbf3459..a03554cfa 100644 --- a/chart-sdk/wpf/charts/Animation.md +++ b/chart-sdk/wpf/charts/Animation.md @@ -1,13 +1,13 @@ --- layout: post -title: Animation in WPF Charts control | Syncfusion -description: Learn here all about Animation support in Syncfusion® WPF Charts (SfChart) control, its elements and more details. +title: Animation in WPF Charts | Syncfusion® +description: Animation in the WPF Chart provides smooth visual transitions for series rendering and data updates, improving user engagement. platform: chart-sdk control: SfChart documentation: ug --- -# Animation in WPF Charts (SfChart) +# 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. diff --git a/chart-sdk/wpf/charts/Annotations.md b/chart-sdk/wpf/charts/Annotations.md index 0d32c1b87..ff1f09837 100644 --- a/chart-sdk/wpf/charts/Annotations.md +++ b/chart-sdk/wpf/charts/Annotations.md @@ -1,20 +1,20 @@ --- layout: post -title: Annotations in WPF Charts control | Syncfusion -description: Learn here all about Annotations support in Syncfusion® WPF Charts (SfChart) control, its elements and more details. +title: Annotations in WPF Charts | Syncfusion® +description: Annotations in the WPF Chart enable you to add custom text, shapes, and UI elements to highlight and explain chart data. platform: chart-sdk control: SfChart documentation: ug --- -# Annotations in WPF Charts (SfChart) +# 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. The following annotations are supported in SfChart -* [Text Annotation](https://help.syncfusion.com/wpf/charts/annotations#text-annotation) -* [Shape Annotation](https://help.syncfusion.com/wpf/charts/annotations#shape-annotation) -* [Image Annotation](https://help.syncfusion.com/wpf/charts/annotations#image-annotation) +* [Text Annotation](https://help.syncfusion.com/chart-sdk/wpf/charts/annotations#text-annotation) +* [Shape Annotation](https://help.syncfusion.com/chart-sdk/wpf/charts/annotations#shape-annotation) +* [Image Annotation](https://help.syncfusion.com/chart-sdk/wpf/charts/annotations#image-annotation) ## Adding Annotation diff --git a/chart-sdk/wpf/charts/Appearance.md b/chart-sdk/wpf/charts/Appearance.md index 5094f46b0..ac2ff9f38 100644 --- a/chart-sdk/wpf/charts/Appearance.md +++ b/chart-sdk/wpf/charts/Appearance.md @@ -1,13 +1,13 @@ --- layout: post -title: Appearance in WPF Charts control | Syncfusion -description: Learn here all about Appearance support in Syncfusion® WPF Charts (SfChart) control, its elements and more details. +title: Appearance in WPF Charts | Syncfusion® +description: Appearance in the WPF Chart allows you to customize chart elements, colors, styles, and visual settings for enhanced presentation. platform: chart-sdk control: SfChart documentation: ug --- -# Appearance in WPF Charts (SfChart) +# Appearance in WPF Charts SfChart supports various customizing and styling options that allows you to enrich the application. diff --git a/chart-sdk/wpf/charts/Area.md b/chart-sdk/wpf/charts/Area.md index 383514622..2d393f5a2 100644 --- a/chart-sdk/wpf/charts/Area.md +++ b/chart-sdk/wpf/charts/Area.md @@ -1,13 +1,13 @@ --- layout: post -title: Area in WPF Charts control | Syncfusion -description: Learn here all about Area support in Syncfusion® WPF Charts (SfChart) control, its elements and more details. +title: Chart Area in WPF Charts | Syncfusion® +description: Chart Area in the WPF Chart displays data as filled regions between data points and the axis, emphasizing trends and value magnitude. platform: chart-sdk control: SfChart documentation: ug --- -# Area in WPF Charts (SfChart) +# Chart Area in WPF Chart Chart area represents the entire chart and all its elements. It’s a virtual rectangular area that includes all the chart elements like axis, legends, series, etc. diff --git a/chart-sdk/wpf/charts/Axis.md b/chart-sdk/wpf/charts/Axis.md index 5162193e4..37b5b8805 100644 --- a/chart-sdk/wpf/charts/Axis.md +++ b/chart-sdk/wpf/charts/Axis.md @@ -1,14 +1,14 @@ --- layout: post -title: Axis in WPF Charts control | Syncfusion -description: Learn here all about Axis support in Syncfusion® WPF Charts (SfChart) control, its elements and more details. +title: Axis Types and Customization in WPF Chart | Syncfusion® +description: Axis in the WPF Chart defines data scales, ranges, labels, and intervals to organize and present chart data effectively. platform: chart-sdk control: SfChart documentation: ug --- -# Axis in WPF Charts (SfChart) +# Axis Types and Customization in WPF Chart [`ChartAxis`](https://help.syncfusion.com/cr/wpf/Syncfusion.UI.Xaml.Charts.ChartAxis.html) is used to locate a data point inside the chart area. Charts typically have two axes that are used to measure and categorize data: a vertical (Y) axis and a horizontal (X) axis. @@ -2283,7 +2283,7 @@ The following property is common for all types of axes, **IncludeStripLineRange** -By default, [`striplines`](https://help.syncfusion.com/wpf/charts/striplines) are drawn up to the chart axis range, if the provided values (Start and Width) exceed the actual range of chart axis. It can be avoided by using [`IncludeStripLineRange`](https://help.syncfusion.com/cr/wpf/Syncfusion.UI.Xaml.Charts.ChartAxisBase2D.html#Syncfusion_UI_Xaml_Charts_ChartAxisBase2D_IncludeStripLineRange) property. While enabling [`IncludeStripLineRange`](https://help.syncfusion.com/cr/wpf/Syncfusion.UI.Xaml.Charts.ChartAxisBase2D.html#Syncfusion_UI_Xaml_Charts_ChartAxisBase2D_IncludeStripLineRange) property, the axis range will be extended up to the provided stripline range. The property can be set as shown in the following code example. +By default, [`striplines`](https://help.syncfusion.com/chart-sdk/wpf/charts/striplines) are drawn up to the chart axis range, if the provided values (Start and Width) exceed the actual range of chart axis. It can be avoided by using [`IncludeStripLineRange`](https://help.syncfusion.com/cr/wpf/Syncfusion.UI.Xaml.Charts.ChartAxisBase2D.html#Syncfusion_UI_Xaml_Charts_ChartAxisBase2D_IncludeStripLineRange) property. While enabling [`IncludeStripLineRange`](https://help.syncfusion.com/cr/wpf/Syncfusion.UI.Xaml.Charts.ChartAxisBase2D.html#Syncfusion_UI_Xaml_Charts_ChartAxisBase2D_IncludeStripLineRange) property, the axis range will be extended up to the provided stripline range. The property can be set as shown in the following code example. {% tabs %} @@ -2327,7 +2327,7 @@ ChartStripLine stripline = new ChartStripLine() **IncludeAnnotationRange** -By default, [`annotations`](https://help.syncfusion.com/wpf/charts/annotations) are drawn up to the chart axis range, if the provided values (X1, X2, Y1, and Y2) exceed the actual range of [`chart axis`](https://help.syncfusion.com/cr/wpf/Syncfusion.UI.Xaml.Charts.ChartAxis.html). It can be avoided by using [`IncludeAnnotationRange`](https://help.syncfusion.com/cr/wpf/Syncfusion.UI.Xaml.Charts.RangeAxisBase.html#Syncfusion_UI_Xaml_Charts_RangeAxisBase_IncludeAnnotationRange) property. While enabling [`IncludeAnnotationRange`](https://help.syncfusion.com/cr/wpf/Syncfusion.UI.Xaml.Charts.RangeAxisBase.html#Syncfusion_UI_Xaml_Charts_RangeAxisBase_IncludeAnnotationRange) property, the axis range will be extended up to the provided annotation range. +By default, [`annotations`](https://help.syncfusion.com/chart-sdk/wpf/charts/annotations) are drawn up to the chart axis range, if the provided values (X1, X2, Y1, and Y2) exceed the actual range of [`chart axis`](https://help.syncfusion.com/cr/wpf/Syncfusion.UI.Xaml.Charts.ChartAxis.html). It can be avoided by using [`IncludeAnnotationRange`](https://help.syncfusion.com/cr/wpf/Syncfusion.UI.Xaml.Charts.RangeAxisBase.html#Syncfusion_UI_Xaml_Charts_RangeAxisBase_IncludeAnnotationRange) property. While enabling [`IncludeAnnotationRange`](https://help.syncfusion.com/cr/wpf/Syncfusion.UI.Xaml.Charts.RangeAxisBase.html#Syncfusion_UI_Xaml_Charts_RangeAxisBase_IncludeAnnotationRange) property, the axis range will be extended up to the provided annotation range. The property is applicable only for linear axes, and it can be set as shown in the following code example. {% tabs %} @@ -3292,7 +3292,7 @@ In the above screenshot, the LineSeries is plotted based on additional X & Y axe ## Multi-level Labels -[`Axis`](https://help.syncfusion.com/wpf/charts/axis) can be customized with multiple levels of label by using its [`MultiLevelLabels`](https://help.syncfusion.com/cr/wpf/Syncfusion.UI.Xaml.Charts.ChartAxisBase2D.html#Syncfusion_UI_Xaml_Charts_ChartAxisBase2D_MultiLevelLabels) property. These labels are placed based on the provided [`Start`](https://help.syncfusion.com/cr/wpf/Syncfusion.UI.Xaml.Charts.ChartMultiLevelLabel.html#Syncfusion_UI_Xaml_Charts_ChartMultiLevelLabel_Start) and [`End`](https://help.syncfusion.com/cr/wpf/Syncfusion.UI.Xaml.Charts.ChartMultiLevelLabel.html#Syncfusion_UI_Xaml_Charts_ChartMultiLevelLabel_End) range values. You can add any number of labels to an axis. The following code example illustrates how to set a multilevel label. +[`Axis`](https://help.syncfusion.com/chart-sdk/wpf/charts/axis) can be customized with multiple levels of label by using its [`MultiLevelLabels`](https://help.syncfusion.com/cr/wpf/Syncfusion.UI.Xaml.Charts.ChartAxisBase2D.html#Syncfusion_UI_Xaml_Charts_ChartAxisBase2D_MultiLevelLabels) property. These labels are placed based on the provided [`Start`](https://help.syncfusion.com/cr/wpf/Syncfusion.UI.Xaml.Charts.ChartMultiLevelLabel.html#Syncfusion_UI_Xaml_Charts_ChartMultiLevelLabel_Start) and [`End`](https://help.syncfusion.com/cr/wpf/Syncfusion.UI.Xaml.Charts.ChartMultiLevelLabel.html#Syncfusion_UI_Xaml_Charts_ChartMultiLevelLabel_End) range values. You can add any number of labels to an axis. The following code example illustrates how to set a multilevel label. {% tabs %} @@ -3428,7 +3428,7 @@ chart.PrimaryAxis.MultiLevelLabels.Add(label); **Border Type** -[`Chart Axis`](https://help.syncfusion.com/wpf/charts/axis) provides support to various types of border for [`ChartMultiLevelLabels`](https://help.syncfusion.com/cr/wpf/Syncfusion.UI.Xaml.Charts.ChartMultiLevelLabel.html). It can be applied by using its [`MultiLevelLabelsBorderType`](https://help.syncfusion.com/cr/wpf/Syncfusion.UI.Xaml.Charts.ChartAxisBase2D.html#Syncfusion_UI_Xaml_Charts_ChartAxisBase2D_MultiLevelLabelsBorderType) property. The default [`MultiLevelLabelsBorderType`](https://help.syncfusion.com/cr/wpf/Syncfusion.UI.Xaml.Charts.ChartAxisBase2D.html#Syncfusion_UI_Xaml_Charts_ChartAxisBase2D_MultiLevelLabelsBorderType) is [`Rectangle`](https://help.syncfusion.com/cr/wpf/Syncfusion.UI.Xaml.Charts.BorderType.html). The another supported border types are [`Brace`](https://help.syncfusion.com/cr/wpf/Syncfusion.UI.Xaml.Charts.BorderType.html) ,[`None`](https://help.syncfusion.com/cr/wpf/Syncfusion.UI.Xaml.Charts.BorderType.html) and [`WithoutTopAndBottomBorder`](https://help.syncfusion.com/cr/wpf/Syncfusion.UI.Xaml.Charts.BorderType.html). +[`Chart Axis`](https://help.syncfusion.com/chart-sdk/wpf/charts/axis) provides support to various types of border for [`ChartMultiLevelLabels`](https://help.syncfusion.com/cr/wpf/Syncfusion.UI.Xaml.Charts.ChartMultiLevelLabel.html). It can be applied by using its [`MultiLevelLabelsBorderType`](https://help.syncfusion.com/cr/wpf/Syncfusion.UI.Xaml.Charts.ChartAxisBase2D.html#Syncfusion_UI_Xaml_Charts_ChartAxisBase2D_MultiLevelLabelsBorderType) property. The default [`MultiLevelLabelsBorderType`](https://help.syncfusion.com/cr/wpf/Syncfusion.UI.Xaml.Charts.ChartAxisBase2D.html#Syncfusion_UI_Xaml_Charts_ChartAxisBase2D_MultiLevelLabelsBorderType) is [`Rectangle`](https://help.syncfusion.com/cr/wpf/Syncfusion.UI.Xaml.Charts.BorderType.html). The another supported border types are [`Brace`](https://help.syncfusion.com/cr/wpf/Syncfusion.UI.Xaml.Charts.BorderType.html) ,[`None`](https://help.syncfusion.com/cr/wpf/Syncfusion.UI.Xaml.Charts.BorderType.html) and [`WithoutTopAndBottomBorder`](https://help.syncfusion.com/cr/wpf/Syncfusion.UI.Xaml.Charts.BorderType.html). **Rectangle** diff --git a/chart-sdk/wpf/charts/CodedUI.md b/chart-sdk/wpf/charts/CodedUI.md index 5fe2c9492..8d6c08fdb 100644 --- a/chart-sdk/wpf/charts/CodedUI.md +++ b/chart-sdk/wpf/charts/CodedUI.md @@ -1,13 +1,13 @@ --- layout: post -title: Coded UI in WPF Charts control | Syncfusion -description: Learn here all about Coded UI support in Syncfusion® WPF Charts (SfChart) control, its elements and more details. +title: Coded UI in WPF Charts | Syncfusion® +description: Coded UI in the WPF Chart supports automated UI testing by enabling interaction, validation, and verification of chart elements. platform: chart-sdk control: SfChart documentation: ug --- -# Coded UI in WPF Charts (SfChart) +# Coded UI in WPF Charts Automated tests that drive your application through its user interface (UI) are known as **coded UI** **tests** (CUITs). These tests include functional testing of the UI controls. SfChart supports Coded UI automation that helps you create automated tests for inner elements and records the sequence of actions. While dragging the crosshair on UI elements, it shows the properties of the respective UI elements and you can also add assertion for each of the properties. diff --git a/chart-sdk/wpf/charts/DataBinding.md b/chart-sdk/wpf/charts/DataBinding.md index c25e1addc..a739c5748 100644 --- a/chart-sdk/wpf/charts/DataBinding.md +++ b/chart-sdk/wpf/charts/DataBinding.md @@ -1,13 +1,13 @@ --- layout: post -title: Data Binding in WPF Charts control | Syncfusion -description: Learn here all about Data Binding support in Syncfusion® WPF Charts (SfChart) control, its elements and more details. +title: Data Binding in WPF Charts | Syncfusion® +description: Data binding in the WPF Chart connects chart series to data sources, enabling dynamic visualization and automatic data updates. platform: chart-sdk control: SfChart documentation: ug --- -# Data Binding in WPF Charts (SfChart) +# Data Binding in WPF Charts SfChart offers ItemsSource property to bind various datasource ranges from simple collection property to complex properties. diff --git a/chart-sdk/wpf/charts/Exporting.md b/chart-sdk/wpf/charts/Exporting.md index f3b4f68d2..c84ffd4f0 100644 --- a/chart-sdk/wpf/charts/Exporting.md +++ b/chart-sdk/wpf/charts/Exporting.md @@ -1,13 +1,13 @@ --- layout: post -title: Exporting in WPF Charts control | Syncfusion -description: Learn here all about Exporting support in Syncfusion® WPF Charts (SfChart) control, its elements and more details. +title: Exporting in WPF Charts | Syncfusion® +description: Exporting in the WPF Chart enables chart data and visuals to be saved in supported formats for sharing, printing, and reporting. platform: chart-sdk control: SfChart documentation: ug --- -# Exporting in WPF Charts (SfChart) +# Exporting in WPF Charts Chart can be exported into image format. The following are the supported image formats: diff --git a/chart-sdk/wpf/charts/FastChart/Fast-BitmapSeries.md b/chart-sdk/wpf/charts/FastChart/Fast-BitmapSeries.md index 1d3a8dc33..f93b7a8b6 100644 --- a/chart-sdk/wpf/charts/FastChart/Fast-BitmapSeries.md +++ b/chart-sdk/wpf/charts/FastChart/Fast-BitmapSeries.md @@ -1,13 +1,13 @@ --- layout: post -title: Fast Bitmap Series in WPF Charts control | Syncfusion -description: Learn here all about Fast Bitmap Series support in Syncfusion® WPF Charts (SfChart) control, its elements, and more details. +title: Fast Bitmap Series in WPF Charts | Syncfusion® +description: Fast Bitmap Series in the WPF Chart renders large volumes of data efficiently, delivering improved performance and faster visualization. platform: chart-sdk control: SfChart documentation: ug --- -# Fast Bitmap Series in WPF Charts (SfChart) +# Fast Bitmap Series in WPF Charts A fast bitmap chart displays a series of segments rendered using WritableBitmap. diff --git a/chart-sdk/wpf/charts/FastChart/Fast-Series.md b/chart-sdk/wpf/charts/FastChart/Fast-Series.md index 0082239e5..a5e494be8 100644 --- a/chart-sdk/wpf/charts/FastChart/Fast-Series.md +++ b/chart-sdk/wpf/charts/FastChart/Fast-Series.md @@ -1,13 +1,13 @@ --- layout: post -title: Fast Series in WPF Charts control | Syncfusion -description: Learn here all about Fast Series support in Syncfusion® WPF Charts (SfChart) control, its elements and more details. +title: Fast Series in WPF Charts | Syncfusion® +description: Fast Series in the WPF Chart renders large datasets with optimized performance, enabling smooth interaction and efficient data analysis. platform: chart-sdk control: SfChart documentation: ug --- -# Fast Series in WPF Charts (SfChart) +# Fast Series in WPF Charts A fast series is a special kind of line chart that can render a collection with a huge number of data points. Fast series is rendered using a polyline segment. diff --git a/chart-sdk/wpf/charts/FastChart/FastCharts.md b/chart-sdk/wpf/charts/FastChart/FastCharts.md index 929f09df8..6f426f51e 100644 --- a/chart-sdk/wpf/charts/FastChart/FastCharts.md +++ b/chart-sdk/wpf/charts/FastChart/FastCharts.md @@ -1,13 +1,13 @@ --- layout: post -title: Fast Chart in WPF Charts control | Syncfusion -description: Learn here all about Fast Chart support in Syncfusion® WPF Charts (SfChart) control, its elements and more details. +title: Fast Chart in WPF Charts | Syncfusion® +description: Fast Charts in the WPF Chart provide high-performance rendering for large datasets, enabling responsive visualization and analysis. platform: chart-sdk control: SfChart documentation: ug --- -# Fast Charts in WPF Charts (SfChart) +# Fast Charts in WPF Charts SfChart includes functionality for fast-plotting more than 10 fast chart types. Each chart type is easily configurable with built-in support for creating stunning visual effects. diff --git a/chart-sdk/wpf/charts/Getting-Started.md b/chart-sdk/wpf/charts/Getting-Started.md index 7cd51e945..ecb204a7c 100644 --- a/chart-sdk/wpf/charts/Getting-Started.md +++ b/chart-sdk/wpf/charts/Getting-Started.md @@ -1,13 +1,13 @@ --- layout: post -title: Getting Started with WPF Charts control | Syncfusion -description: Learn here about getting started with Syncfusion® WPF Charts (SfChart) control, its elements, and more details. +title: Getting Started with WPF Charts control | Syncfusion® +description: Learn how to get started with the Syncfusion® WPF Charts control. Explore setup, features, examples, and customization options. platform: chart-sdk control: SfChart documentation: ug --- -# Getting Started with WPF Charts (SfChart) +# Getting Started with WPF Charts This section explains the steps required to populate the chart with data, header, data labels, legend, and tooltips in the chart. This section covers only the minimal features that you need to learn to get started with the chart. @@ -287,7 +287,7 @@ chart.Series.Add(series) {% endtabs %} -N> Syncfusion® Chart also supports rendering a combination of multiple series. Refer to [`this`](https://help.syncfusion.com/wpf/charts/area#multiple-area) for details. +N> Syncfusion® Chart also supports rendering a combination of multiple series. Refer to [`this`](https://help.syncfusion.com/chart-sdk/wpf/charts/area#multiple-area) for details. ## Add title @@ -320,7 +320,7 @@ chart.Header = "Chart" {% endtabs %} -Refer to [`this`](https://help.syncfusion.com/wpf/charts/header) link to learn more about the options available in [`SfChart`](https://help.syncfusion.com/cr/wpf/Syncfusion.UI.Xaml.Charts.SfChart.html) to customize chart header. +Refer to [`this`](https://help.syncfusion.com/chart-sdk/wpf/charts/header) link to learn more about the options available in [`SfChart`](https://help.syncfusion.com/cr/wpf/Syncfusion.UI.Xaml.Charts.SfChart.html) to customize chart header. ## Enable data labels diff --git a/chart-sdk/wpf/charts/Header.md b/chart-sdk/wpf/charts/Header.md index d760990e4..b55f2f95e 100644 --- a/chart-sdk/wpf/charts/Header.md +++ b/chart-sdk/wpf/charts/Header.md @@ -1,13 +1,13 @@ --- layout: post -title: Header in WPF Charts control | Syncfusion -description: Learn here all about Header support in Syncfusion® WPF Charts (SfChart) control, its elements and more details. +title: Header in WPF Charts | Syncfusion® +description: Header in the WPF Chart displays a title for the chart, providing context and helping users understand the presented data. platform: chart-sdk control: SfChart documentation: ug --- -# Header in WPF Charts (SfChart) +# Header in WPF Charts [`Header`](https://help.syncfusion.com/cr/wpf/Syncfusion.UI.Xaml.Charts.ChartBase.html#Syncfusion_UI_Xaml_Charts_ChartBase_Header) property is used to define the title for the chart. This allows you to add any object (.Net object) as content for the chart title. diff --git a/chart-sdk/wpf/charts/How-To/Add-custom-labels-to-track-ball-behavior.md b/chart-sdk/wpf/charts/How-To/Add-custom-labels-to-track-ball-behavior.md index 4e2697287..1f42ddbd2 100644 --- a/chart-sdk/wpf/charts/How-To/Add-custom-labels-to-track-ball-behavior.md +++ b/chart-sdk/wpf/charts/How-To/Add-custom-labels-to-track-ball-behavior.md @@ -1,13 +1,13 @@ --- layout: post -title: Add custom labels to track ball behavior| SfChart | Wpf | Syncfusion -description: Add custom labels to track ball behavior in Syncfusion® WPF Chart (SfChart) control, its elements and more. +title: How to add custom track ball labels in WPF Chart | Syncfusion® +description: Add custom labels to track ball behavior in the WPF Chart to display customized information for data points during interaction. platform: chart-sdk control: SfChart documentation: ug --- -# Add custom labels to track ball behavior +# How to add custom labels to track ball behavior in WPF Chart In the ChartTrackBallBehavior, each data point will have a label aligned vertically and horizontally using the LabelVerticalAlignment and LabelHorizontalAlignment properties by default. However, you can also add custom labels to the ChartTrackBallBehavior. diff --git a/chart-sdk/wpf/charts/How-To/Add-range-of-points-dynamically.md b/chart-sdk/wpf/charts/How-To/Add-range-of-points-dynamically.md index 224f54db4..7f670c935 100644 --- a/chart-sdk/wpf/charts/How-To/Add-range-of-points-dynamically.md +++ b/chart-sdk/wpf/charts/How-To/Add-range-of-points-dynamically.md @@ -1,13 +1,13 @@ --- layout: post -title: Add range of points dynamically| SfChart | Wpf | Syncfusion -description: Add range of points dynamically in Syncfusion Essential Studio® WPF Chart (SfChart) control, its elements and more. +title: How to dynamically add a range of points in WPF Chart| Syncfusion® +description: Add a range of points dynamically in the WPF Chart to update chart data efficiently and reflect changes in real time. platform: chart-sdk control: SfChart documentation: ug --- -# Add range of points dynamically +# How to dynamically add a range of points in WPF Chart Whenever you add a data point to ItemsSource dynamically, corresponding data will be updated inside chart series synchronously. This operation will be happening for each and every data point that we add subsequently. You can avoid this by calling SuspendSeriesNotification method of Chart before adding range of data points and then call ResumeSeriesNotification to update all the data points that have been added between these two method calls. diff --git a/chart-sdk/wpf/charts/How-To/Export-Chart-to-Image-Windows-8-1.md b/chart-sdk/wpf/charts/How-To/Export-Chart-to-Image-Windows-8-1.md index 172318ac2..ba8d7655a 100644 --- a/chart-sdk/wpf/charts/How-To/Export-Chart-to-Image-Windows-8-1.md +++ b/chart-sdk/wpf/charts/How-To/Export-Chart-to-Image-Windows-8-1.md @@ -1,13 +1,13 @@ --- layout: post -title: Export Chart to Image Windows 8.1 in WPF Chart Control | Syncfusion -description: Learn here all about export chart to image windows 8.1 support in Syncfusion Essential® WPF Chart(SFChart) control, it's elements, and more. +title: How to export chart to image in WPF Chart | Syncfusion® +description: Export a chart to an image in the WPF Chart on Windows 8.1 to save chart visuals for sharing, printing, or further use. platform: chart-sdk control: SfChart documentation: ug --- -# Export Chart to Image (Windows 8.1) in WPF Charts +# How to export chart to image in WPF Chart The export chart to image feature in the SfChart control enables the user to export the image of the chart in different image file formats. diff --git a/chart-sdk/wpf/charts/How-To/Print-the-SfChart.md b/chart-sdk/wpf/charts/How-To/Print-the-SfChart.md index c11cb26d9..6858ab724 100644 --- a/chart-sdk/wpf/charts/How-To/Print-the-SfChart.md +++ b/chart-sdk/wpf/charts/How-To/Print-the-SfChart.md @@ -1,13 +1,13 @@ --- layout: post -title: Print the SfChart| SfChart | Wpf | Syncfusion -description: Print the sfchart in Syncfusion Essential Studio® WPF Chart (SfChart) control, its elements and more. +title: How to print the chart in WPF Chart | Syncfusion® +description: Print the WPF Chart to create physical copies of chart visuals for reporting, presentation, and documentation purposes. platform: chart-sdk control: SfChart documentation: ug --- -# Print the SfChart in WPF +# How to print the chart in WPF Chart To print the SfChart, call the Print method. The following code sample can be used to print the SfChart: diff --git a/chart-sdk/wpf/charts/How-To/Serialize-the-SfChart.md b/chart-sdk/wpf/charts/How-To/Serialize-the-SfChart.md index 9d52cffbb..3456c29c3 100644 --- a/chart-sdk/wpf/charts/How-To/Serialize-the-SfChart.md +++ b/chart-sdk/wpf/charts/How-To/Serialize-the-SfChart.md @@ -1,13 +1,13 @@ --- layout: post -title: Serialize the SfChart| SfChart | Wpf | Syncfusion -description: Serialization and deserialization in Syncfusion Essential Studio® WPF Chart (SfChart) control, its elements and more. +title: How to serialize the chart in WPF Chart | Syncfusion® +description: Serialize and deserialize the WPF Chart to save and restore chart state, settings, and data across application sessions. platform: chart-sdk control: SfChart documentation: ug --- -# Serialization and Deserialization: +# How to serialize the chart in WPF Chart SfChart provides the support for serializing and deserializing control. This section explains on how to serialize and deserialize SfChart. diff --git a/chart-sdk/wpf/charts/How-To/Transform-axis-value-to-pixel-value-and-vice-versa.md b/chart-sdk/wpf/charts/How-To/Transform-axis-value-to-pixel-value-and-vice-versa.md index ee746e51c..e91a886cb 100644 --- a/chart-sdk/wpf/charts/How-To/Transform-axis-value-to-pixel-value-and-vice-versa.md +++ b/chart-sdk/wpf/charts/How-To/Transform-axis-value-to-pixel-value-and-vice-versa.md @@ -1,13 +1,13 @@ --- layout: post -title: Transform axis value to pixel value in WPF Chart Control | Syncfusion -description: Transform axis value to pixel value and vice versa in Syncfusion Essential Studio® WPF Chart (SfChart) control, its elements and more. +title: How to transform axis value to pixel in WPF Chart | Syncfusion® +description: Transform axis values to pixel values and convert pixel values back to axis values in the WPF Chart for coordinate-based interactions. platform: chart-sdk control: SfChart documentation: ug --- -# Transform axis value to pixel value and vice versa +# How to transform axis value to pixel value in WPF Chart SfChart offers two utility methods for converting your data points into pixel values (device coordinates). diff --git a/chart-sdk/wpf/charts/Interactive-Features/Crosshair.md b/chart-sdk/wpf/charts/Interactive-Features/Crosshair.md index 1ac865216..2dd8e153a 100644 --- a/chart-sdk/wpf/charts/Interactive-Features/Crosshair.md +++ b/chart-sdk/wpf/charts/Interactive-Features/Crosshair.md @@ -1,13 +1,13 @@ --- layout: post -title: Crosshair in WPF Charts control | Syncfusion -description: Learn here all about Crosshair support in Syncfusion® WPF Charts (SfChart) control, its elements and more details. +title: Crosshair in WPF Charts | Syncfusion® +description: Crosshair in the WPF Chart displays intersecting lines and axis values, helping users precisely inspect data point positions. platform: chart-sdk control: SfChart documentation: ug --- -# Crosshair in WPF Charts (SfChart) +# Crosshair in WPF Charts ChartCrossHairBehavior is used to view the values at mouse point or touch contact point. By moving these lines horizontally, you can get the X values and by moving these lines vertically, you can get the Y values. diff --git a/chart-sdk/wpf/charts/Interactive-Features/InteractiveFeatures.md b/chart-sdk/wpf/charts/Interactive-Features/InteractiveFeatures.md index 7a051fe95..de9ae7e49 100644 --- a/chart-sdk/wpf/charts/Interactive-Features/InteractiveFeatures.md +++ b/chart-sdk/wpf/charts/Interactive-Features/InteractiveFeatures.md @@ -1,13 +1,13 @@ --- layout: post -title: Interactive Features in WPF Charts control | Syncfusion -description: Learn here all about Interactive Features support in Syncfusion® WPF Charts (SfChart) control, its elements, and more details. +title: Interactive Features in WPF Charts | Syncfusion® +description: Interactive features in the WPF Chart enable zooming, panning, selection, tooltips, and navigation for enhanced data exploration. platform: chart-sdk control: SfChart documentation: ug --- -# Interactive Features in WPF Charts (SfChart) +# Interactive Features in WPF Charts SfChart provides interactive features such as tracking data points and resizing the scrollbar. diff --git a/chart-sdk/wpf/charts/Interactive-Features/Resizable-Scrollbar.md b/chart-sdk/wpf/charts/Interactive-Features/Resizable-Scrollbar.md index 25edab73f..ccab475db 100644 --- a/chart-sdk/wpf/charts/Interactive-Features/Resizable-Scrollbar.md +++ b/chart-sdk/wpf/charts/Interactive-Features/Resizable-Scrollbar.md @@ -1,13 +1,13 @@ --- layout: post -title: Resizable Scrollbar in WPF Charts control | Syncfusion -description: Learn here all about Resizable Scrollbar support in Syncfusion® WPF Charts (SfChart) control, its elements, and more details. +title: Resizable Scrollbar in WPF Charts | Syncfusion® +description: Resizable scrollbar in the WPF Chart allows users to adjust the visible data range dynamically for improved navigation and analysis platform: chart-sdk control: SfChart documentation: ug --- -# Resizable Scrollbar in WPF Charts (SfChart) +# Resizable Scrollbar in WPF Charts The resizable scrollbar is a type of scrollbar that can be resized within the track area by adjusting the scrolling thumbs. In the SfChart, a resizable scrollbar is used for zooming and panning across different chart segments. diff --git a/chart-sdk/wpf/charts/Interactive-Features/Selection.md b/chart-sdk/wpf/charts/Interactive-Features/Selection.md index 5a1a47608..6673ba18e 100644 --- a/chart-sdk/wpf/charts/Interactive-Features/Selection.md +++ b/chart-sdk/wpf/charts/Interactive-Features/Selection.md @@ -1,13 +1,13 @@ --- layout: post -title: Selection in WPF Charts control | Syncfusion -description: Learn here all about Selection support in Syncfusion® WPF Charts (SfChart) control, its elements and more details. +title: Selection in WPF Charts | Syncfusion® +description: Selection in the WPF Chart enables users to highlight and interact with data points, segments, or series for focused analysis. platform: chart-sdk control: SfChart documentation: ug --- -# Selection in WPF Charts (SfChart) +# Selection in WPF Charts SfChart supports selection that allows you to select a segment in a series or series itself by using [`ChartSelectionBehavior`](https://help.syncfusion.com/cr/wpf/Syncfusion.UI.Xaml.Charts.ChartSelectionBehavior.html#). diff --git a/chart-sdk/wpf/charts/Interactive-Features/Tooltip.md b/chart-sdk/wpf/charts/Interactive-Features/Tooltip.md index f1f7ce826..039ca6de8 100644 --- a/chart-sdk/wpf/charts/Interactive-Features/Tooltip.md +++ b/chart-sdk/wpf/charts/Interactive-Features/Tooltip.md @@ -1,14 +1,14 @@ --- layout: post -title: Tooltip in WPF Charts control | Syncfusion -description: Learn here all about Tooltip support in Syncfusion® WPF Charts (SfChart) control, its elements, and more details. +title: Tooltip in WPF Charts | Syncfusion® +description: Tooltip in the WPF Chart displays detailed information about data points on hover, helping users analyze chart data effectively. platform: chart-sdk control: SfChart documentation: ug --- -# Tooltip in WPF Charts (SfChart) +# Tooltip in WPF Charts The Tooltip feature allows you to display any information over a [`ChartSeries`](https://help.syncfusion.com/cr/wpf/Syncfusion.UI.Xaml.Charts.ChartSeries.html#). It is used in conjunction with the pointer or at the data point position. It appears when the mouse hovers over any chart segment. It is set to display the metadata of the particular segment or data point. diff --git a/chart-sdk/wpf/charts/Interactive-Features/Trackball.md b/chart-sdk/wpf/charts/Interactive-Features/Trackball.md index 690118623..0f2b0e2ee 100644 --- a/chart-sdk/wpf/charts/Interactive-Features/Trackball.md +++ b/chart-sdk/wpf/charts/Interactive-Features/Trackball.md @@ -1,13 +1,13 @@ --- layout: post -title: Trackball in WPF Charts control | Syncfusion -description: Learn here all about Trackball support in Syncfusion® WPF Charts (SfChart) control, its elements and more details. +title: Trackball in WPF Charts | Syncfusion® +description: Trackball in the WPF Chart displays contextual information across data points, enabling precise data inspection and comparison. platform: chart-sdk control: SfChart documentation: ug --- -# Trackball in WPF Charts (SfChart) +# Trackball in WPF Charts The [`ChartTrackBallBehavior`](https://help.syncfusion.com/cr/wpf/Syncfusion.UI.Xaml.Charts.ChartTrackBallBehavior.html#) allows you to track a data point closer to the cursor position. The x values are determined from the position of the vertical line in the axis and y values are determined from the points touching the vertical line in the series. diff --git a/chart-sdk/wpf/charts/Interactive-Features/Visual-Data-Editing.md b/chart-sdk/wpf/charts/Interactive-Features/Visual-Data-Editing.md index 502b099e9..76961210b 100644 --- a/chart-sdk/wpf/charts/Interactive-Features/Visual-Data-Editing.md +++ b/chart-sdk/wpf/charts/Interactive-Features/Visual-Data-Editing.md @@ -1,13 +1,13 @@ --- layout: post -title: Visual Data Editing in WPF Charts control | Syncfusion -description: Learn here all about Visual Data Editing support in Syncfusion® WPF Charts (SfChart) control, its elements, and more details. +title: Visual Data Editing in WPF Charts | Syncfusion +description: Visual data editing in the WPF Chart allows users to modify data points directly within the chart for interactive data updates. platform: chart-sdk control: SfChart documentation: ug --- -# Visual Data Editing in WPF Charts (SfChart) +# Visual Data Editing in WPF Charts SfChart has a feature that allows you to edit an entire series or a single data point at run time by dragging the single point or the series as a whole. diff --git a/chart-sdk/wpf/charts/Interactive-Features/zoompan.md b/chart-sdk/wpf/charts/Interactive-Features/zoompan.md index a79ce7d11..3f553038f 100644 --- a/chart-sdk/wpf/charts/Interactive-Features/zoompan.md +++ b/chart-sdk/wpf/charts/Interactive-Features/zoompan.md @@ -1,13 +1,13 @@ --- layout: post -title: Zooming and Panning in WPF Charts control | Syncfusion -description: Learn here all about Zooming and Panning support in Syncfusion® WPF Charts (SfChart) control, its elements, and more details. +title: Zooming and Panning in WPF Charts | Syncfusion +description: Zooming and panning in the WPF Chart enable users to navigate, inspect, and analyze specific data ranges with ease. platform: chart-sdk control: SfChart documentation: ug --- -# Zooming and Panning in WPF Charts (SfChart) +# Zooming and Panning in WPF Charts SfChart allows you to zoom the chart area with the help of the zoom feature. This behavior is mostly used to view the data point in the specific area, when there are a number of data points inside the chart. diff --git a/chart-sdk/wpf/charts/Legend.md b/chart-sdk/wpf/charts/Legend.md index e6dbcc602..a62cd79fd 100644 --- a/chart-sdk/wpf/charts/Legend.md +++ b/chart-sdk/wpf/charts/Legend.md @@ -1,16 +1,16 @@ --- layout: post -title: Legend in WPF Charts control | Syncfusion -description: Learn here all about Legend support in Syncfusion® WPF Charts (SfChart) control, its elements and more details. +title: Legend in WPF Charts | Syncfusion® +description: Legend in the WPF Chart identifies series and data categories, helping users understand and interpret chart information clearly. platform: chart-sdk control: SfChart documentation: ug --- -# Legend in WPF Charts (SfChart) +# Legend in WPF Charts -[`Legend`](https://help.syncfusion.com/cr/wpf/Syncfusion.UI.Xaml.Charts.ChartBase.html#Syncfusion_UI_Xaml_Charts_ChartBase_Legend) provides metadata which helps for identifying elements in chart like [chart series](https://help.syncfusion.com/wpf/charts/seriestypes/series), -[technical indicators](https://help.syncfusion.com/wpf/charts/technical-indicators), and [trendlines](https://help.syncfusion.com/wpf/charts/trendlines). +[`Legend`](https://help.syncfusion.com/cr/wpf/Syncfusion.UI.Xaml.Charts.ChartBase.html#Syncfusion_UI_Xaml_Charts_ChartBase_Legend) provides metadata which helps for identifying elements in chart like [chart series](https://help.syncfusion.com/chart-sdk/wpf/charts/seriestypes/series), +[technical indicators](https://help.syncfusion.com/chart-sdk/wpf/charts/technical-indicators), and [trendlines](https://help.syncfusion.com/chart-sdk/wpf/charts/trendlines). You can define the legend using the following code example. {% tabs %} @@ -306,7 +306,7 @@ The series can be collapsed by unchecking the CheckBox as below: ## ToggleSeriesVisibility -[`ToggleSeriesVisibility`](https://help.syncfusion.com/cr/wpf/Syncfusion.UI.Xaml.Charts.ChartLegend.html#Syncfusion_UI_Xaml_Charts_ChartLegend_ToggleSeriesVisibility) is used to view or collapse the associated [`series`](https://help.syncfusion.com/wpf/charts/seriestypes/series), by clicking on its legend item. By default, the [`ToggleSeriesVisibility`](https://help.syncfusion.com/cr/wpf/Syncfusion.UI.Xaml.Charts.ChartLegend.html#Syncfusion_UI_Xaml_Charts_ChartLegend_ToggleSeriesVisibility) property is `false`. +[`ToggleSeriesVisibility`](https://help.syncfusion.com/cr/wpf/Syncfusion.UI.Xaml.Charts.ChartLegend.html#Syncfusion_UI_Xaml_Charts_ChartLegend_ToggleSeriesVisibility) is used to view or collapse the associated [`series`](https://help.syncfusion.com/chart-sdk/wpf/charts/seriestypes/series), by clicking on its legend item. By default, the [`ToggleSeriesVisibility`](https://help.syncfusion.com/cr/wpf/Syncfusion.UI.Xaml.Charts.ChartLegend.html#Syncfusion_UI_Xaml_Charts_ChartLegend_ToggleSeriesVisibility) property is `false`. We can enable the [`ToggleSeriesVisibility`](https://help.syncfusion.com/cr/wpf/Syncfusion.UI.Xaml.Charts.ChartLegend.html#Syncfusion_UI_Xaml_Charts_ChartLegend_ToggleSeriesVisibility) property as in the below code example: @@ -332,12 +332,12 @@ chart.Legend = new ChartLegend() {% endtabs %} -The [`series`](https://help.syncfusion.com/wpf/charts/seriestypes/series) can be collapsed by clicking on the respective legend item. +The [`series`](https://help.syncfusion.com/chart-sdk/wpf/charts/seriestypes/series) can be collapsed by clicking on the respective legend item. ![Collapse Toggle Series for Legend in WPF Chart](Legend_images/wpf-chart-collapse-toggle-series.png) -We can also view the associated [`series`](https://help.syncfusion.com/wpf/charts/seriestypes/series) by clicking on its disabled legend item. +We can also view the associated [`series`](https://help.syncfusion.com/chart-sdk/wpf/charts/seriestypes/series) by clicking on its disabled legend item. ![Visible Toggle Series for Legend in WPF Chart](Legend_images/wpf-chart-visible-toggle-series.png) diff --git a/chart-sdk/wpf/charts/Migrating-from-Chart-to-SfChart.md b/chart-sdk/wpf/charts/Migrating-from-Chart-to-SfChart.md index 72c02a66e..3548c30d0 100644 --- a/chart-sdk/wpf/charts/Migrating-from-Chart-to-SfChart.md +++ b/chart-sdk/wpf/charts/Migrating-from-Chart-to-SfChart.md @@ -1,13 +1,13 @@ --- layout: post -title: Migrating from Chart to SfChart in WPF Charts control | Syncfusion -description: Learn here all about Migrating from Chart to SfChart support in Syncfusion® WPF Charts (SfChart) control, its elements, and more details. +title: Migrating from Chart to SfChart in WPF Charts | Syncfusion® +description: Migrating from Chart to SfChart in the WPF Chart helps transition existing chart implementations to the SfChart architecture and features. platform: chart-sdk control: SfChart documentation: ug --- -# Migrating from Chart to SfChart in WPF Charts (SfChart) +# Migrating from Chart to SfChart in WPF Charts SfChart is a new chart introduced in 11.1 version. SfChart is a very high performance chart enriched with several business features. This section helps you to identify equivalent Chart features/ APIs in SfChart. diff --git a/chart-sdk/wpf/charts/Overview.md b/chart-sdk/wpf/charts/Overview.md index 0d81a3c43..8606df706 100644 --- a/chart-sdk/wpf/charts/Overview.md +++ b/chart-sdk/wpf/charts/Overview.md @@ -1,13 +1,13 @@ --- layout: post -title: About WPF Charts control | Syncfusion -description: Learn here all about the introduction of the Syncfusion® WPF Charts (SfChart) control, its elements, and more details. +title: About Syncfusion® WPF Charts | Syncfusion® +description: Learn about introduction of Syncfusion Essential Studio® WPF Chart control, its features, capabilities, and more details. platform: chart-sdk control: SfChart documentation: ug --- -# WPF Charts (SfChart) Overview +# About Syncfusion WPF Charts Control SfChart provides a perfect way to visualize data with a high level of user interactivity that focuses on development, productivity, and simplicity of use. SfChart also provides a wide variety of charting features that can be used to visualize large quantities of data, flexibility of binding data, and user customization. @@ -15,14 +15,14 @@ SfChart provides a perfect way to visualize data with a high level of user inter ## Key features -* SfChart supports 38 different types of [series](https://help.syncfusion.com/wpf/charts/seriestypes/series), ranging from simple [bar series](https://help.syncfusion.com/wpf/charts/seriestypes/columnandbar) to complex [financial charts](https://help.syncfusion.com/wpf/charts/seriestypes/financial). Each chart type represents data with a unique style, providing more user-friendly and greater UI visualization. +* SfChart supports 38 different types of [series](https://help.syncfusion.com/chart-sdk/wpf/charts/seriestypes/series), ranging from simple [bar series](https://help.syncfusion.com/chart-sdk/wpf/charts/seriestypes/columnandbar) to complex [financial charts](https://help.syncfusion.com/chart-sdk/wpf/charts/seriestypes/financial). Each chart type represents data with a unique style, providing more user-friendly and greater UI visualization. * Capable of rendering large amounts of data within a few milliseconds (ms). -* Allows you to map data from the specified path by achieving [data binding](https://help.syncfusion.com/wpf/charts/databinding) concept. -* [Interactive zooming](https://help.syncfusion.com/wpf/charts/interactive-features/zoompan) can be done with touch mode enabled, allowing you to explore portions of large charts in more detail, with excellent performance. -* When you need more information about a particular segment in a chart, hovering over the series provides more information through [tooltip](https://help.syncfusion.com/wpf/charts/interactive-features/tooltip), [crosshair](https://help.syncfusion.com/wpf/charts/interactive-features/crosshair), and [trackball](https://help.syncfusion.com/wpf/charts/interactive-features/trackball) behavior. -* Supports 10 different types of [technical indicators](https://help.syncfusion.com/wpf/charts/technical-indicators) that determine financial, stock, or economic trends by analyzing a set of recorded data. +* Allows you to map data from the specified path by achieving [data binding](https://help.syncfusion.com/chart-sdk/wpf/charts/databinding) concept. +* [Interactive zooming](https://help.syncfusion.com/chart-sdk/wpf/charts/interactive-features/zoompan) can be done with touch mode enabled, allowing you to explore portions of large charts in more detail, with excellent performance. +* When you need more information about a particular segment in a chart, hovering over the series provides more information through [tooltip](https://help.syncfusion.com/chart-sdk/wpf/charts/interactive-features/tooltip), [crosshair](https://help.syncfusion.com/chart-sdk/wpf/charts/interactive-features/crosshair), and [trackball](https://help.syncfusion.com/chart-sdk/wpf/charts/interactive-features/trackball) behavior. +* Supports 10 different types of [technical indicators](https://help.syncfusion.com/chart-sdk/wpf/charts/technical-indicators) that determine financial, stock, or economic trends by analyzing a set of recorded data. * Supports multiple axes that can be stacked and spanned for multiple panes. * SfChart provides support for rendering multiple series at the same time, with options to compare and visualize two different chart series simultaneously. -* User-friendly and provides various options for you to customize chart features like [axis](https://help.syncfusion.com/wpf/charts/axis), [labels](https://help.syncfusion.com/wpf/charts/adornments/label), [legends](https://help.syncfusion.com/wpf/charts/legend), [series](https://help.syncfusion.com/wpf/charts/seriestypes/series), etc., and visualize them accordingly. +* User-friendly and provides various options for you to customize chart features like [axis](https://help.syncfusion.com/chart-sdk/wpf/charts/axis), [labels](https://help.syncfusion.com/chart-sdk/wpf/charts/adornments/label), [legends](https://help.syncfusion.com/chart-sdk/wpf/charts/legend), [series](https://help.syncfusion.com/chart-sdk/wpf/charts/seriestypes/series), etc., and visualize them accordingly. N> You can refer to our [WPF Charts](https://www.syncfusion.com/wpf-controls/charts) feature tour page for its groundbreaking feature representations. You can also explore our [WPF Charts example](https://github.com/syncfusion/wpf-demos/tree/master/chart/Views) to know various chart types and how they can be easily configured with built-in support for creating stunning visual effects. \ No newline at end of file diff --git a/chart-sdk/wpf/charts/Performance.md b/chart-sdk/wpf/charts/Performance.md index 040ecd70a..1f074878e 100644 --- a/chart-sdk/wpf/charts/Performance.md +++ b/chart-sdk/wpf/charts/Performance.md @@ -1,13 +1,13 @@ --- layout: post -title: Performance in WPF Charts control | Syncfusion -description: Learn here all about Performance support in Syncfusion® WPF Charts (SfChart) control, its elements and more details. +title: Performance in WPF Charts | Syncfusion® +description: Performance in the WPF Chart provides optimized rendering, efficient memory usage, and smooth interaction for large datasets. platform: chart-sdk control: SfChart documentation: ug --- -# Performance in WPF Charts (SfChart) +# Performance in WPF Charts * When your underlying data object implements INotifyPropertyChanged, you need to enable the ListenPropertyChange property of the series, to make the chart listen to the property changes of your data object. However enabling this property registers PropertyChanged event of every object in the data source. Due to this, chart’s loading time is affected when there are a large number of points. By default, ListenPropertyChange is set to false in order to avoid the event registration unnecessarily. * In case of a Line Series, when you have a large number of points to plot, you can make use of fast series types like FastLineSeries and FastLineBitmapSeries. diff --git a/chart-sdk/wpf/charts/Printing.md b/chart-sdk/wpf/charts/Printing.md index b858b9788..d2ab0d269 100644 --- a/chart-sdk/wpf/charts/Printing.md +++ b/chart-sdk/wpf/charts/Printing.md @@ -1,13 +1,13 @@ --- layout: post -title: Printing in WPF Charts control | Syncfusion -description: Learn here all about Printing support in Syncfusion® WPF Charts (SfChart) control, its elements and more details. +title: Printing in WPF Charts | Syncfusion® +description: Printing in the WPF Chart enables chart visuals to be printed directly for reporting, analysis, and presentation purposes. platform: chart-sdk control: SfChart documentation: ug --- -# Printing in WPF Charts (SfChart) +# Printing in WPF Charts SfChart supports printing that enables you to print the chart. The following method is used to print the chart. diff --git a/chart-sdk/wpf/charts/ScaleBreaks.md b/chart-sdk/wpf/charts/ScaleBreaks.md index 5b7c07ecb..225c3f796 100644 --- a/chart-sdk/wpf/charts/ScaleBreaks.md +++ b/chart-sdk/wpf/charts/ScaleBreaks.md @@ -1,12 +1,12 @@ --- layout: post -title: Scale Breaks in WPF Charts control | Syncfusion -description: Learn here all about Scale Breaks support in Syncfusion® WPF Charts (SfChart) control, its elements and more details. +title: Scale Breaks in WPF Charts | Syncfusion® +description: Scale breaks in the WPF Chart skip specific value ranges on an axis, improving readability when displaying unevenly distributed data. platform: chart-sdk control: SfChart documentation: ug --- -# Scale Breaks in WPF Charts (SfChart) +# Scale Breaks in WPF Charts Scale break is a stripe drawn in the chart area to denote the break in the continuity of data points. Scale breaks are useful when there is a large difference in the data points. Scale break allows you to have different ranges on the same axis to visualize data effectively. diff --git a/chart-sdk/wpf/charts/Serialization.md b/chart-sdk/wpf/charts/Serialization.md index 92a31a9e4..3257074ed 100644 --- a/chart-sdk/wpf/charts/Serialization.md +++ b/chart-sdk/wpf/charts/Serialization.md @@ -1,13 +1,13 @@ --- layout: post -title: Serialization in WPF Charts control | Syncfusion -description: Learn here all about Serialization support in Syncfusion® WPF Charts (SfChart) control, its elements and more details. +title: Serialization in WPF Charts | Syncfusion® +description: Serialization in the WPF Chart enables chart state, settings, and data to be saved and restored across application sessions. platform: chart-sdk control: SfChart documentation: ug --- -# Serialization in WPF Charts (SfChart) +# Serialization in WPF Charts SfChart provides the support for serializing and deserializing control. This section explains on how to serialize and deserialize SfChart. diff --git a/chart-sdk/wpf/charts/SeriesTypes/Area.md b/chart-sdk/wpf/charts/SeriesTypes/Area.md index f71110ac8..37287d4ff 100644 --- a/chart-sdk/wpf/charts/SeriesTypes/Area.md +++ b/chart-sdk/wpf/charts/SeriesTypes/Area.md @@ -1,13 +1,13 @@ --- layout: post -title: Area Chart in WPF Charts control | Syncfusion -description: Learn here all about Area Chart support in Syncfusion® WPF Charts (SfChart) control, its elements and more details. +title: Area Chart in WPF Charts | Syncfusion® +description: Area series in the WPF Chart displays data as filled regions between data points and the axis to emphasize trends and values. platform: chart-sdk control: SfChart documentation: ug --- -# Area Series in WPF Charts (SfChart) +# Area Series in WPF Charts ## Area Chart [`AreaSeries`](https://help.syncfusion.com/cr/wpf/Syncfusion.UI.Xaml.Charts.AreaSeries.html#) is rendered using a collection of line segments connected to form a closed loop area, filled with the specified color. diff --git a/chart-sdk/wpf/charts/SeriesTypes/BubbleandScatter.md b/chart-sdk/wpf/charts/SeriesTypes/BubbleandScatter.md index c1b5605f7..763444947 100644 --- a/chart-sdk/wpf/charts/SeriesTypes/BubbleandScatter.md +++ b/chart-sdk/wpf/charts/SeriesTypes/BubbleandScatter.md @@ -1,13 +1,13 @@ --- layout: post -title: Bubble and Scatter Chart in WPF Charts control | Syncfusion -description: Learn here all about Bubble and Scatter Chart support in Syncfusion® WPF Charts (SfChart) control, its elements, and more details. +title: Bubble and Scatter Chart in WPF Charts | Syncfusion® +description: Bubble and scatter series in the WPF Chart visualize relationships between data points using coordinates and variable-sized markers. platform: chart-sdk control: SfChart documentation: ug --- -# Bubble and Scatter in WPF Charts (SfChart) +# Bubble and Scatter in WPF Charts ## Bubble Chart diff --git a/chart-sdk/wpf/charts/SeriesTypes/ColumnandBar.md b/chart-sdk/wpf/charts/SeriesTypes/ColumnandBar.md index d200ce528..08131354b 100644 --- a/chart-sdk/wpf/charts/SeriesTypes/ColumnandBar.md +++ b/chart-sdk/wpf/charts/SeriesTypes/ColumnandBar.md @@ -1,13 +1,13 @@ --- layout: post -title: Column and Bar Chart in WPF Charts control | Syncfusion -description: Learn here all about Column and Bar Chart support in Syncfusion® WPF Charts (SfChart) control, its elements, and more details. +title: Column and Bar Chart in WPF Charts | Syncfusion® +description: Column and bar series in the WPF Chart compare categorical data using vertical and horizontal bars for clear data visualization. platform: chart-sdk control: SfChart documentation: ug --- -# Column and Bar in WPF Charts (SfChart) +# Column and Bar in WPF Charts ## Column Chart diff --git a/chart-sdk/wpf/charts/SeriesTypes/Custom.md b/chart-sdk/wpf/charts/SeriesTypes/Custom.md index 1f85c4dd9..3bf19fc27 100644 --- a/chart-sdk/wpf/charts/SeriesTypes/Custom.md +++ b/chart-sdk/wpf/charts/SeriesTypes/Custom.md @@ -1,13 +1,13 @@ --- layout: post -title: Custom Chart in WPF Charts control | Syncfusion -description: Learn here all about Custom Chart support in Syncfusion® WPF Charts (SfChart) control, its elements and more details. +title: Custom Chart in WPF Charts | Syncfusion® +description: Custom charts in the WPF Chart allow you to create tailored chart visualizations by extending and customizing chart behavior and rendering. platform: chart-sdk control: SfChart documentation: ug --- -# Custom Charts in WPF (SfChart) +# Custom Charts in WPF [`CustomTemplate`](https://help.syncfusion.com/cr/wpf/Syncfusion.UI.Xaml.Charts.ColumnSeries.html#Syncfusion_UI_Xaml_Charts_ColumnSeries_CustomTemplate) property is used to customize the chart series. It supports the following series diff --git a/chart-sdk/wpf/charts/SeriesTypes/Distribution.md b/chart-sdk/wpf/charts/SeriesTypes/Distribution.md index 95753d6f2..d16c4fa27 100644 --- a/chart-sdk/wpf/charts/SeriesTypes/Distribution.md +++ b/chart-sdk/wpf/charts/SeriesTypes/Distribution.md @@ -1,13 +1,13 @@ --- layout: post -title: Histogram Chart in WPF Charts control | Syncfusion -description: Learn here all about Histogram Chart support in Syncfusion® WPF Charts (SfChart) control, its elements, and more details. +title: Histogram Chart in WPF Charts | Syncfusion® +description: Histogram in the WPF Chart displays the frequency distribution of data, helping analyze data patterns and value ranges effectively platform: chart-sdk control: SfChart documentation: ug --- -# Histogram in WPF Charts (SfChart) +# Histogram in WPF Charts ## Histogram Chart diff --git a/chart-sdk/wpf/charts/SeriesTypes/EmptyPoints.md b/chart-sdk/wpf/charts/SeriesTypes/EmptyPoints.md index 3820e7b0f..d164379d5 100644 --- a/chart-sdk/wpf/charts/SeriesTypes/EmptyPoints.md +++ b/chart-sdk/wpf/charts/SeriesTypes/EmptyPoints.md @@ -1,13 +1,13 @@ --- layout: post -title: Empty Points in WPF Charts control | Syncfusion -description: Learn here all about Empty Points support in Syncfusion® WPF Charts (SfChart) control, its elements and more details. +title: Empty Points in WPF Charts | Syncfusion® +description: Empty points in the WPF Chart handle missing data values by skipping, displaying, or interpolating points within a series. platform: chart-sdk control: SfChart documentation: ug --- -# Empty Points in WPF Charts (SfChart) +# Empty Points in WPF Charts The data collection that is passed to the chart can have NaN or Null values that are considered as empty points. The empty point can be defined as in the below code example. diff --git a/chart-sdk/wpf/charts/SeriesTypes/ErrorBars.md b/chart-sdk/wpf/charts/SeriesTypes/ErrorBars.md index 37e593ed4..118f8c1cf 100644 --- a/chart-sdk/wpf/charts/SeriesTypes/ErrorBars.md +++ b/chart-sdk/wpf/charts/SeriesTypes/ErrorBars.md @@ -1,13 +1,13 @@ --- layout: post -title: ErrorBar Chart in WPF Charts control | Syncfusion -description: Learn here all about ErrorBar Chart support in Syncfusion® WPF Charts (SfChart) control, its elements, and more details. +title: ErrorBar Chart in WPF Charts | Syncfusion® +description: Error bars in the WPF Chart represent data variability and uncertainty, helping users analyze ranges, deviations, and accuracy. platform: chart-sdk control: SfChart documentation: ug --- -# ErrorBar in WPF Charts (SfChart) +# ErrorBar in WPF Charts [ErrorBarSeries](https://help.syncfusion.com/cr/wpf/Syncfusion.UI.Xaml.Charts.ErrorBarSeries.html#) is used to indicate the errors or uncertainty in reported values. This will find the possible variations in measurements, and in Chart control these values are displayed as data points. diff --git a/chart-sdk/wpf/charts/SeriesTypes/Financial.md b/chart-sdk/wpf/charts/SeriesTypes/Financial.md index b29aedbe8..3874b9e99 100644 --- a/chart-sdk/wpf/charts/SeriesTypes/Financial.md +++ b/chart-sdk/wpf/charts/SeriesTypes/Financial.md @@ -1,13 +1,13 @@ --- layout: post -title: Financial Chart in WPF Charts control | Syncfusion -description: Learn here all about Financial Chart support in Syncfusion® WPF Charts (SfChart) control, its elements and more details. +title: Financial Chart in WPF Charts | Syncfusion® +description: Financial series in the WPF Chart visualize stock market and financial data using specialized chart types for trend analysis. platform: chart-sdk control: SfChart documentation: ug --- -# Financial in WPF Charts (SfChart) +# Financial in WPF Charts The APIs present in the financial series are, diff --git a/chart-sdk/wpf/charts/SeriesTypes/Funnelandpyramid.md b/chart-sdk/wpf/charts/SeriesTypes/Funnelandpyramid.md index 4829bcb22..3d1936ad9 100644 --- a/chart-sdk/wpf/charts/SeriesTypes/Funnelandpyramid.md +++ b/chart-sdk/wpf/charts/SeriesTypes/Funnelandpyramid.md @@ -1,13 +1,13 @@ --- layout: post -title: Funnel and Pyramid Chart in WPF Charts control | Syncfusion +title: Funnel and Pyramid Chart in WPF Charts | Syncfusion® description: Learn here all about Funnel and Pyramid Chart support in Syncfusion® WPF Charts (SfChart) control, its elements, and more details. platform: chart-sdk control: SfChart documentation: ug --- -# Funnel and Pyramid in WPF Charts (SfChart) +# Funnel and Pyramid in WPF Charts ## Pyramid Chart diff --git a/chart-sdk/wpf/charts/SeriesTypes/GroupingStacked.md b/chart-sdk/wpf/charts/SeriesTypes/GroupingStacked.md index 4148d2f51..9e8897e86 100644 --- a/chart-sdk/wpf/charts/SeriesTypes/GroupingStacked.md +++ b/chart-sdk/wpf/charts/SeriesTypes/GroupingStacked.md @@ -1,13 +1,13 @@ --- layout: post -title: Grouping Stacked Chart in WPF Charts control | Syncfusion -description: Learn here all about Grouping Stacked Chart support in Syncfusion® WPF Charts (SfChart) control, its elements, and more details. +title: Grouping Stacked Chart in WPF Charts | Syncfusion® +description: Grouping stacked series in the WPF Chart organize multiple stacked groups, enabling comparison of related data across categories. platform: chart-sdk control: SfChart documentation: ug --- -# Grouping Stacked in WPF Charts (SfChart) +# Grouping Stacked in WPF Charts You can group the stacked similar series using [`GroupingLabel`](https://help.syncfusion.com/cr/wpf/Syncfusion.UI.Xaml.Charts.StackingSeriesBase.html#Syncfusion_UI_Xaml_Charts_StackingSeriesBase_GroupingLabel) property of stacked series. The stacked series which contains the same [`GroupingLabel`](https://help.syncfusion.com/cr/wpf/Syncfusion.UI.Xaml.Charts.StackingSeriesBase.html#Syncfusion_UI_Xaml_Charts_StackingSeriesBase_GroupingLabel) will be stacked in a single group. diff --git a/chart-sdk/wpf/charts/SeriesTypes/LineandStepLine.md b/chart-sdk/wpf/charts/SeriesTypes/LineandStepLine.md index 8970befe1..39c8ce8dd 100644 --- a/chart-sdk/wpf/charts/SeriesTypes/LineandStepLine.md +++ b/chart-sdk/wpf/charts/SeriesTypes/LineandStepLine.md @@ -1,13 +1,13 @@ --- layout: post -title: Line and StepLine Chart in WPF Charts control | Syncfusion -description: Learn here all about Line and StepLine Chart support in Syncfusion® WPF Charts (SfChart) control, its elements, and more details. +title: Line and StepLine Chart in WPF Charts | Syncfusion® +description: Line and step line series in the WPF Chart display trends and changes over time, enabling clear visualization of continuous data. platform: chart-sdk control: SfChart documentation: ug --- -# Line and StepLine in WPF Charts (SfChart) +# Line and StepLine in WPF Charts ## Line Chart diff --git a/chart-sdk/wpf/charts/SeriesTypes/Other.md b/chart-sdk/wpf/charts/SeriesTypes/Other.md index 63796d3b0..118775042 100644 --- a/chart-sdk/wpf/charts/SeriesTypes/Other.md +++ b/chart-sdk/wpf/charts/SeriesTypes/Other.md @@ -1,13 +1,13 @@ --- layout: post -title: Other Chart Types in WPF Charts control | Syncfusion -description: Learn here all about Other Chart Types support in Syncfusion® WPF Charts (SfChart) control, its elements, and more details. +title: Other Chart Types in WPF Charts | Syncfusion® +description: Other chart types in the WPF Chart provide specialized visualizations for representing unique data patterns and analytical scenarios. platform: chart-sdk control: SfChart documentation: ug --- -# Other Types in WPF Charts (SfChart) +# Other Types in WPF Charts ## Box and Whisker Chart diff --git a/chart-sdk/wpf/charts/SeriesTypes/PieandDoughnut.md b/chart-sdk/wpf/charts/SeriesTypes/PieandDoughnut.md index 0e3ac545b..b8303f915 100644 --- a/chart-sdk/wpf/charts/SeriesTypes/PieandDoughnut.md +++ b/chart-sdk/wpf/charts/SeriesTypes/PieandDoughnut.md @@ -1,13 +1,13 @@ --- layout: post -title: Pie and Doughnut Chart in WPF Charts control | Syncfusion -description: Learn here all about Pie and Doughnut Chart support in Syncfusion® WPF Charts (SfChart) control, its elements, and more details. +title: Pie and Doughnut Chart in WPF Charts | Syncfusion® +description: Pie and doughnut series in the WPF Chart display proportional data as segments, enabling comparison of parts within a whole. platform: chart-sdk control: SfChart documentation: ug --- -# Pie and Doughnut in WPF Charts (SfChart) +# Pie and Doughnut in WPF Charts ## Pie Chart diff --git a/chart-sdk/wpf/charts/SeriesTypes/Placesidebyside.md b/chart-sdk/wpf/charts/SeriesTypes/Placesidebyside.md index bf45905be..73a9281ad 100644 --- a/chart-sdk/wpf/charts/SeriesTypes/Placesidebyside.md +++ b/chart-sdk/wpf/charts/SeriesTypes/Placesidebyside.md @@ -1,13 +1,13 @@ --- layout: post -title: Side By Side Placement in WPF Charts control | Syncfusion -description: Learn here all about Side By Side Placement support in Syncfusion® WPF Charts (SfChart) control, its elements, and more details. +title: Side By Side Placement in WPF Charts | Syncfusion® +description: Side by side placement in the WPF Chart arranges series adjacent to each other, enabling clear comparison of categorical data. platform: chart-sdk control: SfChart documentation: ug --- -# Side By Side Placement in WPF Charts (SfChart) +# Side By Side Placement in WPF Charts It defines the placement pattern of bar type series like Column, Bar, RangeColumn, etc. diff --git a/chart-sdk/wpf/charts/SeriesTypes/RadarandPolar.md b/chart-sdk/wpf/charts/SeriesTypes/RadarandPolar.md index 984de830e..5cc5e2a8d 100644 --- a/chart-sdk/wpf/charts/SeriesTypes/RadarandPolar.md +++ b/chart-sdk/wpf/charts/SeriesTypes/RadarandPolar.md @@ -1,13 +1,13 @@ --- layout: post -title: Radar and Polar Chart in WPF Charts control | Syncfusion -description: Learn here all about Radar and Polar Chart support in Syncfusion® WPF Charts (SfChart) control, its elements, and more details. +title: Radar and Polar Chart in WPF Charts | Syncfusion® +description: Radar and polar series in the WPF Chart display multivariable data in a circular layout, enabling comparison of patterns and trends. platform: chart-sdk control: SfChart documentation: ug --- -# Radar and Polar in WPF Charts (SfChart) +# Radar and Polar in WPF Charts ## Radar Chart diff --git a/chart-sdk/wpf/charts/SeriesTypes/Range.md b/chart-sdk/wpf/charts/SeriesTypes/Range.md index e5a4cb8df..936fbcc88 100644 --- a/chart-sdk/wpf/charts/SeriesTypes/Range.md +++ b/chart-sdk/wpf/charts/SeriesTypes/Range.md @@ -1,13 +1,13 @@ --- layout: post -title: Range Chart in WPF Charts control | Syncfusion -description: Learn here all about Range Chart support in Syncfusion® WPF Charts (SfChart) control, its elements and more details. +title: Range Chart in WPF Charts | Syncfusion® +description: Range series in the WPF Chart display minimum and maximum values across data points, enabling visualization of value ranges and variations. platform: chart-sdk control: SfChart documentation: ug --- -# Range in WPF Charts (SfChart) +# Range Chart in WPF Charts ## HiLo Chart diff --git a/chart-sdk/wpf/charts/SeriesTypes/Series.md b/chart-sdk/wpf/charts/SeriesTypes/Series.md index 2dc2b0777..db13fac23 100644 --- a/chart-sdk/wpf/charts/SeriesTypes/Series.md +++ b/chart-sdk/wpf/charts/SeriesTypes/Series.md @@ -1,13 +1,13 @@ --- layout: post -title: Series in WPF Charts control | Syncfusion -description: Learn here all about Series support in Syncfusion® WPF Charts (SfChart) control, its elements and more details. +title: Series in WPF Charts | Syncfusion® +description: Series in the WPF Chart define how data is visualized, enabling different chart types, styles, and data representations. platform: chart-sdk control: SfChart documentation: ug --- -# Series in WPF Charts (SfChart) +# Series in WPF Charts ChartSeries is the visual representation of the data. SfChart offers many types of series ranging from LineSeries to FinancialSeries like HiLo and Candle. Based on your requirements and specifications, any type of Series can be added for data visualization. diff --git a/chart-sdk/wpf/charts/SeriesTypes/Spline.md b/chart-sdk/wpf/charts/SeriesTypes/Spline.md index f9bd799f1..f2c80ee5c 100644 --- a/chart-sdk/wpf/charts/SeriesTypes/Spline.md +++ b/chart-sdk/wpf/charts/SeriesTypes/Spline.md @@ -1,13 +1,13 @@ --- layout: post -title: Spline Chart in WPF Charts control | Syncfusion -description: Learn here all about Spline Chart support in Syncfusion® WPF Charts (SfChart) control, its elements and more details. +title: Spline Chart in WPF Charts | Syncfusion® +description: Spline series in the WPF Chart display smooth curves between data points, helping visualize trends and patterns in continuous data. platform: chart-sdk control: SfChart documentation: ug --- -# Spline in WPF Charts (SfChart) +# Spline in WPF Charts ## Spline Chart diff --git a/chart-sdk/wpf/charts/SeriesTypes/Stacking.md b/chart-sdk/wpf/charts/SeriesTypes/Stacking.md index 4b6ddea2f..d0998fd31 100644 --- a/chart-sdk/wpf/charts/SeriesTypes/Stacking.md +++ b/chart-sdk/wpf/charts/SeriesTypes/Stacking.md @@ -1,13 +1,13 @@ --- layout: post -title: Stacked Chart in WPF Charts control | Syncfusion -description: Learn here all about Stacked Chart support in Syncfusion® WPF Charts (SfChart) control, its elements and more details. +title: Stacked Chart in WPF Charts | Syncfusion® +description: Stacked series in the WPF Chart display cumulative values across categories, enabling comparison of individual and total contributions. platform: chart-sdk control: SfChart documentation: ug --- -# Stacked in WPF Charts (SfChart) +# Stacked Chart in WPF Charts ## Stacked Line Chart diff --git a/chart-sdk/wpf/charts/Sorting.md b/chart-sdk/wpf/charts/Sorting.md index c913cbd49..d417805c3 100644 --- a/chart-sdk/wpf/charts/Sorting.md +++ b/chart-sdk/wpf/charts/Sorting.md @@ -1,13 +1,13 @@ --- layout: post -title: Sorting in WPF Charts control | Syncfusion -description: Learn here all about Sorting support in Syncfusion® WPF Charts (SfChart) control, its elements and more details. +title: Sorting in WPF Charts | Syncfusion® +description: Sorting in the WPF Chart arranges data points based on specified values, enabling clearer visualization and comparison of chart data. platform: chart-sdk control: SfChart documentation: ug --- -# Sorting in WPF Charts (SfChart) +# Sorting in WPF Charts Chart provides the support for sorting the data point either in ascending or descending based on X or Y axis. diff --git a/chart-sdk/wpf/charts/Striplines.md b/chart-sdk/wpf/charts/Striplines.md index 94f76e808..07ed4de79 100644 --- a/chart-sdk/wpf/charts/Striplines.md +++ b/chart-sdk/wpf/charts/Striplines.md @@ -1,13 +1,13 @@ --- layout: post -title: Striplines in WPF Charts control | Syncfusion -description: Learn here all about Striplines support in Syncfusion® WPF Charts (SfChart) control, its elements and more details. +title: Striplines in WPF Charts | Syncfusion® +description: Striplines in the WPF Chart highlight specific ranges or regions on an axis, helping emphasize important values and thresholds. platform: chart-sdk control: SfChart documentation: ug --- -# Striplines in WPF Charts (SfChart) +# Striplines in WPF Charts SfChart allows you to add Striplines to the chart, which shades the specific region or range in the plot area background at regular or custom intervals. diff --git a/chart-sdk/wpf/charts/Technical-Indicators.md b/chart-sdk/wpf/charts/Technical-Indicators.md index 794c2ae1b..e4b28551f 100644 --- a/chart-sdk/wpf/charts/Technical-Indicators.md +++ b/chart-sdk/wpf/charts/Technical-Indicators.md @@ -1,13 +1,13 @@ --- layout: post -title: Technical Indicators in WPF Charts control | Syncfusion -description: Learn here all about Technical Indicators support in Syncfusion® WPF Charts (SfChart) control, its elements, and more details. +title: Technical Indicators in WPF Charts | Syncfusion® +description: Technical indicators in the WPF Chart provide analytical calculations and overlays to identify trends, patterns, and market conditions. platform: chart-sdk control: SfChart documentation: ug --- -# Technical Indicators in WPF Charts (SfChart) +# Technical Indicators in WPF Charts Technical indicators are the base of technical analysis, which are used to determine the future market trends. diff --git a/chart-sdk/wpf/charts/Trendlines.md b/chart-sdk/wpf/charts/Trendlines.md index db0246de4..f86eaa78f 100644 --- a/chart-sdk/wpf/charts/Trendlines.md +++ b/chart-sdk/wpf/charts/Trendlines.md @@ -1,13 +1,13 @@ --- layout: post -title: Trendlines in WPF Charts control | Syncfusion -description: Learn here all about Trendlines support in Syncfusion® WPF Charts (SfChart) control, its elements, and more details. +title: Trendlines in WPF Charts | Syncfusion® +description: Trendlines in the WPF Chart display data trends and patterns using fitted lines, helping analyze and predict data behavior. platform: chart-sdk control: SfChart documentation: ug --- -# Trendlines in WPF Charts (SfChart) +# Trendlines in WPF Charts Trendlines are used to analyze and display the trends in the data graphically. They are built on the assumptions based on current and past price trends. diff --git a/chart-sdk/wpf/charts/Vertical-Charts.md b/chart-sdk/wpf/charts/Vertical-Charts.md index 1a6761bc4..bd601f850 100644 --- a/chart-sdk/wpf/charts/Vertical-Charts.md +++ b/chart-sdk/wpf/charts/Vertical-Charts.md @@ -1,13 +1,13 @@ --- layout: post -title: Vertical Charts in WPF Charts control | Syncfusion -description: Learn here all about Vertical Charts support in Syncfusion® WPF Charts (SfChart) control, its elements, and more details. +title: Vertical Charts in WPF Charts | Syncfusion® +description: Vertical charts in the WPF Chart display series with transposed axes, enabling an alternative orientation for data visualization. platform: chart-sdk control: SfChart documentation: ug --- -# Vertical Charts in WPF Charts (SfChart) +# Vertical Charts in WPF Charts SfChart provides support for vertical charts. You can plot a vertical chart for any chart using the [`IsTransposed`](https://help.syncfusion.com/cr/wpf/Syncfusion.UI.Xaml.Charts.CartesianSeries.html#Syncfusion_UI_Xaml_Charts_CartesianSeries_IsTransposed) and [`OpposedPosition`](https://help.syncfusion.com/cr/wpf/Syncfusion.UI.Xaml.Charts.ChartAxis.html#Syncfusion_UI_Xaml_Charts_ChartAxis_OpposedPosition) properties. diff --git a/chart-sdk/wpf/charts/Watermark.md b/chart-sdk/wpf/charts/Watermark.md index 684411e0e..c37a8f755 100644 --- a/chart-sdk/wpf/charts/Watermark.md +++ b/chart-sdk/wpf/charts/Watermark.md @@ -1,13 +1,13 @@ --- layout: post -title: Watermark in WPF Charts control | Syncfusion -description: Learn here all about Watermark support in Syncfusion® WPF Charts (SfChart) control, its elements and more details. +title: Watermark in WPF Charts | Syncfusion® +description: Watermark in the WPF Chart adds background text or images to the chart area, helping customize and brand chart visuals. platform: chart-sdk control: SfChart documentation: ug --- -# Watermark in WPF Charts (SfChart) +# Watermark in WPF Charts SfChart provides watermark support which is used to add text or images to the chart area. The major application of watermark is to define the copyright information of the user it belongs to. diff --git a/chart-sdk/wpf/digital-gauge/Digital-Characters.md b/chart-sdk/wpf/digital-gauge/Digital-Characters.md index 8590483c4..d08b497b5 100644 --- a/chart-sdk/wpf/digital-gauge/Digital-Characters.md +++ b/chart-sdk/wpf/digital-gauge/Digital-Characters.md @@ -1,13 +1,13 @@ --- layout: post -title: Digital Characters in WPF Digital Gauge control | Syncfusion -description: Learn here all about Digital Characters support in Syncfusion WPF Digital Gauge (SfDigitalGauge) control and more. +title: Digital Characters in WPF Digital Gauge | Syncfusion® +description: Digital characters in the WPF Digital Gauge allow you to display numeric and alphanumeric values using customizable digital segments. platform: chart-sdk control: SfDigitalGauge documentation: ug --- -# Digital Characters in WPF Digital Gauge (SfDigitalGauge) +# Digital Characters in WPF Digital Gauge The digital characters in the digital gauge can be viewed in different types of segments. These digital characters are set to the digital gauge through the [`Value`](https://help.syncfusion.com/cr/wpf/Syncfusion.UI.Xaml.Gauges.SfDigitalGauge.html#Syncfusion_UI_Xaml_Gauges_SfDigitalGauge_Value) property of type string. The type of segment used to display the characters is determined by the [`CharacterType`](https://help.syncfusion.com/cr/wpf/Syncfusion.UI.Xaml.Gauges.SfDigitalGauge.html#Syncfusion_UI_Xaml_Gauges_SfDigitalGauge_CharacterType) property. diff --git a/chart-sdk/wpf/digital-gauge/Getting-Started.md b/chart-sdk/wpf/digital-gauge/Getting-Started.md index bf73b0556..27c15828c 100644 --- a/chart-sdk/wpf/digital-gauge/Getting-Started.md +++ b/chart-sdk/wpf/digital-gauge/Getting-Started.md @@ -1,13 +1,13 @@ --- layout: post -title: Getting Started with WPF Digital Gauge control | Syncfusion -description: Learn here about getting started with Syncfusion WPF Digital Gauge (SfDigitalGauge) control, its elements and more details. +title: Getting Started with WPF Digital Gauge | Syncfusion® +description: Learn how to get started with the Syncfusion® WPF Digital Gauge control. Explore setup, features, examples, and customization options. platform: chart-sdk control: SfDigitalGauge documentation: ug --- -# Getting Started with WPF Digital Gauge (SfDigitalGauge) +# Getting Started with WPF Digital Gauge This section explains the steps required to configure the **SfDigitalGauge** and also explains how to add basic elements of **SfDigitalGauge** through various APIs available within it. diff --git a/chart-sdk/wpf/digital-gauge/Key-features.md b/chart-sdk/wpf/digital-gauge/Key-features.md index 34d8c29df..32224b2b0 100644 --- a/chart-sdk/wpf/digital-gauge/Key-features.md +++ b/chart-sdk/wpf/digital-gauge/Key-features.md @@ -1,13 +1,13 @@ --- layout: post -title: Key Features in WPF Digital Gauge control | Syncfusion -description: Learn here all about Key Features support in Syncfusion WPF Digital Gauge (SfDigitalGauge) control and more. +title: Key Features in WPF Digital Gauge | Syncfusion® +description: Key features in the WPF Digital Gauge include customizable digital displays, segment styling, and flexible value presentation. platform: chart-sdk control: SfDigitalGauge documentation: ug --- -# Key Features in WPF Digital Gauge (SfDigitalGauge) +# Key Features in WPF Digital Gauge A digital gauge is composed of segments, which are a major UI component of the digital gauge. `SfDigitalGauge` comprises the following segments to display the digital characters. diff --git a/chart-sdk/wpf/digital-gauge/Overview.md b/chart-sdk/wpf/digital-gauge/Overview.md index 23d5f977d..a7dc4c6a7 100644 --- a/chart-sdk/wpf/digital-gauge/Overview.md +++ b/chart-sdk/wpf/digital-gauge/Overview.md @@ -1,13 +1,13 @@ --- layout: post -title: About WPF Digital Gauge control | Syncfusion -description: Learn here all about introduction of Syncfusion WPF Digital Gauge (SfDigitalGauge) control, its elements and more details. +title: About Syncfusion® WPF Digital Gauge Control | Syncfusion® +description: Learn about the introduction of Syncfusion Essential Studio® WPF Digital Gauge control, its features, capabilities, and more details. platform: chart-sdk control: SfDigitalGauge documentation: ug --- -# WPF Digital Gauge (SfDigitalGauge) Overview +# About Syncfusion® WPF Digital Gauge Control The Digital Gauge control is used to display alphanumeric characters in digital (LED Display) mode. A digital gauge is used to display a range of values that use characters in combination with numbers. diff --git a/chart-sdk/wpf/digital-gauge/Settings.md b/chart-sdk/wpf/digital-gauge/Settings.md index 217485864..099010610 100644 --- a/chart-sdk/wpf/digital-gauge/Settings.md +++ b/chart-sdk/wpf/digital-gauge/Settings.md @@ -1,13 +1,13 @@ --- layout: post -title: Settings in WPF Digital Gauge control | Syncfusion -description: Learn here all about Settings support in Syncfusion WPF Digital Gauge (SfDigitalGauge) control and more. +title: Settings in WPF Digital Gauge | Syncfusion® +description: Settings in the WPF Digital Gauge allow you to configure display behavior, appearance, values, and customization options. platform: chart-sdk control: SfDigitalGauge documentation: ug --- -# Settings in WPF Digital Gauge (SfDigitalGauge) +# Settings in WPF Digital Gauge There are some other elements and behaviors in SfDigitalGauge that can also be customized. diff --git a/chart-sdk/wpf/digital-gauge/Transformation-of-Characters.md b/chart-sdk/wpf/digital-gauge/Transformation-of-Characters.md index bed9a078d..e8af11a00 100644 --- a/chart-sdk/wpf/digital-gauge/Transformation-of-Characters.md +++ b/chart-sdk/wpf/digital-gauge/Transformation-of-Characters.md @@ -1,13 +1,13 @@ --- layout: post -title: Transformation of Characters in WPF Digital Gauge control | Syncfusion -description: Learn here all about Transformation of Characters support in Syncfusion WPF Digital Gauge (SfDigitalGauge) control and more. +title: Transformation of Characters in WPF Digital Gauge | Syncfusion® +description: Transformation of characters in the WPF Digital Gauge enables character rotation, scaling, and visual customization for digital displays. platform: chart-sdk control: SfDigitalGauge documentation: ug --- -# Transformation of Characters in WPF Digital Gauge (SfDigitalGauge) +# Transformation of Characters in WPF Digital Gauge The digital characters in the digital gauge can be transformed by setting certain properties on the digital gauge. Two kinds of transformations can be done using these properties. They are: diff --git a/chart-sdk/wpf/linear-gauge/Getting-Started.md b/chart-sdk/wpf/linear-gauge/Getting-Started.md index 0d1c76090..fa813f14e 100644 --- a/chart-sdk/wpf/linear-gauge/Getting-Started.md +++ b/chart-sdk/wpf/linear-gauge/Getting-Started.md @@ -1,12 +1,12 @@ --- layout: post -title: Getting Started with WPF LinearGauge Control | Syncfusion -description: A quick tour to adding gauge reference, initial users for getting started with Syncfusion linear gauge control for WPF platform. +title: Getting Started with WPF Linear Gauge | Syncfusion® +description: Learn how to get started with the Syncfusion® WPF Linear Gauge control. Explore setup, features, examples, and customization options. platform: chart-sdk control: SfLinearGauge documentation: ug --- -# Getting Started with SfLinearGauge +# Getting Started with WPF Linear Gauge This section explains the steps required to configure the [`SfLinearGauge`](https://help.syncfusion.com/cr/wpf/Syncfusion.UI.Xaml.Gauges.SfLinearGauge.html) control in a real-time scenario and provides a walk-through on its customization features. diff --git a/chart-sdk/wpf/linear-gauge/Labels.md b/chart-sdk/wpf/linear-gauge/Labels.md index 8daf446fd..172ab2450 100644 --- a/chart-sdk/wpf/linear-gauge/Labels.md +++ b/chart-sdk/wpf/linear-gauge/Labels.md @@ -1,13 +1,13 @@ --- layout: post -title: Labels | SfLinearGauge | WPF | Syncfusion -description: This section describes the Labels support with its customization by using LabelStroke, LabelSize, and other properties in the WPF SfLinearGauge control. +title: Labels in WPF Linear Gauge | Syncfusion® +description: Labels in the WPF Linear Gauge display scale values and support customization through styling, positioning, and appearance settings. platform: chart-sdk control: SfLinearGauge documentation: ug --- -# Labels support in WPF Linear Gauge (SfLinearGauge) +# Labels in WPF Linear Gauge The `Labels` of the linear scale provide a numeric value to the major ticks that will be specified according to the range of the scale. diff --git a/chart-sdk/wpf/linear-gauge/Orientation.md b/chart-sdk/wpf/linear-gauge/Orientation.md index 8877e3531..762efc6e8 100644 --- a/chart-sdk/wpf/linear-gauge/Orientation.md +++ b/chart-sdk/wpf/linear-gauge/Orientation.md @@ -1,13 +1,13 @@ --- layout: post -title: Orientation | SfLinearGauge | WPF | Syncfusion -description: This section describes the orientation customization support with the Orientation property in the WPF SfLinearGauge control. +title: Orientation and its Customization in WPF Linear Gauge | Syncfusion® +description: Orientation and its Customization in the WPF Linear Gauge allows you to display the gauge in horizontal or vertical layouts based on application needs. platform: chart-sdk control: SfLinearGauge documentation: ug --- -# Orientation customization in WPF Linear Gauge (SfLinearGauge) +# Orientation and its Customization in WPF Linear Gauge The `LinearGauge` control supports horizontal and vertical orientations. By default, the `LinearGauge` is rendered with horizontal orientation. You can change the orientation using the [`Orientation`](https://help.syncfusion.com/cr/wpf/Syncfusion.UI.Xaml.Gauges.SfLinearGauge.html#Syncfusion_UI_Xaml_Gauges_SfLinearGauge_Orientation) property. diff --git a/chart-sdk/wpf/linear-gauge/Overview.md b/chart-sdk/wpf/linear-gauge/Overview.md index 8aa2dcf21..ce7e4c60c 100644 --- a/chart-sdk/wpf/linear-gauge/Overview.md +++ b/chart-sdk/wpf/linear-gauge/Overview.md @@ -1,12 +1,12 @@ --- layout: post -title: About WPF LinearGauge (SfLinearGauge) control | Syncfusion -description: Learn here all about introduction of Syncfusion Essential Studio WPF LinearGauge (SfLinearGauge) control, its elements and more. +title: About Syncfusion® WPF Linear Gauge Control | Syncfusion® +description: Learn about the introduction of Syncfusion Essential Studio® WPF Linear Gauge control, its features, capabilities, and more details. platform: chart-sdk control: SfLinearGauge documentation: ug --- -# WPF LinearGauge (SfLinearGauge) Overview +# About Syncfusion® WPF Linear Gauge Control The [`LinearGauge`](https://help.syncfusion.com/cr/wpf/Syncfusion.Windows.Gauge.LinearGauge.html) displays a range of values graphically along the linear scale, which is considered as the linear form of the linear gauge. It measures the values of the scale and presents them in horizontal sliding, vertical sliding, or meter form. diff --git a/chart-sdk/wpf/linear-gauge/Pointers.md b/chart-sdk/wpf/linear-gauge/Pointers.md index 2d13fcc3e..3d28ebcde 100644 --- a/chart-sdk/wpf/linear-gauge/Pointers.md +++ b/chart-sdk/wpf/linear-gauge/Pointers.md @@ -1,13 +1,13 @@ --- layout: post -title: Pointers | Linear Gauge | WPF | Syncfusion -description: Pointers in the WPF Linear Gauge are used to indicate the value of an attribute with different pointer types. +title: Pointers in WPF Linear Gauge | Syncfusion® +description: Pointers in the WPF Linear Gauge indicate values on the scale using different pointer types and customizable appearance settings. platform: chart-sdk control: SfLinearGauge documentation: ug --- -# Pointers support in WPF Linear Gauge (SfLinearGauge) +# Pointers in WPF Linear Gauge The [`LinearGauge`](https://help.syncfusion.com/cr/wpf/Syncfusion.UI.Xaml.Gauges.SfLinearGauge.html) provides support to mark values using the `BarPointer` and `SymbolPointer`. diff --git a/chart-sdk/wpf/linear-gauge/Ranges.md b/chart-sdk/wpf/linear-gauge/Ranges.md index 2a6adcce7..6b9cb2ba5 100644 --- a/chart-sdk/wpf/linear-gauge/Ranges.md +++ b/chart-sdk/wpf/linear-gauge/Ranges.md @@ -1,13 +1,13 @@ --- layout: post -title: Ranges | Linear Gauge | WPF | Syncfusion -description: Ranges in the WPF Linear Gauge are used to specify or group the scale values. It specifies a start value and end value in the LinearGauge within a scale. +title: Ranges in WPF Linear Gauge | Syncfusion® +description: Ranges in the WPF Linear Gauge highlight specific value intervals on the scale, helping visualize thresholds, targets, and data groups. platform: chart-sdk control: SfLinearGauge documentation: ug --- -# Ranges support in WPF Linear Gauge (SfLinearGauge) +# Ranges in WPF Linear Gauge A range is a visual element, which begins and ends at specified values within a scale. You can add any number of ranges to a scale using the array of range objects. diff --git a/chart-sdk/wpf/linear-gauge/Scale.md b/chart-sdk/wpf/linear-gauge/Scale.md index 868edd144..4f0c100e3 100644 --- a/chart-sdk/wpf/linear-gauge/Scale.md +++ b/chart-sdk/wpf/linear-gauge/Scale.md @@ -1,13 +1,13 @@ --- layout: post -title: Scale | SfLinearGauge | WPF | Syncfusion -description: Learn how to add a scale to the Syncfusion linear gauge and customize the appearance of the scale in the WPF platform. +title: Scale in WPF Linear Gauge | Syncfusion® +description: Scale in the WPF Linear Gauge defines value ranges, intervals, and labels, enabling accurate measurement and data representation. platform: chart-sdk control: SfLinearGauge documentation: ug --- -# Scale in SfLinearGauge +# Scale in WPF Linear Gauge The [`MainScale`](https://help.syncfusion.com/cr/wpf/Syncfusion.UI.Xaml.Gauges.SfLinearGauge.html#Syncfusion_UI_Xaml_Gauges_SfLinearGauge_MainScale) is a linear scale that integrates ticks, labels, ranges, and pointers to customize the basic look and feel of the linear gauge. diff --git a/chart-sdk/wpf/linear-gauge/Ticks.md b/chart-sdk/wpf/linear-gauge/Ticks.md index 1ba4de192..c9679db64 100644 --- a/chart-sdk/wpf/linear-gauge/Ticks.md +++ b/chart-sdk/wpf/linear-gauge/Ticks.md @@ -1,13 +1,13 @@ --- layout: post -title: Ticks | SfLinearGauge | WPF | Syncfusion -description: Ticks in the WPF Linear Gauge are used to indicate the interval value. You can customize the tick UI with its properties. +title: Ticks in WPF Linear Gauge | Syncfusion® +description: Ticks in the WPF Linear Gauge indicate scale intervals and support customization of size, position, style, and appearance settings. platform: chart-sdk control: SfLinearGauge documentation: ug --- -# Ticks support in WPF Linear Gauge (SfLinearGauge) with customization +# Ticks in WPF Linear Gauge Ticks are used to identify the gauge's data value by marking the gauge scale in regular increments. diff --git a/chart-sdk/wpf/maps/Annotations.md b/chart-sdk/wpf/maps/Annotations.md index 3b2710839..e02b3ee08 100644 --- a/chart-sdk/wpf/maps/Annotations.md +++ b/chart-sdk/wpf/maps/Annotations.md @@ -1,13 +1,13 @@ --- layout: post -title: Annotations in WPF Maps control | Syncfusion -description: Learn here all about Annotations support in Syncfusion WPF Maps (SfMap) control, its elements and more details. +title: Annotations in WPF Maps | Syncfusion® +description: Annotations in the WPF Maps allow you to add custom text, shapes, and UI elements to provide additional map information. platform: chart-sdk control: SfMap documentation: ug --- -# Annotations in WPF Maps (SfMap) +# Annotations in WPF Maps Annotations are notes that are used to leave some message on the map. In Maps, annotations are denoted by the MapAnnotations. MapAnnotation has two major parts: diff --git a/chart-sdk/wpf/maps/Basic-KML-Format.md b/chart-sdk/wpf/maps/Basic-KML-Format.md index 8554373c1..3e8f083ed 100644 --- a/chart-sdk/wpf/maps/Basic-KML-Format.md +++ b/chart-sdk/wpf/maps/Basic-KML-Format.md @@ -1,13 +1,13 @@ --- layout: post -title: KML Format in WPF Maps control | Syncfusion -description: Learn here all about KML Format support in Syncfusion WPF Maps (SfMap) control, its elements and more details. +title: KML Format in WPF Maps | Syncfusion® +description: KML format in the WPF Maps enables geographic data from KML files to be loaded and visualized for location-based mapping applications. platform: chart-sdk control: SfMap documentation: ug --- -# KML Format in WPF Maps (SfMap) +# KML Format in WPF Maps KML is a file format used for rendering geographical data. It uses a tag-based structure with nested elements and attributes. KML is based on the XML standard, and all tags of a KML file are case-sensitive. diff --git a/chart-sdk/wpf/maps/Bubbles.md b/chart-sdk/wpf/maps/Bubbles.md index c498d2c03..c6688436b 100644 --- a/chart-sdk/wpf/maps/Bubbles.md +++ b/chart-sdk/wpf/maps/Bubbles.md @@ -1,13 +1,13 @@ --- layout: post -title: Bubbles in WPF Maps control | Syncfusion -description: Learn here all about Bubbles support in Syncfusion WPF Maps (SfMap) control, its elements and more details. +title: Bubbles in WPF Maps | Syncfusion® +description: Bubbles in the WPF Maps visualize location-based data using proportional markers, enabling comparison of values across geographic regions. platform: chart-sdk control: SfMap documentation: ug --- -# Bubbles in WPF Maps (SfMap) +# Bubble Markers in WPF Maps Bubbles in the [WPF Maps](https://www.syncfusion.com/wpf-controls/map) control represent the under-bound data values of the map. Bubbles are scattered throughout the map shapes that contain bound values. diff --git a/chart-sdk/wpf/maps/Commands-for-Zooming-and-Panning.md b/chart-sdk/wpf/maps/Commands-for-Zooming-and-Panning.md index 050742d79..c566132fd 100644 --- a/chart-sdk/wpf/maps/Commands-for-Zooming-and-Panning.md +++ b/chart-sdk/wpf/maps/Commands-for-Zooming-and-Panning.md @@ -1,13 +1,13 @@ --- layout: post -title: Commands in WPF Maps control | Syncfusion -description: Learn here all about Commands support in Syncfusion WPF Maps (SfMap) control, its elements and more details. +title: Commands in WPF Maps | Syncfusion® +description: Commands in the WPF Maps enable interaction handling and action execution through command bindings, supporting flexible application workflows. platform: chart-sdk control: SfMap documentation: ug --- -# Commands in WPF Maps (SfMap) +# Commands in WPF Maps The [WPF Map](https://www.syncfusion.com/wpf-controls/map) control contains the following commands: diff --git a/chart-sdk/wpf/maps/Custom-Data-Binding.md b/chart-sdk/wpf/maps/Custom-Data-Binding.md index 7910600a3..9f0750670 100644 --- a/chart-sdk/wpf/maps/Custom-Data-Binding.md +++ b/chart-sdk/wpf/maps/Custom-Data-Binding.md @@ -1,13 +1,13 @@ --- layout: post -title: Custom Data Binding in WPF Maps control | Syncfusion -description: Learn here all about Custom Data Binding support in Syncfusion WPF Maps (SfMap) control, its elements and more details. +title: Custom Data Binding in WPF Maps | Syncfusion® +description: Custom data binding in the WPF Maps enables map elements to be connected with custom data sources for dynamic visualization and interaction. platform: chart-sdk control: SfMap documentation: ug --- -# Custom Data Binding in WPF Maps (SfMap) +# Custom Data Binding in WPF Maps A map can be bound with custom objects. For custom data binding, a .dbf file is not required. In Data Binding, an object is bound to a shape. In custom data binding, an object is bound to a point based on latitude and longitude values. [`CustomDataSource`](https://help.syncfusion.com/cr/wpf/Syncfusion.UI.Xaml.Maps.ShapeFileLayer.html#Syncfusion_UI_Xaml_Maps_ShapeFileLayer_CustomDataSource) is the API exposed in the custom data source. It is an IEnumerable type API. Each item in the CustomDataSource should have latitude and longitude properties with each mentioned name. Stick to the following rules for custom data binding: diff --git a/chart-sdk/wpf/maps/Events.md b/chart-sdk/wpf/maps/Events.md index 39f1e3896..5d0b10146 100644 --- a/chart-sdk/wpf/maps/Events.md +++ b/chart-sdk/wpf/maps/Events.md @@ -1,13 +1,13 @@ --- layout: post -title: Events in WPF Maps control | Syncfusion -description: Learn here all about Events support in Syncfusion WPF Maps (SfMap) control, its elements and more details. +title: Events in WPF Maps | Syncfusion® +description: Events in the WPF Maps enable you to respond to user interactions and customize map behavior during runtime. platform: chart-sdk control: SfMap documentation: ug --- -# Events in WPF Maps (SfMap) +# Interaction Events in WPF Maps • [`ZoomedIn`](https://help.syncfusion.com/cr/wpf/Syncfusion.UI.Xaml.Maps.SfMap.html) - Occurs whenever zooming in the map. • [`ZoomedOut`](https://help.syncfusion.com/cr/wpf/Syncfusion.UI.Xaml.Maps.SfMap.html) - Occurs when zooming out the map. diff --git a/chart-sdk/wpf/maps/Getting-Started.md b/chart-sdk/wpf/maps/Getting-Started.md index e72ff7c63..76e7320f5 100644 --- a/chart-sdk/wpf/maps/Getting-Started.md +++ b/chart-sdk/wpf/maps/Getting-Started.md @@ -1,13 +1,13 @@ --- layout: post -title: Getting Started with WPF Maps control | Syncfusion -description: Learn here about getting started with Syncfusion WPF Maps (SfMap) control, its elements and more details. +title: Getting Started with WPF Maps | Syncfusion® +description: Learn how to get started with the Syncfusion® WPF Maps control. Explore setup, features, examples, and customization options. platform: chart-sdk control: SfMap documentation: ug --- -# Getting Started with WPF Maps (SfMap) +# Getting Started with WPF Maps This section explains the steps required to configure the [`SfMap`](https://help.syncfusion.com/cr/wpf/Syncfusion.UI.Xaml.Maps.SfMap.html) and add basic elements to it using various APIs. diff --git a/chart-sdk/wpf/maps/How-To/transform-latitude-and-longitude-value-to-pixel-value-and-vice-versa.md b/chart-sdk/wpf/maps/How-To/transform-latitude-and-longitude-value-to-pixel-value-and-vice-versa.md index 36c409ae3..b177b2777 100644 --- a/chart-sdk/wpf/maps/How-To/transform-latitude-and-longitude-value-to-pixel-value-and-vice-versa.md +++ b/chart-sdk/wpf/maps/How-To/transform-latitude-and-longitude-value-to-pixel-value-and-vice-versa.md @@ -1,13 +1,13 @@ --- layout: post -title: Transform latitude and longitude to pixel | SfMap | Wpf | Syncfusion -description: Transform SfMap latitude and longitude value to pixel value and vice-versa by using GeopointToViewPoint and GetLatLonFromPoint methods. +title: How to transform latitude and longitude in WPF Maps | Syncfusion® +description: Transform latitude and longitude values to pixel coordinates and convert pixel values back to geographic coordinates in WPF Maps. platform: chart-sdk control: SfMap documentation: ug --- -# Transform latitude and longitude value to pixel value and vice-versa +# How to transform latitude and longitude in WPF Maps SfMap offers two utility methods to transform the pixel values to longitude and latitude values and vice-versa. These methods are used for both ShapeFileLayer and ImageryLayer. diff --git a/chart-sdk/wpf/maps/Layers.md b/chart-sdk/wpf/maps/Layers.md index 6770c5ac0..189bb7133 100644 --- a/chart-sdk/wpf/maps/Layers.md +++ b/chart-sdk/wpf/maps/Layers.md @@ -1,13 +1,13 @@ --- layout: post -title: Layers in WPF Maps control | Syncfusion -description: Learn here all about Layers support in Syncfusion WPF Maps (SfMap) control, its elements and more details. +title: Layers in WPF Maps | Syncfusion® +description: Layers in the WPF Maps organize and display geographic data, enabling visualization of shapes, markers, bubbles, and other map elements. platform: chart-sdk control: SfMap documentation: ug --- -# Layers in WPF Maps (SfMap) +# Layer Types in WPF Maps The [WPF Maps](https://www.syncfusion.com/wpf-controls/map) control is maintained through [`Layers`](https://help.syncfusion.com/cr/wpf/Syncfusion.UI.Xaml.Maps.MapLayer.html), a map can accommodate one or more layers. diff --git a/chart-sdk/wpf/maps/Legend.md b/chart-sdk/wpf/maps/Legend.md index acb3308be..8fab76da7 100644 --- a/chart-sdk/wpf/maps/Legend.md +++ b/chart-sdk/wpf/maps/Legend.md @@ -1,13 +1,13 @@ --- layout: post -title: Legend in WPF Maps control | Syncfusion -description: Learn here all about Legend support in Syncfusion WPF Maps (SfMap) control, its elements and more details. +title: Legend in WPF Maps | Syncfusion® +description: Legend in the WPF Maps identifies map elements, categories, and data ranges, helping users understand and interpret geographic data clearly. platform: chart-sdk control: SfMap documentation: ug --- -# Legend in WPF Maps (SfMap) +# Legend Customization in WPF Maps A legend is a key to symbolism used on a map, usually containing swatches of symbols with descriptions. It provides valuable information for interpreting what the map is showing you, and can be represented in various colors and shapes based on the data. diff --git a/chart-sdk/wpf/maps/Map-Points.md b/chart-sdk/wpf/maps/Map-Points.md index 5f0256d77..d573350af 100644 --- a/chart-sdk/wpf/maps/Map-Points.md +++ b/chart-sdk/wpf/maps/Map-Points.md @@ -1,13 +1,13 @@ --- layout: post -title: Map Points in WPF Maps control | Syncfusion -description: Learn here all about Map Points support in Syncfusion WPF Maps (SfMap) control, its elements and more details. +title: Point customization in WPF Maps | Syncfusion® +description: Point customization in the WPF Maps display location-based data using markers, enabling visualization and interaction with geographic coordinates. platform: chart-sdk control: SfMap documentation: ug --- -# Map Points in WPF Maps (SfMap) +# Point customization in WPF Maps Points are one of the record types in the shape file layer. Points are used to specify a specific point in the map. For example, used to specify the capital of countries. Points in the shape file are given as latitude and longitude coordinates in the shapes file. Those points should be converted as MapPoints. diff --git a/chart-sdk/wpf/maps/Map-Providers.md b/chart-sdk/wpf/maps/Map-Providers.md index 96ce72931..508263647 100644 --- a/chart-sdk/wpf/maps/Map-Providers.md +++ b/chart-sdk/wpf/maps/Map-Providers.md @@ -1,13 +1,13 @@ --- layout: post -title: Map Providers in WPF Maps control | Syncfusion -description: Learn here all about Map Providers support in Syncfusion WPF Maps (SfMap) control, its elements and more details. +title: Providers in WPF Maps | Syncfusion® +description: Providers in the WPF Maps supply map tile sources and geographic data, enabling visualization of locations and spatial information. platform: chart-sdk control: SfMap documentation: ug --- -# Map Providers in WPF Maps (SfMap) +# Providers in WPF Maps The [SfMap](https://help.syncfusion.com/cr/wpf/Syncfusion.UI.Xaml.Maps.SfMap.html) control provides support for various map providers, including [OpenStreetMap](https://www.openstreetmap.org), [Google Maps](https://developers.google.com/maps/documentation), [Azure Maps](https://learn.microsoft.com/en-us/azure/azure-maps/), and [Bing Maps](https://explore.microsoft.com/en-in/bing/features/maps/?form=MA13FV). You can also integrate other map providers by adding them as layers. diff --git a/chart-sdk/wpf/maps/Map-Selection.md b/chart-sdk/wpf/maps/Map-Selection.md index 3ad71afd9..708e42d3a 100644 --- a/chart-sdk/wpf/maps/Map-Selection.md +++ b/chart-sdk/wpf/maps/Map-Selection.md @@ -1,13 +1,13 @@ --- layout: post -title: Map Selection in WPF Maps control | Syncfusion -description: Learn here all about Map Selection support in Syncfusion WPF Maps (SfMap) control, its elements and more details. +title: Selection in WPF Maps | Syncfusion® +description: Map selection in the WPF Maps enables users to highlight and interact with map elements for focused analysis and data exploration. platform: chart-sdk control: SfMap documentation: ug --- -# Map Selection in WPF Maps (SfMap) +# Selection in WPF Maps Each shape in the map can be selected and unselected when interacted with shapes. There are two ways to select the map shapes: diff --git a/chart-sdk/wpf/maps/Map-Shape-Labels.md b/chart-sdk/wpf/maps/Map-Shape-Labels.md index c1175c536..10a1a4299 100644 --- a/chart-sdk/wpf/maps/Map-Shape-Labels.md +++ b/chart-sdk/wpf/maps/Map-Shape-Labels.md @@ -1,13 +1,13 @@ --- layout: post -title: Map Shape Labels in WPF Maps control | Syncfusion -description: Learn here all about Map Shape Labels support in Syncfusion WPF Maps (SfMap) control, its elements and more details. +title: Shape Labels in WPF Maps | Syncfusion® +description: Shape labels in the WPF Maps display text for geographic regions, helping users identify and interpret location-based data clearly. platform: chart-sdk control: SfMap documentation: ug --- -# Map Shape Labels in WPF Maps (SfMap) +# Shape Labels in WPF Maps Labels for map shapes can be displayed by using the [`LabelPath`](https://help.syncfusion.com/cr/wpf/Syncfusion.UI.Xaml.Maps.ShapeFileLayer.html#Syncfusion_UI_Xaml_Maps_ShapeFileLayer_LabelPath) of the ShapeFileLayer. The value of LabelPath must be a field name specified in the .dbf file corresponding to the shapefile. diff --git a/chart-sdk/wpf/maps/MapPopup.md b/chart-sdk/wpf/maps/MapPopup.md index 6ee20fdfa..af94b88c5 100644 --- a/chart-sdk/wpf/maps/MapPopup.md +++ b/chart-sdk/wpf/maps/MapPopup.md @@ -1,13 +1,13 @@ --- layout: post -title: MapPopup in WPF Maps control | Syncfusion -description: Learn here all about MapPopup support in Syncfusion WPF Maps (SfMap) control, its elements and more details. +title: Interactive Popup in WPF Maps | Syncfusion® +description: Interactive popup in the WPF Maps displays additional information for map elements, enabling users to view detailed location-based data. platform: chart-sdk control: SfMap documentation: ug --- -# MapPopup in WPF Maps (SfMap) +# Interactive Popup in WPF Maps MapPopup is a hanging window, displayed when the shape is tapped. It shows additional information from the object bound with the shape. By default, it takes the property of the bound object that is referred to in the ShapeValuePath and displays its content when the corresponding shape is tapped. diff --git a/chart-sdk/wpf/maps/Markers.md b/chart-sdk/wpf/maps/Markers.md index 6fda95a23..b65ad614d 100644 --- a/chart-sdk/wpf/maps/Markers.md +++ b/chart-sdk/wpf/maps/Markers.md @@ -1,13 +1,13 @@ --- layout: post -title: Markers in WPF Maps control | Syncfusion -description: Learn here all about Markers support in Syncfusion WPF Maps (SfMap) control, its elements and more details. +title: Markers in WPF Maps | Syncfusion® +description: Markers in the WPF Maps highlight geographic locations using customizable symbols, enabling visualization and interaction with map data. platform: chart-sdk control: SfMap documentation: ug --- -# Markers in WPF Maps (SfMap) +# Marker Customization in WPF Maps Markers are used to show some messages on maps. diff --git a/chart-sdk/wpf/maps/Multilayer-Support.md b/chart-sdk/wpf/maps/Multilayer-Support.md index d7b7207fc..bfad1124d 100644 --- a/chart-sdk/wpf/maps/Multilayer-Support.md +++ b/chart-sdk/wpf/maps/Multilayer-Support.md @@ -1,13 +1,13 @@ --- layout: post -title: Multilayer Support in WPF Maps control | Syncfusion -description: Learn here all about Multilayer Support in Syncfusion WPF Maps (SfMap) control, its elements and more details. +title: Multilayer Support in WPF Maps | Syncfusion® +description: Multilayer support in the WPF Maps enables multiple map layers to be displayed together for enhanced geographic visualization and analysis. platform: chart-sdk control: SfMap documentation: ug --- -# Multilayer Support in WPF Maps (SfMap) +# Multilayer Support in WPF Maps Multilayer support allows you to load multiple shapefiles in a single container, enabling maps to display more detail. diff --git a/chart-sdk/wpf/maps/Overview.md b/chart-sdk/wpf/maps/Overview.md index 0ec0309a2..fbe5bfb7e 100644 --- a/chart-sdk/wpf/maps/Overview.md +++ b/chart-sdk/wpf/maps/Overview.md @@ -1,13 +1,13 @@ --- layout: post -title: About WPF Maps control | Syncfusion -description: Learn here all about introduction of Syncfusion WPF Maps (SfMap) control, its elements and more details. +title: About Syncfusion® WPF Maps Control | Syncfusion® +description: Learn about the introduction of Syncfusion Essential Studio® WPF Maps control, its features, capabilities, and more details. platform: chart-sdk control: SfMap documentation: ug --- -# WPF Maps (SfMap) Overview +# About Syncfusion® WPF Maps Control A map is a graphical representation of geographical data. It is used to represent the statistical data of a particular geographical area on Earth. By using pan and zoom, the maps can be navigated. Maps supports enhanced data visualization with bubbles and labels. Bubbles visualize the data that is bound to the map. diff --git a/chart-sdk/wpf/maps/PopulateData.md b/chart-sdk/wpf/maps/PopulateData.md index 954460d57..89f0f5286 100644 --- a/chart-sdk/wpf/maps/PopulateData.md +++ b/chart-sdk/wpf/maps/PopulateData.md @@ -1,13 +1,13 @@ --- layout: post -title: Populate Data in WPF Maps control | Syncfusion -description: Learn here all about Populate Data support in Syncfusion WPF Maps (SfMap) control, its elements and more details. +title: Populate Data in WPF Maps | Syncfusion® +description: Populate data in the WPF Maps by binding geographic and business data sources to visualize location-based information effectively. platform: chart-sdk control: SfMap documentation: ug --- -# Populate Data in WPF Maps (SfMap) +# Populate Data in WPF Maps This section explains how to populate shape data for providing data input to the maps control and the usage of the [`ItemsSource`](https://help.syncfusion.com/cr/wpf/Syncfusion.UI.Xaml.Maps.ShapeFileLayer.html#Syncfusion_UI_Xaml_Maps_ShapeFileLayer_ItemsSource) property. diff --git a/chart-sdk/wpf/maps/ShapeType.md b/chart-sdk/wpf/maps/ShapeType.md index f98450f33..46d9710fd 100644 --- a/chart-sdk/wpf/maps/ShapeType.md +++ b/chart-sdk/wpf/maps/ShapeType.md @@ -1,13 +1,13 @@ --- layout: post -title: Shape Types in WPF Maps control | Syncfusion -description: Learn about the Shape Types support in the Syncfusion WPF Maps (SfMaps) control, including its elements and more. +title: Shape Types in WPF Maps | Syncfusion® +description: Shape types in the WPF Maps define how geographic regions are rendered, enabling visualization of location-based data using map shapes. platform: chart-sdk control: SfMaps documentation: ug --- -# Shape Types in WPF Maps (SfMaps) +# Shape Types in WPF Maps This feature allows you to draw a polygon, polyline, or circle on the map. You can provide input as geo points to draw shapes in two different ways: diff --git a/chart-sdk/wpf/maps/Shapes-Color-Customization.md b/chart-sdk/wpf/maps/Shapes-Color-Customization.md index d0a1b88db..500a24ee7 100644 --- a/chart-sdk/wpf/maps/Shapes-Color-Customization.md +++ b/chart-sdk/wpf/maps/Shapes-Color-Customization.md @@ -1,13 +1,13 @@ --- layout: post -title: Shapes Color Customization in WPF Maps control | Syncfusion -description: Learn here all about Shapes Color Customization support in Syncfusion WPF Maps (SfMap) control and more. +title: Shapes Color Customization in WPF Maps | Syncfusion® +description: Shapes color customization in the WPF Maps allows you to apply custom colors to map shapes for improved visualization and data representation. platform: chart-sdk control: SfMap documentation: ug --- -# Shapes Color Customization in WPF Maps (SfMap) +# Shapes Color Customization in WPF Maps [WPF Maps](https://www.syncfusion.com/wpf-controls/map) highly support the customization of the shape’s color. The shape’s color can be customized by using the following methods: diff --git a/chart-sdk/wpf/maps/UserInteraction.md b/chart-sdk/wpf/maps/UserInteraction.md index aced718f4..8dd9a271c 100644 --- a/chart-sdk/wpf/maps/UserInteraction.md +++ b/chart-sdk/wpf/maps/UserInteraction.md @@ -1,13 +1,13 @@ --- layout: post -title: User interaction in WPF Maps control | Syncfusion -description: Learn here all about user interaction support such as tooltip, zooming, and panning in Syncfusion WPF Maps (SfMap) control, its elements. +title: User Interaction in WPF Maps | Syncfusion® +description: User interaction in the WPF Maps enables tooltips, zooming, panning, and navigation for enhanced map exploration and data analysis. platform: chart-sdk control: SfMap documentation: ug --- -# User interaction in WPF Maps (SfMap) +# User Interaction in WPF Maps ## Tooltip diff --git a/chart-sdk/wpf/olap-chart/Appearance.md b/chart-sdk/wpf/olap-chart/Appearance.md index 2bc5defe2..071dbbc81 100644 --- a/chart-sdk/wpf/olap-chart/Appearance.md +++ b/chart-sdk/wpf/olap-chart/Appearance.md @@ -1,7 +1,7 @@ --- layout: post -title: Appearance in WPF Olap Chart control | Syncfusion -description: Learn about Appearance support in Syncfusion Essential Studio® WPF Olap Chart control, its elements and more details. +title: Appearance in WPF Olap Chart | Syncfusion® +description: Appearance in the WPF OLAP Chart allows you to customize chart elements, colors, styles, and visual settings for improved presentation. platform: chart-sdk control: OLAP Chart documentation: ug @@ -15,7 +15,7 @@ The OLAP chart supports customizing the appearance of charts. You can customize The OLAP chart provides options to set the chart type, chart color, chart legend position, chart legend, and legend check box visibility: -* **ChartType**: Sets the chart type for the OLAP chart control. +* [ChartType](https://help.syncfusion.com/cr/wpf/Syncfusion.Olap.Reports.ChartAppearanceSettings.html#Syncfusion_Olap_Reports_ChartAppearanceSettings_ChartType): Sets the chart type for the OLAP chart control. * **ColorModel.Palette**: Specifies the chart color for the OLAP chart control. * **Legend.Visibility**: Specifies the visibility of the chart legend. * **Legend.CheckBoxVisibility**: Specifies the visibility of the chart legend check box. diff --git a/chart-sdk/wpf/olap-chart/Area.md b/chart-sdk/wpf/olap-chart/Area.md index f858a3f9b..33a9e9b69 100644 --- a/chart-sdk/wpf/olap-chart/Area.md +++ b/chart-sdk/wpf/olap-chart/Area.md @@ -1,7 +1,7 @@ --- layout: post -title: Area in WPF Olap Chart control | Syncfusion -description: Learn about Area support in Syncfusion Essential Studio® WPF Olap Chart control, its elements and more details. +title: Area in WPF Olap Chart | Syncfusion® +description: Area in the WPF OLAP Chart displays data as filled regions between data points and the axis, emphasizing trends and value changes. platform: chart-sdk control: OLAP Chart documentation: ug @@ -39,7 +39,7 @@ N> The series will be available only after data is bound to the control. In othe ## Area customization -An OLAp area is basically derived from the ChartArea class belonging to the base chart WPF control. So, the customization options are available in the chart area. However, 3D charts and multiple chart areas are not supported in an OLAP chart. So, those customizations are not applicable. +An OLAP area is basically derived from the ChartArea class belonging to the base chart WPF control. So, the customization options are available in the chart area. However, 3D charts and multiple chart areas are not supported in an OLAP chart. So, those customizations are not applicable. The following are the frequently used customization options that are available in the chart area. diff --git a/chart-sdk/wpf/olap-chart/Axes.md b/chart-sdk/wpf/olap-chart/Axes.md index 6b594bb02..ea76ac3bc 100644 --- a/chart-sdk/wpf/olap-chart/Axes.md +++ b/chart-sdk/wpf/olap-chart/Axes.md @@ -1,7 +1,7 @@ --- layout: post -title: Axes in WPF Olap Chart control | Syncfusion -description: Learn about Axes support in Syncfusion Essential Studio® WPF Olap Chart control, its elements and more details. +title: Axes in WPF Olap Chart | Syncfusion® +description: Axes in the WPF OLAP Chart define data scales, labels, ranges, and intervals to organize and present multidimensional data effectively. platform: chart-sdk control: OLAP Chart documentation: ug @@ -13,7 +13,7 @@ An OLAP area contains two axes, the primary axis and secondary axis, in an OLAP ## Grid lines customization -In general, for column type charts, the horizontal grid line belongs to the secondary axis. To disable the horizontal grid lines for these types of charts, you should use the `ShowGridLinesProperty` of the secondary axis. +In general, for column type charts, the horizontal grid lines belong to the secondary axis. To disable the horizontal grid lines for these types of charts, you should use the `ShowGridLinesProperty` of the secondary axis. The following illustration describes how the chart will look after the horizontal grid lines are disabled. @@ -39,7 +39,7 @@ Me.olapChart.Series(0).Area.SecondaryAxis.SetValue(ChartArea.ShowGridLinesProper N> For bar type charts, such as bar, stacking bar, and stacking 100 bar, you can disable the horizontal grid lines by using the `ShowGridLinesProperty` of the primary axis. -In general, for column type charts, the vertical grid line belongs to the primary axis. To disable the vertical grid lines for these types of charts, you should use the `ShowGridLinesProperty` of the primary axis. +In general, for column type charts, the vertical grid lines belong to the primary axis. To disable the vertical grid lines for these types of charts, you should use the `ShowGridLinesProperty` of the primary axis. The following illustration describes how the chart will look after the vertical grid lines are disabled. diff --git a/chart-sdk/wpf/olap-chart/Chart-Types.md b/chart-sdk/wpf/olap-chart/Chart-Types.md index 07019c4f9..c410d8c37 100644 --- a/chart-sdk/wpf/olap-chart/Chart-Types.md +++ b/chart-sdk/wpf/olap-chart/Chart-Types.md @@ -1,7 +1,7 @@ --- layout: post -title: Chart Types in WPF Olap Chart control | Syncfusion -description: Learn about Chart Types support in Syncfusion Essential Studio® WPF Olap Chart control, its elements and more details. +title: Chart Types in WPF Olap Chart | Syncfusion® +description: Chart types in the WPF OLAP Chart provide multiple visualization options to represent multidimensional data and analytical insights effectively. platform: chart-sdk control: OLAP Chart documentation: ug @@ -104,7 +104,7 @@ A sample demo is available at the following location. ## Stacking column 100 chart -Stacking column 100 chart is a simple form of chart. Like stacking column chart, the stacking column 100 chart also contains segments in each series, which is added to equate each series to 100%. This chart type is widely used for proportional analysis over a particular period of time. +Stacking column 100 chart is a simple form of chart. Like the stacking column chart, the stacking column 100 chart also contains segments in each series, which are added to equate each series to 100%. This chart type is widely used for proportional analysis over a particular period of time. ![StackingColumn100 chart](Chart-types_images/Chart-types_img3.png) @@ -140,7 +140,7 @@ A sample demo is available at the following location. ## Bar chart -The bar chart is same as the column chart, but it can be rotated to 90 degrees in the clockwise direction. This chart type is widely used for comparison analysis over a particular period of time. +The bar chart is the same as the column chart, but it can be rotated to 90 degrees in the clockwise direction. This chart type is widely used for comparison analysis over a particular period of time. ![Bar chart](Chart-types_images/Chart-types_img4.png) @@ -176,7 +176,7 @@ A sample demo is available at the following location. ## Stacking bar chart -Stacking bar chart functions same as the stacking column chart, but it can be rotated to 90 degrees in the clockwise direction. This chart type is widely used for proportional analysis over a particular period of time. +The stacking bar chart functions the same as the stacking column chart, but it can be rotated to 90 degrees in the clockwise direction. This chart type is widely used for proportional analysis over a particular period of time. ![StackingBar chart](Chart-types_images/Chart-types_img5.png) @@ -212,7 +212,7 @@ A sample demo is available at the following location. ## Stacking bar 100 chart -The stacking bar 100 chart functions same as the stacking column 100 chart, but it can be rotated to 90 degrees in the clockwise direction. This chart type is widely used for proportional analysis over a particular period of time. +The stacking bar 100 chart functions the same as the stacking column 100 chart, but it can be rotated to 90 degrees in the clockwise direction. This chart type is widely used for proportional analysis over a particular period of time. ![StackingBar100 chart](Chart-types_images/Chart-types_img6.png) @@ -392,7 +392,7 @@ A sample demo is available at the following location. ## Line chart -The line chart is a simple form of chart, which connects a series of data points. Usually, it is used for Trend analysis, Forecasting, or in the case of large data points. +The line chart is a simple form of chart, which connects a series of data points. Usually, it is used for trend analysis, forecasting, or in the case of large data points. ![Line chart](Chart-types_images/Chart-types_img11.png) @@ -536,7 +536,7 @@ A sample demo is available at the following location. ## Scatter chart -The scatter chart is a collection of points plotted in the rectangular co-ordinate system. It is often used in relationship analysis upto one independent variable. +The scatter chart is a collection of points plotted in the rectangular co-ordinate system. It is often used in relationship analysis up to one independent variable. ![Scatter chart](Chart-types_images/Chart-types_img15.png) diff --git a/chart-sdk/wpf/olap-chart/Chart-type-for-specific-series.md b/chart-sdk/wpf/olap-chart/Chart-type-for-specific-series.md index 2a48f932d..b1d73ba58 100644 --- a/chart-sdk/wpf/olap-chart/Chart-type-for-specific-series.md +++ b/chart-sdk/wpf/olap-chart/Chart-type-for-specific-series.md @@ -1,7 +1,7 @@ --- layout: post -title: Chart Type for Specific Series in WPF Olap Chart| Syncfusion -description: Learn about Chart Type for Specific Series support in Syncfusion Essential Studio® WPF Olap Chart control and more. +title: Chart Type for Specific Series in WPF Olap Chart| Syncfusion® +description: Chart type for specific series in the WPF OLAP Chart allows different series to be displayed using distinct chart types for comparison. platform: chart-sdk control: OLAP Chart documentation: ug diff --git a/chart-sdk/wpf/olap-chart/Data-Binding.md b/chart-sdk/wpf/olap-chart/Data-Binding.md index 5c0917d69..d71c4ec20 100644 --- a/chart-sdk/wpf/olap-chart/Data-Binding.md +++ b/chart-sdk/wpf/olap-chart/Data-Binding.md @@ -1,7 +1,7 @@ --- layout: post -title: Data Binding in WPF Olap Chart control | Syncfusion -description: Learn about Data Binding support in Syncfusion® WPF Olap Chart control, its elements and more details. +title: Data Binding in WPF Olap Chart | Syncfusion® +description: Data binding in the WPF OLAP Chart connects multidimensional data sources to chart series, enabling dynamic visualization and analysis. platform: chart-sdk control: OLAP Chart documentation: ug diff --git a/chart-sdk/wpf/olap-chart/Drill-Operation.md b/chart-sdk/wpf/olap-chart/Drill-Operation.md index 0d69999c9..1bbb1f96a 100644 --- a/chart-sdk/wpf/olap-chart/Drill-Operation.md +++ b/chart-sdk/wpf/olap-chart/Drill-Operation.md @@ -1,7 +1,7 @@ --- layout: post -title: Drill Operation in WPF Olap Chart control | Syncfusion -description: Learn about Drill Operation support in Syncfusion Essential Studio® WPF Olap Chart control, its elements and more details. +title: Drill Operation in WPF Olap Chart | Syncfusion® +description: Drill operation in the WPF OLAP Chart enables users to expand and collapse hierarchical data levels for detailed analysis and navigation. platform: chart-sdk control: OLAP Chart documentation: ug @@ -25,7 +25,7 @@ A sample demo is available at the following location. ## Drill position -Drill position allows users to drill only the current position of a selected member and it will exclude the drilled data of the selected member in other positions by using the MDX query. It can be enabled by setting the **"DrillType"** enumeration to **"DrillPosition"** in the OLAP report. +Drill position allows users to drill only the current position of a selected member and it will exclude the drilled data of the selected member in other positions by using the MDX query. It can be enabled by setting the [DrillType](https://help.syncfusion.com/cr/wpf/Syncfusion.Olap.Reports.OlapReport.html#Syncfusion_Olap_Reports_OlapReport_DrillType) enumeration to **"DrillPosition"** in the OLAP report. {% tabs %} @@ -49,7 +49,7 @@ A sample demo is available at the following location. ## Show/hide expanders -The visibility of expanders in the OLAP chart can be toggled by using the `ShowExpanders` property available in the OLAP report. +The visibility of expanders in the OLAP chart can be toggled by using the [ShowExpanders](https://help.syncfusion.com/cr/wpf/Syncfusion.Olap.Reports.OlapReport.html#Syncfusion_Olap_Reports_OlapReport_ShowExpanders) property available in the OLAP report. {% tabs %} diff --git a/chart-sdk/wpf/olap-chart/Exporting.md b/chart-sdk/wpf/olap-chart/Exporting.md index e3fcfd9ad..3f0ce6097 100644 --- a/chart-sdk/wpf/olap-chart/Exporting.md +++ b/chart-sdk/wpf/olap-chart/Exporting.md @@ -1,7 +1,7 @@ --- layout: post -title: Exporting in WPF Olap Chart control | Syncfusion -description: Learn about Exporting support in Syncfusion Essential Studio® WPF Olap Chart control, its elements and more details. +title: Exporting in WPF Olap Chart | Syncfusion® +description: Exporting in the WPF OLAP Chart enables chart data and visuals to be saved in supported formats for sharing and reporting. platform: chart-sdk control: OLAP Chart documentation: ug @@ -31,13 +31,13 @@ The OLAP chart can be copied to the clipboard or exported as an image. It can be ## Exporting to Word document -The OLAP chart for WPF supports exporting an OLAP chart to an Microsoft Word document. It can also be exported into a template Word document file at a position specified by a marker. +The OLAP chart for WPF supports exporting an OLAP chart to a Microsoft Word document. It can also be exported into a template Word document file at a position specified by a marker. The following methods are used to export an OLAP chart to a Microsoft Word document: ### Methods -* **ExportIntoNewDoc**: Exports a chart to a new Word document file with specified file name. +* **ExportIntoNewDoc**: Exports a chart to a new Word document file with the specified file name. * **ExportIntoTemplateDoc**: Exports a chart to an existing Word document file in the default marker string location. * **ExportIntoTemplateDoc**: Exports a chart to an existing Word document file in the given marker string location. * **ExportIntoTemplateDoc**: Exports a chart to an existing instance of a Word document in the default marker string location. diff --git a/chart-sdk/wpf/olap-chart/Getting-Started.md b/chart-sdk/wpf/olap-chart/Getting-Started.md index 2cc076862..2817863b7 100644 --- a/chart-sdk/wpf/olap-chart/Getting-Started.md +++ b/chart-sdk/wpf/olap-chart/Getting-Started.md @@ -1,7 +1,7 @@ --- layout: post -title: Getting Started with WPF Olap Chart control | Syncfusion -description: Learn here about getting started with Syncfusion® WPF Olap Chart control, its elements and more details. +title: Getting Started with WPF Olap Chart | Syncfusion® +description: Learn how to get started with the Syncfusion® WPF Olap Chart control. Explore setup, features, examples, and customization options. platform: chart-sdk control: OLAP Chart documentation: ug @@ -18,7 +18,7 @@ This section covers the information required to create a simple OLAP chart bound Open the Visual Studio IDE and navigate to File > New > Project > WPF Application (inside Visual C# Templates) to create a new WPF application. -After the WPF application is created, go to View menu and select Toolbox option. Now, the toolbox will appear inside the Visual Studio IDE. From the Visual Studio Toolbox, drag the OLAP chart under the **Syncfusion® BI WPF** tag. It will automatically add the required assemblies to the application. +After the WPF application is created, go to the View menu and select the Toolbox option. Now, the toolbox will appear inside the Visual Studio IDE. From the Visual Studio Toolbox, drag the OLAP chart under the **Syncfusion® BI WPF** tag. It will automatically add the required assemblies to the application. ![WPF OLAP Chart Getting-Started Image1](Getting-Started_images/Getting-Started_img1.png) @@ -165,7 +165,7 @@ Run the application. The following output will be generated. Open Blend for Visual Studio and navigate to File > New project > WPF > WPF Application to create a new WPF application. -Select the **Project** tab available in the left-corner of the Blend IDE. Right-click the **References** and select **Add Reference**. Now, browse and add the following assemblies to the project. +Select the **Project** tab available in the left corner of the Blend IDE. Right-click **References** and select **Add Reference**. Now, browse and add the following assemblies to the project. * Syncfusion.Chart.WPF * Syncfusion.Olap.Base @@ -426,7 +426,7 @@ Namespace SampleApplication ' Finally OlapChart gets the information from the OlapDataManager olapChart.OlapDataManager = _olapDataManager olapChart.DataBind() - // OlapChart added to the Main Window Grid region + ' OlapChart added to the Main Window Grid region chart.Children.Add(olapChart) End Sub @@ -471,7 +471,7 @@ Run the application. The following output will be generated. ## Design-time binding -Design-time binding support for OLAP chart allows you to reduce the time spent on creating and customizing the report. Normally, it takes 5 to 10 minutes for creating a report and in case of unfamiliar cubes it may extend further. But by using design-time support, you can create a report in a couple of minutes. The following section explains how to create a report during design-time. +Design-time binding support for the OLAP chart allows you to reduce the time spent creating and customizing the report. Normally, it takes 5 to 10 minutes to create a report, and in the case of unfamiliar cubes, it may extend further. But by using design-time support, you can create a report in a couple of minutes. The following section explains how to create a report at design time. First drag the OLAP chart control from the toolbox to the Visual Studio designer surface. @@ -493,7 +493,7 @@ When the connection is valid, it displays the summary page of the **Data Source ![WPF OLAP Chart Getting-Started Image6](Getting-Started_images/Getting-Started_img6.png) -For creating or editing a query, click the **Create/Edit** link that is displayed on the top-right side of the MDX query text box. This opens a **Query Designer** dialog. +For creating or editing a query, click the **Create/Edit** link that is displayed on the top-right side of the MDX query text box. This opens the **Query Designer** dialog. ![WPF OLAP Chart Getting-Started Image7](Getting-Started_images/Getting-Started_img7.png) diff --git a/chart-sdk/wpf/olap-chart/KPI.md b/chart-sdk/wpf/olap-chart/KPI.md index 54d1a6083..aa61088b4 100644 --- a/chart-sdk/wpf/olap-chart/KPI.md +++ b/chart-sdk/wpf/olap-chart/KPI.md @@ -1,7 +1,7 @@ --- layout: post -title: KPI in WPF Olap Chart control | Syncfusion -description: Learn about KPI support in Syncfusion Essential Studio® WPF Olap Chart control, its elements and more details. +title: KPI in WPF Olap Chart | Syncfusion® +description: KPI in the WPF OLAP Chart displays key performance indicators to monitor, evaluate, and analyze business metrics effectively. platform: chart-sdk control: OLAP Chart documentation: ug @@ -13,10 +13,10 @@ KPI is a collection of calculations that are associated with a measure group in The following are the different types of indicators: -* KPI goal -* KPI status -* KPI trend -* KPI value +* [KPI goal](https://help.syncfusion.com/cr/wpf/Syncfusion.Windows.Chart.Olap.Kpi.html#Syncfusion_Windows_Chart_Olap_Kpi_ShowGoal) +* [KPI status](https://help.syncfusion.com/cr/wpf/Syncfusion.Windows.Chart.Olap.Kpi.html#Syncfusion_Windows_Chart_Olap_Kpi_ShowStatus) +* [KPI trend](https://help.syncfusion.com/cr/wpf/Syncfusion.Windows.Chart.Olap.Kpi.html#Syncfusion_Windows_Chart_Olap_Kpi_ShowTrend) +*[KPI value](https://help.syncfusion.com/cr/wpf/Syncfusion.Windows.Chart.Olap.Kpi.html#Syncfusion_Windows_Chart_Olap_Kpi_ShowValue) The KPI elements can be defined in the OLAP report in the following way. diff --git a/chart-sdk/wpf/olap-chart/Legend.md b/chart-sdk/wpf/olap-chart/Legend.md index ee1dd0f02..c00ca6da7 100644 --- a/chart-sdk/wpf/olap-chart/Legend.md +++ b/chart-sdk/wpf/olap-chart/Legend.md @@ -1,7 +1,7 @@ --- layout: post -title: Legend in WPF Olap Chart control | Syncfusion -description: Learn about Legend support in Syncfusion Essential Studio® WPF Olap Chart control, its elements and more details. +title: Legend in WPF Olap Chart | Syncfusion® +description: Legend in the WPF OLAP Chart identifies series and data categories, helping users understand and interpret chart information clearly. platform: chart-sdk control: OLAP Chart documentation: ug @@ -9,7 +9,7 @@ documentation: ug # Legend in WPF Olap Chart -Legends are used to display the name of data series. The chart legend can be added to an OLAP chart by adding the chart legend of the chart WPF, which is found under the Syncfusion.Windows.Chart namespace. The following code sample explains how to add a legend to an OLAP chart. +Legends are used to display the names of data series. The chart legend can be added to an OLAP chart by adding the chart legend of the chart WPF, which is found under the Syncfusion.Windows.Chart namespace. The following code sample explains how to add a legend to an OLAP chart. {% tabs %} @@ -69,7 +69,7 @@ Me.olapChart.Legend.Visibility = System.Windows.Visibility.Collapsed ## Visibility customization -The visibility of the legend check box can be toggled by using the `CheckBoxVisibility` property in the chart legend. The following code sample shows how to toggle the visibility of check box in the legend of the OLAP chart. +The visibility of the legend check box can be toggled by using the `CheckBoxVisibility` property in the chart legend. The following code sample shows how to toggle the visibility of the check box in the legend of the OLAP chart. {% tabs %} @@ -143,7 +143,7 @@ ChartDockPanel.SetDock(Me.olapChart.Legend, ChartDock.Right) ## Row/column setting -You can use the `RowsCount` and `ColumnsCount` property to create the rows or columns of the OLAP chart legend. The **RowsCount** and **ColumnsCount** will be used internally to create a grid layout control to place the legends. The following code sample shows how to set the number of rows or columns in an legend. +You can use the `RowsCount` and `ColumnsCount` properties to create the rows or columns of the OLAP chart legend. The **RowsCount** and **ColumnsCount** will be used internally to create a grid layout control to place the legends. The following code sample shows how to set the number of rows or columns in a legend. {% tabs %} @@ -172,7 +172,7 @@ Me.olapChart.Legend.ColumnsCount = 2 {% endtabs %} -N> The **RowsCount** and **ColumnsCount** are used to create the rows and columns in the grid layout control, which is used to place the legends. If you give extra row or column count than the legend availability, it will display empty spaces to fill the structure of the grid. The following illustration explains this in detail. +N> The **RowsCount** and **ColumnsCount** are used to create the rows and columns in the grid layout control, which is used to place the legends. If you give an extra row or column count beyond the legend availability, it will display empty spaces to fill the structure of the grid. The following illustration explains this in detail. The following chart has only one legend, but the RowsCount and ColumnsCount are set as 2. Therefore, the resultant legend will appear as follows: diff --git a/chart-sdk/wpf/olap-chart/Localization.md b/chart-sdk/wpf/olap-chart/Localization.md index e0ddff153..39f36b5e4 100644 --- a/chart-sdk/wpf/olap-chart/Localization.md +++ b/chart-sdk/wpf/olap-chart/Localization.md @@ -1,7 +1,7 @@ --- layout: post -title: Localization in WPF Olap Chart control | Syncfusion -description: Learn about Localization support in Syncfusion® WPF Olap Chart control, its elements and more details. +title: Localization in WPF Olap Chart | Syncfusion® +description: Localization in the WPF OLAP Chart enables chart content, labels, and interface elements to be displayed in different languages. platform: chart-sdk control: OLAP Chart documentation: ug @@ -28,7 +28,7 @@ N> Localization key field should be same for all locales. Do not translate it. After translating the strings that can be localized, perform the following in the application: -Right-click the project file to create a new folder in the project. Select Add > New Folder and rename the folder as "Resources". +Right-click the project file to create a new folder in the project. Select Add > New Folder and rename the folder as `Resources`. N> The folder name should strictly be "Resources". @@ -38,7 +38,7 @@ Now, right-click the resources folder to create a new resource file in the Visua ![Define the resource file name](Localization_images/Localization_img2.png) -Select "Resources File" from the list. Then, name the resource file as Syncfusion.OlapChart.WPF.ar-AE.resx and click Add. +Select **Resources File** from the list. Then, name the resource file as Syncfusion.OlapChart.WPF.ar-AE.resx and click Add. N> The resource file name should strictly be in the format "Syncfusion.OlapChart.WPF.<Culture Code>.resx". @@ -63,13 +63,17 @@ public MainWindow() ## RTL support -RTL support for OLAP chart is used to display the content from right to left by setting the `FlowDirection` property to "RightToLeft". The following code sample explains how to set this property. +RTL support for OLAP chart is used to display the content from right to left by setting the `FlowDirection` property to **RightToLeft**. The following code sample explains how to set this property. {% tabs %} {% highlight xaml %} - + {% endhighlight %} @@ -91,7 +95,4 @@ Me.olapChart.FlowDirection = System.Windows.FlowDirection.RightToLeft A sample demo is available at the following location. -{system drive}:\Users\<User Name>\AppData\Local\Syncfusion\EssentialStudio\<Version Number>\WPF\OlapChart.WPF\Samples\Localization - - - +{system drive}:\Users\<User Name>\AppData\Local\Syncfusion\EssentialStudio\<Version Number>\WPF\OlapChart.WPF\Samples\Localization \ No newline at end of file diff --git a/chart-sdk/wpf/olap-chart/Overview.md b/chart-sdk/wpf/olap-chart/Overview.md index cd3832349..9232ad2c8 100644 --- a/chart-sdk/wpf/olap-chart/Overview.md +++ b/chart-sdk/wpf/olap-chart/Overview.md @@ -1,13 +1,13 @@ --- layout: post -title: About WPF Olap Chart control | Syncfusion -description: Learn here all about introduction of Syncfusion® WPF Olap Chart control, its elements and more details. +title: About Syncfusion® WPF Olap Chart control | Syncfusion® +description: Learn about the introduction of Syncfusion Essential Studio® WPF OLAP Chart control, its features, capabilities, and more details. platform: chart-sdk control: OLAP Chart documentation: ug --- -# WPF Olap Chart Overview +# About Syncfusion WPF Olap Chart control An OLAP chart control is a lightweight control that allows you to efficiently visualize multi-dimensional data from the OLAP data source with the help of a report bound to it. diff --git a/chart-sdk/wpf/olap-chart/Paging.md b/chart-sdk/wpf/olap-chart/Paging.md index 2e17290e6..b4b3ec28c 100644 --- a/chart-sdk/wpf/olap-chart/Paging.md +++ b/chart-sdk/wpf/olap-chart/Paging.md @@ -1,7 +1,7 @@ --- layout: post -title: Paging in WPF Olap Chart control | Syncfusion -description: Learn about Paging support in Syncfusion Essential Studio® WPF Olap Chart control, its elements and more details. +title: Paging in WPF Olap Chart | Syncfusion® +description: Paging in the WPF OLAP Chart enables users to navigate large volumes of multidimensional data efficiently through manageable data sets. platform: chart-sdk control: OLAP Chart documentation: ug @@ -9,11 +9,11 @@ documentation: ug # Paging in WPF Olap Chart -Paging in the OLAP chart supports you to load and render the large amount of data without any performance constraint. +Paging in the OLAP chart allows you to load and render a large amount of data without any performance constraints. -A OLAP pager (user control) is included and bound with the OlapDataManager object of the OLAP chart. To enable paging, set the `EnablePaging` property to true. +An OLAP pager (user control) is included and bound with the OlapDataManager object of the OLAP chart. To enable paging, set the `EnablePaging` property to true. -When you process the large CellSet, it is split into several number of segments and each segment is assigned and rendered in a separate page. You can navigate back and forth in all possible ways by using the UI options in the OLAP pager. You can also change the page size and other pager settings at runtime by using the **PageSetting** window. +When you process the large CellSet, it is split into a number of segments, and each segment is assigned and rendered on a separate page. You can navigate back and forth in all possible ways by using the UI options in the OLAP pager. You can also change the page size and other pager settings at runtime by using the **PageSetting** window. Include the following Syncfusion® assembly from the installed location to add the OLAP pager (User Control) with OLAP chart. diff --git a/chart-sdk/wpf/olap-chart/Palette.md b/chart-sdk/wpf/olap-chart/Palette.md index 351de2140..2a20d2dbf 100644 --- a/chart-sdk/wpf/olap-chart/Palette.md +++ b/chart-sdk/wpf/olap-chart/Palette.md @@ -1,7 +1,7 @@ --- layout: post -title: Palette in WPF Olap Chart control | Syncfusion -description: Learn about Palette support in Syncfusion Essential Studio® WPF Olap Chart control, its elements and more details. +title: Palette in WPF Olap Chart | Syncfusion® +description: Palette in the WPF OLAP Chart allows you to customize series colors, improving visual distinction and chart presentation. platform: chart-sdk control: OLAP Chart documentation: ug @@ -9,7 +9,7 @@ documentation: ug # Palette in WPF Olap Chart -The chart palette is a pre-defined collection of a set of colors that can be applied to a chart series. The OLAP chart supports 23 chart palettes, which is used to provide rich look for your business applications. +The chart palette is a predefined collection of a set of colors that can be applied to a chart series. The OLAP chart supports 23 chart palettes, which are used to provide a rich look for your business applications. The following are the available palettes in the OLAP chart control: @@ -55,13 +55,13 @@ Me.olapChart.ColorModel.Palette = CType(System.Enum.Parse(GetType(Syncfusion.Win {% endtabs %} -The following image shows before and after applying the *EarthTone* palette. +The following image shows the chart before and after applying the *EarthTone* palette. ![Palette_img1](Palette_images/Palette_img1.png) ## Custom palette -Custom palettes can be applied to the OLAP chart by setting the _“Interior”_ property with custom brush to each series in the OLAP chart. +Custom palettes can be applied to the OLAP chart by setting the _"Interior"_ property with a custom brush for each series in the OLAP chart. A sample demo is available at the following location. diff --git a/chart-sdk/wpf/olap-chart/Printing.md b/chart-sdk/wpf/olap-chart/Printing.md index 7e26c672b..ced6f386f 100644 --- a/chart-sdk/wpf/olap-chart/Printing.md +++ b/chart-sdk/wpf/olap-chart/Printing.md @@ -1,7 +1,7 @@ --- layout: post -title: Printing in WPF Olap Chart control | Syncfusion -description: Learn about Printing support in Syncfusion Essential Studio® WPF Olap Chart control, its elements and more details. +title: Printing in WPF Olap Chart | Syncfusion® +description: Printing in the WPF OLAP Chart enables chart visuals to be printed directly for reporting, analysis, and presentation purposes. platform: chart-sdk control: OLAP Chart documentation: ug diff --git a/chart-sdk/wpf/olap-chart/Series.md b/chart-sdk/wpf/olap-chart/Series.md index caa618fea..2420c92ef 100644 --- a/chart-sdk/wpf/olap-chart/Series.md +++ b/chart-sdk/wpf/olap-chart/Series.md @@ -1,7 +1,7 @@ --- layout: post -title: Series in WPF Olap Chart control | Syncfusion -description: Learn about Series support in Syncfusion Essential Studio® WPF Olap Chart control, its elements and more details. +title: Series in WPF Olap Chart | Syncfusion® +description: Series in the WPF OLAP Chart define how multidimensional data is visualized, enabling different chart types and data representations. platform: chart-sdk control: OLAP Chart documentation: ug @@ -13,7 +13,7 @@ Series are the data points plotted in the rectangular co-ordinate system. ## Point label -Point label provides information about the data point. Data point can be added to a series by using the following code sample. +Point label provides information about the data point. The data point can be added to a series by using the following code sample. {% tabs %} @@ -58,7 +58,7 @@ The following screenshot shows an OLAP chart with point labels enabled. ## Color customization -You can set a custom color for each series in the OLAP chart. To apply different colors to different series iterate through the series, apply the custom brush to the series. +You can set a custom color for each series in the OLAP chart. To apply different colors to different series, iterate through the series and apply the custom brush to the series. {% tabs %} @@ -78,7 +78,7 @@ Me.olapChart.Series(0).Interior = Brushes.Orange ## Border customization -You can customize the thickness of series border of the OLAP chart by using the following code sample. +You can customize the thickness of the series border of the OLAP chart by using the following code sample. {% tabs %} @@ -100,21 +100,21 @@ Me.olapChart.Series(0).StrokeThickness = 4 N> The behavior of the series border varies for different chart types. The following illustration describes them in detail. -The series border is applied to the first series of a column chart by using the `StrokeThickness` property. Now, the first series element is surrounded with applied border. +The series border is applied to the first series of a column chart by using the `StrokeThickness` property. Now, the first series element is surrounded with the applied border. ![Setting StrokeThickness property to first series of column chart](Series_images/Series_img2.png) -Notice the variation. The same series border property is applied to a series in the line chart. Instead of creating a 4 pixel width border it increases the thickness of the particular series line. +Notice the variation. The same series border property is applied to a series in the line chart. Instead of creating a 4-pixel-wide border, it increases the thickness of the particular series line. ![StrokeThickness property value maintained after changing into the line chart](Series_images/Series_img3.png) -The pie chart renders everything in a single series; each block in the pie chart known as segments. The border will be applied on each segments. This is illustrated in the following screenshot. +The pie chart renders everything in a single series; each block in the pie chart is known as a segment. The border will be applied to each segment. This is illustrated in the following screenshot. ![TO display the series in pie chart](Series_images/Series_img4.png) ## Custom data templates -Series can be customized with user-defined data templates. The following sample usage describes how to apply a data template to series in the OLAP chart. +Series can be customized with user-defined data templates. The following sample usage describes how to apply a data template to the series in the OLAP chart. The following data template can be used to customize the series. @@ -166,7 +166,7 @@ A sample demo is available at the following location. ## Event -**ChartMouseEventArgs** are the arguments returned when the mouse events are triggered by the ChartSeries. **ChartMouseEventArgs** return the segment on which the mouse events are triggered along with default mouse event args. This event args can be used to customize a segment when the mouse event is encountered. The segment returns different values that are used to perform calculations or operations. +**ChartMouseEventArgs** are the arguments returned when the mouse events are triggered by the ChartSeries. **ChartMouseEventArgs** returns the segment on which the mouse events are triggered along with the default mouse event args. This event args can be used to customize a segment when a mouse event is encountered. The segment returns different values that are used to perform calculations or operations. The following code sample demonstrates how the **ChartMouseEventArgs** can be used to retrieve information on the ChartSeries segment. @@ -212,7 +212,7 @@ End Sub Animations can be added to the OLAP chart control. This can be achieved through the following properties: * **SeriesAnimateOption**: Gets or sets animation for each series. -* **SeriesAnimateOneByOne**: Gets or sets whether each series animate one by one. By default, it is false. +* **SeriesAnimateOneByOne**: Gets or sets whether each series animates one by one. By default, it is false. * **EnableSeriesAnimation**: Gets or sets whether the animation for each series is enabled. * **SeriesAnimationDuration**: Gets or sets the animation duration for each series. @@ -267,7 +267,7 @@ The following code sample demonstrates the customization of each series in the p foreach (ChartSeries series in this. olapchart.Series) { - //To enable the chart to explode we have pass the ChartSeries and true as parameter to SetExplodedAll method + //To enable the chart to explode, we have to pass the ChartSeries and true as parameters to the SetExplodedAll method ChartPieType.SetExplodedAll(series, true); } foreach (ChartSeries series in this. olapchart.Series) @@ -287,12 +287,12 @@ foreach (ChartSeries series in this. olapchart.Series) } foreach (ChartSeries series in this. olapchart.Series) { - //To set the explore index value we have to pass the ChartSeries and the index value of which part of the Chart to explode + //To set the explode index value, we have to pass the ChartSeries and the index value of which part of the chart to explode ChartPieType.SetExplodedIndex(series, 2); } foreach (ChartSeries series in this. olapchart.Series) { - //To set the radius of the exploded chart we have to pass the ChartSeries and the radius which is n double value + //To set the radius of the exploded chart, we have to pass the ChartSeries and the radius, which is a double value ChartPieType.SetExplodeRadius(series, 8.0); } diff --git a/chart-sdk/wpf/olap-chart/Theming.md b/chart-sdk/wpf/olap-chart/Theming.md index ff2d584c6..8059d13ac 100644 --- a/chart-sdk/wpf/olap-chart/Theming.md +++ b/chart-sdk/wpf/olap-chart/Theming.md @@ -1,7 +1,7 @@ --- layout: post -title: Theming in WPF Olap Chart control | Syncfusion -description: Learn about Theming support in Syncfusion Essential Studio® WPF Olap Chart control, its elements and more details. +title: Theming in WPF Olap Chart | Syncfusion® +description: Theming in the WPF OLAP Chart applies predefined visual styles to chart elements, ensuring a consistent and appealing appearance. platform: chart-sdk control: OLAP Chart documentation: ug diff --git a/chart-sdk/wpf/olap-chart/ToolTip.md b/chart-sdk/wpf/olap-chart/ToolTip.md index 0cb0cfb95..2cf4a93b9 100644 --- a/chart-sdk/wpf/olap-chart/ToolTip.md +++ b/chart-sdk/wpf/olap-chart/ToolTip.md @@ -1,7 +1,7 @@ --- layout: post -title: Tooltip in WPF Olap Chart control | Syncfusion -description: Learn about Tooltip support in Syncfusion Essential Studio® WPF Olap Chart control, its elements and more details. +title: Tooltip in WPF Olap Chart | Syncfusion® +description: Tooltip in the WPF OLAP Chart displays detailed information about data points on hover, helping users analyze chart data effectively. platform: chart-sdk control: OLAP Chart documentation: ug @@ -9,7 +9,7 @@ documentation: ug # Tooltip in WPF Olap Chart -The OLAP chart provides the series information such as measure, primary x-axis and y-axis values, and series name through the series tooltip, when the mouse pointer is moved over chart points. +The OLAP chart provides series information, such as measure values, primary x-axis and y-axis values, and the series name, through series tooltips when the mouse pointer is moved over chart points. The following code sample shows how to disable the series tooltip using the `ShowToolTip` property. diff --git a/chart-sdk/wpf/olap-chart/Watermark.md b/chart-sdk/wpf/olap-chart/Watermark.md index 1aaa0f8cc..a197a8a3a 100644 --- a/chart-sdk/wpf/olap-chart/Watermark.md +++ b/chart-sdk/wpf/olap-chart/Watermark.md @@ -1,7 +1,7 @@ --- layout: post -title: Watermark in WPF Olap Chart control | Syncfusion -description: Learn about Watermark support in Syncfusion Essential Studio® WPF Olap Chart control, its elements and more details. +title: Watermark in WPF Olap Chart | Syncfusion® +description: Watermark in the WPF OLAP Chart adds background text or images to the chart area, helping customize and enhance chart visuals. platform: chart-sdk control: OLAP Chart documentation: ug @@ -9,11 +9,11 @@ documentation: ug # Watermark in WPF Olap Chart -The OLAP chart for WPF supports watermark feature that is used to show text, image, or both as a watermark inside the chart area. +The OLAP chart for WPF supports the watermark feature, which is used to display text, images, or both as a watermark within the chart area. -There are many customization options available for the watermarked content. The content can be aligned both horizontally and vertically, and the font style of the content can be changed. The interior of the content can be customized and the opacity can also be varied. +There are many customization options available for the watermark content. The content can be aligned both horizontally and vertically, and its font style can be modified. The interior of the content can be customized, and the opacity can also be adjusted. -The following screenshot shows the text as a watermark. +The following screenshot shows text used as a watermark ![OlapChart displays the text as watermark](Watermark_images/Watermark_img1.png) diff --git a/chart-sdk/wpf/olap-chart/XAML-Configuration.md b/chart-sdk/wpf/olap-chart/XAML-Configuration.md index 5e43de7ec..fa8d5299e 100644 --- a/chart-sdk/wpf/olap-chart/XAML-Configuration.md +++ b/chart-sdk/wpf/olap-chart/XAML-Configuration.md @@ -1,7 +1,7 @@ --- layout: post -title: XAML Configuration in WPF Olap Chart control | Syncfusion -description: Learn about XAML Configuration support in Syncfusion® WPF Olap Chart control, its elements and more details. +title: XAML Configuration in WPF Olap Chart | Syncfusion® +description: XAML configuration in the WPF OLAP Chart enables chart elements, data settings, and behaviors to be defined declaratively in XAML. platform: chart-sdk control: OLAP Chart documentation: ug @@ -9,7 +9,7 @@ documentation: ug # XAML Configuration in WPF Olap Chart -XAML configuration is one of the important features of the OLAP chart, as it helps users to configure the control entirely through XAML by eliminating the required code in code behind. +XAML configuration is one of the important features of the OLAP chart, as it enables users to configure the control entirely through XAML, eliminating the need for code-behind. ### Properties * **DataSource.ConnectionString**: Specifies the connection string of the data manager. @@ -27,20 +27,41 @@ Adding an OLAP report to the OLAP chart in design time is described in the follo {% highlight xaml %} - - - -                       -   - - - -   -      - + + + + + + + + + + + + + + + + + {% endhighlight %} diff --git a/chart-sdk/wpf/olap-chart/Zooming-and-Scrolling.md b/chart-sdk/wpf/olap-chart/Zooming-and-Scrolling.md index cd3b6a04e..920c23343 100644 --- a/chart-sdk/wpf/olap-chart/Zooming-and-Scrolling.md +++ b/chart-sdk/wpf/olap-chart/Zooming-and-Scrolling.md @@ -1,7 +1,7 @@ --- layout: post -title: Zooming and Scrolling in WPF Olap Chart control | Syncfusion -description: Learn about Zooming and Scrolling support in Syncfusion® WPF Olap Chart control, its elements and more details. +title: Zooming and Scrolling in WPF Olap Chart | Syncfusion® +description: Zooming and scrolling in the WPF OLAP Chart enable users to navigate, inspect, and analyze specific data ranges with greater detail. platform: chart-sdk control: OLAP Chart documentation: ug @@ -11,7 +11,7 @@ documentation: ug The OLAP chart for WPF allows you to zoom in to a narrower range within the OLAP chart. -In the zooming mode, a zooming toolkit is displayed at the top-left corner of the OLAP chart. Using the buttons in the zooming toolkit, ChartSeries can be zoomed in, out, reset, or closed. +In zooming mode, a zooming toolkit is displayed at the top-left corner of the OLAP chart. Using the buttons in the zooming toolkit, ChartSeries can be zoomed in, zoomed out, reset, or closed ![Zooming-and-scrolling_img1](Zooming-and-scrolling_images/Zooming-and-scrolling_img1.png) diff --git a/chart-sdk/wpf/olap-gauge/Appearance.md b/chart-sdk/wpf/olap-gauge/Appearance.md index c42a86eae..e1cc36560 100644 --- a/chart-sdk/wpf/olap-gauge/Appearance.md +++ b/chart-sdk/wpf/olap-gauge/Appearance.md @@ -1,17 +1,17 @@ --- layout: post -title: Appearance in WPF Olap Gauge control | Syncfusion -description: Learn about Appearance support in Syncfusion Essential Studio WPF Olap Gauge control, its elements and more details. +title: Appearance in WPF OLAP Gauge | Syncfusion® +description: Appearance in the WPF OLAP Gauge allows you to customize gauge elements, colors, styles, and visual settings for enhanced presentation. platform: chart-sdk control: OLAP Gauge documentation: ug --- -# Appearance in WPF Olap Gauge +# Appearance in WPF OLAP Gauge ## Gauge radius -The OLAP gauge supports adjusting its radius and this can be achieved by assigning a proper value to the `Radius` property of OLAP gauge. The following code snippet illustrates about modifying the radius of OLAP gauge. +The OLAP gauge supports adjusting its radius, which can be achieved by assigning an appropriate value to the [Radius](https://help.syncfusion.com/cr/wpf/Syncfusion.Windows.Gauge.Olap.OlapGauge.html#Syncfusion_Windows_Gauge_Olap_OlapGauge_Radius) property of the OLAP gauge. The following code snippet illustrates how to modify the radius of the OLAP gauge. {% tabs %} @@ -43,7 +43,7 @@ A demo sample is available at the following location. ## Built-in frame types -The OLAP gauge supports four types of built-in frames to provide effective rim styles. The `FrameType` property is used to set the frame type for the OLAP gauge. The following are the frame types supported by the OLAP gauge: +The OLAP gauge supports four types of built-in frames to provide effective rim styles. The [FrameType](https://help.syncfusion.com/cr/wpf/Syncfusion.Windows.Gauge.Olap.OlapGauge.html#Syncfusion_Windows_Gauge_Olap_OlapGauge_FrameType) property is used to set the frame type for the OLAP gauge. The following code snippet illustrates how to set the frame type for the OLAP gauge. * CircularCenterGradient @@ -85,7 +85,7 @@ A demo sample is available at the following location. ## Skins -Built-in-skins allow you to customize the theme and style to improve the look and feel of the OLAP gauge control in various rich color schemes. You can use the skin manager framework to apply a wide range of skins to the OLAP gauge control. These skins have been designed to suit the needs of wide range of audience. +Built-in skins allow you to customize the theme and style to improve the look and feel of the OLAP gauge control using various rich color schemes. You can use the skin manager framework to apply a wide range of skins to the OLAP gauge control. These skins have been designed to suit the needs of a wide range of audiences. **Types of skins:** @@ -131,7 +131,7 @@ To apply a skin to the OLAP gauge, use the `SkinStorage.VisualStyle` property. T {% highlight xaml %} - + {% endhighlight %} diff --git a/chart-sdk/wpf/olap-gauge/Data-Binding.md b/chart-sdk/wpf/olap-gauge/Data-Binding.md index bc397b755..1a2627bce 100644 --- a/chart-sdk/wpf/olap-gauge/Data-Binding.md +++ b/chart-sdk/wpf/olap-gauge/Data-Binding.md @@ -1,17 +1,17 @@ --- layout: post -title: Data Binding in WPF Olap Gauge control | Syncfusion -description: Learn about Data Binding support in Syncfusion Essential Studio WPF Olap Gauge control, its elements and more details. +title: Data Binding in WPF OLAP Gauge | Syncfusion® +description: Data binding in the WPF OLAP Gauge connects multidimensional data sources to gauge elements, enabling dynamic visualization and analysis. platform: chart-sdk control: OLAP Gauge documentation: ug --- -# Data Binding in WPF Olap Gauge +# Data Binding in WPF OLAP Gauge -## Binding an OLAP gauge to offline cube +## Binding an OLAP gauge to an offline cube -To connect to an OLAP cube available in the local machine, the physical path of the cube should be specified in the connection string. The following code snippet illustrates the same. +To connect to an OLAP cube available on the local machine, the physical path of the cube should be specified in the connection string. The following code snippet illustrates the same. {% highlight c# %} @@ -20,11 +20,11 @@ OlapDataManager DataManager = new OlapDataManager(connectionString); {% endhighlight %} -## Binding OLAP gauge to cube in local SQL Server +## Binding an OLAP gauge to a cube in local SQL Server -To connect to the OLAP cube available in SQL Server Analysis Service in the local machine, the server name and database name should be specified in the connection string. The following code example illustrates the same. +To connect to the OLAP cube available in SQL Server Analysis Services on the local machine, the server name and database name should be specified in the connection string. The following code example illustrates the same. -N> If any credentials are maintained to connect the cube, then the user ID and password attributes should be mentioned accordingly. +N> If credentials are required to connect to the cube, specify the user ID and password accordingly. {% tabs %} @@ -46,9 +46,9 @@ Dim DataManager As New OlapDataManager(connectionString) ## Binding OLAP gauge to cube in online SQL Server -To connect to the OLAP cube available in SQL server Analysis Service in the online server through **XML/A**, the host server link and database name should be specified in the connection string. The following code example illustrates the same. +To connect to the OLAP cube available in SQL server Analysis Services on a the online server through **XML/A**, the host server link and database name should be specified in the connection string. The following code example illustrates the same. -N> If any credentials are maintained to connect the cube, then the user ID and password attributes should be mentioned accordingly. +N> If credentials are required to connect to the cube, specify the user ID and password accordingly. {% tabs %} @@ -70,9 +70,9 @@ Dim DataManager As New OlapDataManager(connectionString) ## Binding OLAP gauge to cube in online Mondrian server -To connect to the OLAP cube available in Mondrian server through **XML/A**, the host server link and database name should be specified in the connection string. The following code example illustrates the same. +To connect to the OLAP cube available on a Mondrian server through **XML/A**, the host server link and database name should be specified in the connection string. The following code example illustrates the same. -N> If any credentials are maintained to connect the cube, then the user ID and password attributes should be mentioned accordingly. +N> If credentials are required to connect to the cube, specify the user ID and password accordingly. {% tabs %} @@ -96,9 +96,9 @@ DataManager.DataProvider.ProviderName = Syncfusion.Olap.DataProvider.Providers.M ## Binding OLAP gauge to cube in online ActivePivot Server -To connect to the OLAP cube available in ActivePivot server through **XML/A**, the host server link and database name should be specified in the connection string. The following code example illustrates the same. +To connect to the OLAP cube available in ActivePivot Server through **XML/A**, the host server link and database name should be specified in the connection string. The following code example illustrates the same. -N> If any credentials are maintained to connect the cube, then the user ID and password attributes should be mentioned accordingly. +N> If credentials are required to connect to the cube, specify the user ID and password accordingly. {% tabs %} diff --git a/chart-sdk/wpf/olap-gauge/Gauge-Customization.md b/chart-sdk/wpf/olap-gauge/Gauge-Customization.md index a1bc9281d..b284b266d 100644 --- a/chart-sdk/wpf/olap-gauge/Gauge-Customization.md +++ b/chart-sdk/wpf/olap-gauge/Gauge-Customization.md @@ -1,17 +1,17 @@ --- layout: post -title: Gauge Customization in WPF Olap Gauge control | Syncfusion -description: Learn about Gauge Customization support in Syncfusion WPF Olap Gauge control, its elements and more details. +title: Gauge Customization in WPF OLAP Gauge | Syncfusion® +description: Gauge customization in the WPF OLAP Gauge allows you to modify gauge elements, styles, colors, and visual settings for personalized displays. platform: chart-sdk control: OLAP Gauge documentation: ug --- -# Gauge Customization in WPF Olap Gauge +# Gauge Customization in WPF OLAP Gauge ## Layout customization -The OLAP gauge displays multiple gauges in a structured layout. You can customize the layout by using the `ColumnsCount` and `RowsCount` properties. These properties are used to specify the number of columns and rows for displaying the control. +The OLAP gauge displays multiple gauges in a structured layout. You can customize the layout by using the [ColumnsCount](https://help.syncfusion.com/cr/wpf/Syncfusion.Windows.Gauge.Olap.OlapGauge.html#Syncfusion_Windows_Gauge_Olap_OlapGauge_ColumnsCount) and [RowsCount](https://help.syncfusion.com/cr/wpf/Syncfusion.Windows.Gauge.Olap.OlapGauge.html#Syncfusion_Windows_Gauge_Olap_OlapGauge_RowsCount) properties. These properties are used to specify the number of columns and rows for displaying the control. {% tabs %} @@ -41,7 +41,7 @@ Me.OlapGauge1.RowsCount = 2 ## Gauge header -The gauge header is the combination of details about the measure and KPI. The header components of the OLAP gauge can be hidden by using the `ShowGaugeHeaders` property as specified in the following code snippet. +The gauge header is the combination of details about the measure and the KPI. The header components of the OLAP gauge can be hidden by using the [ShowGaugeHeaders](https://help.syncfusion.com/cr/wpf/Syncfusion.Windows.Gauge.Olap.OlapGauge.html#Syncfusion_Windows_Gauge_Olap_OlapGauge_ShowGaugeHeaders) property as specified in the following code snippet. {% tabs %} @@ -69,7 +69,7 @@ OlapGauge1.ShowGaugeHeaders = False ## Gauge label -The visibility of gauge labels that are displayed inside the gauge can be toggled with the help of `ShowGaugeLabels` property. The following code snippet shows how to hide labels of the OLAP gauge. +The visibility of gauge labels that are displayed inside the gauge can be toggled with the help of the [ShowGaugeLabels](https://help.syncfusion.com/cr/wpf/Syncfusion.Windows.Gauge.Olap.OlapGauge.html#Syncfusion_Windows_Gauge_Olap_OlapGauge_ShowGaugeLabels) property. The following code snippet shows how to hide the labels of the OLAP gauge. {% tabs %} @@ -97,7 +97,7 @@ OlapGauge1.ShowGaugeLabels = False ## Gauge factor -The gauge factor component can be hidden by using the `ShowGaugeFactors` property as specified in the following code snippet. +The gauge factor component can be hidden by using the [ShowGaugeFactors](https://help.syncfusion.com/cr/wpf/Syncfusion.Windows.Gauge.Olap.OlapGauge.html#Syncfusion_Windows_Gauge_Olap_OlapGauge_ShowGaugeFactors) property as specified in the following code snippet. {% tabs %} diff --git a/chart-sdk/wpf/olap-gauge/Getting-Started.md b/chart-sdk/wpf/olap-gauge/Getting-Started.md index 450bb92f0..df40dcf39 100644 --- a/chart-sdk/wpf/olap-gauge/Getting-Started.md +++ b/chart-sdk/wpf/olap-gauge/Getting-Started.md @@ -1,22 +1,22 @@ --- layout: post -title: Getting Started with WPF Olap Gauge control | Syncfusion -description: Learn here about getting started with Syncfusion WPF Olap Gauge control, its elements and more details. +title: Getting Started with WPF OLAP Gauge | Syncfusion® +description: Learn how to get started with the Syncfusion® WPF OLAP Gauge control. Explore setup, features, examples, and customization options. platform: chart-sdk control: OLAP Gauge documentation: ug --- -# Getting Started with WPF Olap Gauge +# Getting Started with WPF OLAP Gauge >**Important** -Starting with v16.2.0.x, if you refer to Syncfusion assemblies from trial setup or from the NuGet feed, include a license key in your projects. Refer to this [link](https://help.syncfusion.com/common/essential-studio/licensing/license-key) to learn about registering Syncfusion license key in your WPF application to use the components. +Starting with v16.2.0.x, if you refer to Syncfusion assemblies from the trial setup or from the NuGet feed, include a license key in your projects. Refer to this [link](https://help.syncfusion.com/common/essential-studio/licensing/license-key) to learn about registering the Syncfusion license key in your WPF application to use the components. This section covers the information required to create a simple OLAP gauge control bound to the OLAP data source. ## Control initialization -The OLAP gauge control can be initialized and added to an application through the following ways: +The OLAP gauge control can be initialized and added to an application in the following ways: * Through Visual Studio * Through Expression Blend @@ -28,11 +28,11 @@ The OLAP gauge control can be initialized and added to an application through th 2. Select the toolbox option from the view menu. It will appear inside the Visual Studio IDE. -3. From the toolbox, select the OLAP gauge control under “Syncfusion BI WPF” group, and then drag it to the designer section of the MainPage.xaml file. +3. From the toolbox, select the OLAP gauge control under the “Syncfusion BI WPF” group, and then drag it to the designer section of the MainPage.xaml file. ![WPF OLAP Gauge Getting-Started Image1](Getting-Started_images/Getting-Started_img1.png) -4. Then, name the added OLAP gauge control as “OlapGauge1” in MainPage.xaml to refer it in code-behind as follows: +4. Then, name the added OLAP gauge control as “OlapGauge1” in MainPage.xaml to refer to it in the code-behind as follows: {% tabs %} @@ -46,7 +46,7 @@ The OLAP gauge control can be initialized and added to an application through th #### OLAP report and OLAP data manager declaration -Include the following namespaces in the code-behind for using the OlapReport and OlapDataManger in the application. +Include the following namespaces in the code-behind for using the OlapReport and OlapDataManager in the application. * Syncfusion.Olap.Reports * Syncfusion.Olap.Manager @@ -180,14 +180,14 @@ End Namespace 2. Select the **Project** tab available in the left corner of the Blend IDE and right-click **References** to select **Add Reference**. -3. Then, browse the following assemblies and add it to the project. +3. Then, browse the following assemblies and add them to the project. -* Syncfusion.Gauge.WPF -* Syncfusion.Core -* Syncfusion.Olap.Base -* Syncfusion.OlapGauge.WPF -* Syncfusion.OlapShared.WPF -* Syncfusion.Shared.WPF + * Syncfusion.Gauge.WPF + * Syncfusion.Core + * Syncfusion.Olap.Base + * Syncfusion.OlapGauge.WPF + * Syncfusion.OlapShared.WPF + * Syncfusion.Shared.WPF N> You can find these libraries under the following location: @@ -199,7 +199,7 @@ On adding the above assemblies, the OLAP gauge control will be added under the * ![WPF OLAP Gauge Getting-Started Image3](Getting-Started_images/Getting-Started_img3.png) -5. Then, name the added OLAP gauge control as "OlapGauge1" in MainPage.xaml to refer it in code-behind as follows: +5. Then, name the added OLAP gauge control as "OlapGauge1" in MainPage.xaml to refer to it in the code-behind as follows: {% tabs %} @@ -211,7 +211,7 @@ On adding the above assemblies, the OLAP gauge control will be added under the * {% endtabs %} -To add the OlapReport and OlapDataManger in the application, refer to the [OlapReport and OlapDataManager declaration](#olapreport-and-olapdatamanager-declaration) section. +To add the OlapReport and OlapDataManager in the application, refer to the [OlapReport and OlapDataManager declaration](#olapreport-and-olapdatamanager-declaration) section. ### Adding control through code-behind @@ -221,12 +221,12 @@ To add the OlapReport and OlapDataManger in the application, refer to the [OlapR 3. Add the following Syncfusion assemblies manually to the project from the installed location. -* Syncfusion.Gauge.WPF -* Syncfusion.Core -* Syncfusion.Olap.Base -* Syncfusion.OlapGauge.WPF -* Syncfusion.OlapShared.WPF -* Syncfusion.Shared.WPF + * Syncfusion.Gauge.WPF + * Syncfusion.Core + * Syncfusion.Olap.Base + * Syncfusion.OlapGauge.WPF + * Syncfusion.OlapShared.WPF + * Syncfusion.Shared.WPF N> You can find these libraries under the following location: @@ -244,11 +244,11 @@ N> You can find these libraries under the following location: {% endtabs %} -5. Include the following namespaces in code-behind for using OlapGauge, OlapReport, and OlapDataManger in the application. +5. Include the following namespaces in the code-behind for using OlapGauge, OlapReport, and OlapDataManager in the application. -* Syncfusion.Olap.Reports -* Syncfusion.Olap.Manager -* Syncfusion.Windows.Gauge.Olap + * Syncfusion.Olap.Reports + * Syncfusion.Olap.Manager + * Syncfusion.Windows.Gauge.Olap {% tabs %} diff --git a/chart-sdk/wpf/olap-gauge/KPI.md b/chart-sdk/wpf/olap-gauge/KPI.md index 0edc3fa7f..eefd7fce4 100644 --- a/chart-sdk/wpf/olap-gauge/KPI.md +++ b/chart-sdk/wpf/olap-gauge/KPI.md @@ -1,15 +1,15 @@ --- layout: post -title: KPI in WPF Olap Gauge control | Syncfusion -description: Learn about KPI support in Syncfusion Essential Studio WPF Olap Gauge control, its elements and more details. +title: KPI in WPF OLAP Gauge | Syncfusion® +description: Learn KPI in OLAP Gauge in WPF Chart using Syncfusion controls. It supports data operations, UI customization, and enterprise features. platform: chart-sdk control: OLAP Gauge documentation: ug --- -# KPI in WPF Olap Gauge +# KPI in WPF OLAP Gauge -The OLAP gauge supports displaying Key Performance Indicators (KPI) from the OLAP cube. KPI value is represented with the help of _Pointers_ and KPI goal is represented with the help of _Markers_. The KPI status and KPI trend values are represented through user friendly images such as traffic light, road signs, and standard arrow in the OLAP gauge of WPF. Each gauge represents a member against one KPI combination. +The OLAP gauge supports displaying Key Performance Indicators (KPIs) from an OLAP cube. The KPI value is represented using pointers, while the KPI goal is represented using markers. The KPI status and trend values are represented in the WPF OLAP Gauge using user-friendly images, such as traffic lights, road signs, and standard arrows. Each gauge represents a member associated with a single KPI combination. ![WPF OLAPGauge displays KPI from the OLAP cube](KPI_images/KPI-image.png) diff --git a/chart-sdk/wpf/olap-gauge/Localization.md b/chart-sdk/wpf/olap-gauge/Localization.md index e812f3875..e258d9759 100644 --- a/chart-sdk/wpf/olap-gauge/Localization.md +++ b/chart-sdk/wpf/olap-gauge/Localization.md @@ -1,15 +1,15 @@ --- layout: post -title: Localization in WPF Olap Gauge control | Syncfusion -description: Learn about Localization support in Syncfusion WPF Olap Gauge control, its elements and more details. +title: Localization in WPF OLAP Gauge | Syncfusion® +description: Localization in the WPF OLAP Gauge enables gauge content, labels, and interface elements to be displayed in different languages. platform: chart-sdk control: OLAP Gauge documentation: ug --- -# Localization in WPF Olap Gauge +# Localization in WPF OLAP Gauge -Localization is the key feature to provide software solutions that are targeted at global users. The OLAP gauge allows users to localize the control to a specific locale and supports “resx” based localization. +Localization is a key feature for providing software solutions that are targeted at global users. The OLAP gauge allows users to localize the control to a specific locale and supports “resx” based localization. You should perform the following steps to localize the control: @@ -19,9 +19,9 @@ You should perform the following steps to localize the control: ## Translation -The first step in localization is translating the strings that can be localized to the destination locale. +The first step in localization is translating the strings that can be localized into the destination locale. -N> Localization key field should be same for all the locales. Do not translate the key fields. +N> The localization key field should be the same for all the locales. Do not translate the key fields. ## Resource file and file name conventions @@ -37,11 +37,11 @@ After translating the strings, perform the following steps in the application: N> The resource file name should be in the format “Syncfusion.OlapGauge.wpf.<Culture Code>.resx”. -3. Copy and paste the translated locale to the resource file which is created in the previous step. +3. Copy and paste the translated locale into the resource file that was created in the previous step. ## Culture specification -You should specify the CurrentUICulture in the Application_Startup method of App.xaml.cs file or in the constructor of MainPage.xaml.cs file. +You should specify the CurrentUICulture in the Application_Startup method of the App.xaml.cs file or in the constructor of the MainPage.xaml.cs file. N> If you are specifying the current culture in the constructor of MainPage, then ensure that the culture is specified before calling the InitializeComponent() method. @@ -70,7 +70,7 @@ End Sub ## RTL -The OLAP gauge provides RTL support to display the content from right-to-left direction by setting the `FlowDirection` property to **RightToLeft**. +The OLAP gauge provides RTL support to display the content in a right-to-left direction by setting the `FlowDirection` property to **RightToLeft**. {% tabs %} diff --git a/chart-sdk/wpf/olap-gauge/Overview.md b/chart-sdk/wpf/olap-gauge/Overview.md index 2ac423d6b..44620e205 100644 --- a/chart-sdk/wpf/olap-gauge/Overview.md +++ b/chart-sdk/wpf/olap-gauge/Overview.md @@ -1,13 +1,13 @@ --- layout: post -title: About WPF Olap Gauge control | Syncfusion -description: Learn here all about introduction of Syncfusion WPF Olap Gauge control, its elements and more details. +title: About Syncfusion® WPF OLAP Gauge Control | Syncfusion® +description: Learn about the introduction of Syncfusion Essential Studio® WPF OLAP Gauge control, its features, capabilities, and more details. platform: chart-sdk control: OLAP Gauge documentation: ug --- -# WPF Olap Gauge Overview +# About Syncfusion® WPF OLAP Gauge Control The OLAP gauge control for WPF is ideal for highlighting business critical Key Performance Indicator (KPI) information in executive dashboards and report cards. It allows you to present values against goals in a very intuitive manner. Built-in data binding support allows you to easily bind an OLAP gauge to a KPI result from your OLAP database. The OLAP gauge control with sophisticated customization support provides endless possibility for control customization. diff --git a/chart-sdk/wpf/olap-gauge/Tooltip.md b/chart-sdk/wpf/olap-gauge/Tooltip.md index ef637e7e3..211c6aa38 100644 --- a/chart-sdk/wpf/olap-gauge/Tooltip.md +++ b/chart-sdk/wpf/olap-gauge/Tooltip.md @@ -1,19 +1,19 @@ --- layout: post -title: Tooltip in WPF Olap Gauge control | Syncfusion -description: Learn about Tooltip support in Syncfusion Essential Studio WPF Olap Gauge control, its elements and more details. +title: Tooltip in WPF OLAP Gauge | Syncfusion® +description: Tooltip in the WPF OLAP Gauge displays detailed information about gauge values on hover, helping users analyze data effectively. platform: chart-sdk control: OLAP Gauge documentation: ug --- -# Tooltip in WPF Olap Gauge +# Tooltip in WPF OLAP Gauge -The OLAP gauge provides the information about values when the mouse pointer is moved over the gauge. +The OLAP gauge provides information about the values when the mouse pointer is moved over the gauge. ## Pointer tooltip -The OLAP gauge provides value information when the mouse pointer is moved over the pointer. This can be achieved by enabling the `ShowPointersTooltip` property. +The OLAP gauge provides value information when the mouse pointer is moved over the pointer. This can be achieved by enabling the [ShowPointersTooltip](https://help.syncfusion.com/cr/wpf/Syncfusion.Windows.Gauge.Olap.OlapGauge.html#Syncfusion_Windows_Gauge_Olap_OlapGauge_ShowPointersTooltip) property. The following code snippet illustrates how to show a tooltip for pointers. @@ -43,7 +43,7 @@ Me.OlapGauge1.ShowPointersTooltip = True ## Marker tooltip -The OLAP gauge provides goal information when the mouse pointer is moved over the marker. This can be achieved by enabling the `ShowMarkersTooltip` property. +The OLAP gauge provides goal information when the mouse pointer is moved over the marker. This can be achieved by enabling the [ShowMarkersTooltip](https://help.syncfusion.com/cr/wpf/Syncfusion.Windows.Gauge.Olap.OlapGauge.html#Syncfusion_Windows_Gauge_Olap_OlapGauge_ShowMarkersTooltip) property. The following code snippet illustrates how to show a tooltip for markers. diff --git a/chart-sdk/wpf/olap-gauge/XAML-Configuration.md b/chart-sdk/wpf/olap-gauge/XAML-Configuration.md index c9a5af313..95526bfa7 100644 --- a/chart-sdk/wpf/olap-gauge/XAML-Configuration.md +++ b/chart-sdk/wpf/olap-gauge/XAML-Configuration.md @@ -1,48 +1,66 @@ --- layout: post -title: XAML Configuration in WPF Olap Gauge control | Syncfusion -description: Learn about XAML Configuration support in Syncfusion WPF Olap Gauge control, its elements and more details. +title: XAML Configuration in WPF OLAP Gauge | Syncfusion® +description: XAML configuration in the WPF OLAP Gauge enables gauge elements, data settings, and behaviors to be defined declaratively in XAML. platform: chart-sdk control: OLAP Gauge documentation: ug --- -# XAML Configuration in WPF Olap Gauge +# XAML Configuration in WPF OLAP Gauge -XAML configuration is one of the important features of the OLAP gauge, as it helps users to configure the control entirely through XAML by eliminating the required code in code behind. +XAML configuration is an important feature of the OLAP gauge because it allows users to configure the control entirely in XAML, eliminating the need for code-behind. ## Properties * **DataSource.ConnectionString**: Specifies the connection string of the data manager. * **DataSource.ConnectionName**: Specifies the connection name, which is available in the App.Config file of the application. * **DataSource.DataManagerName**: Specifies the data manager name. -* **SharedDataManagerName**: Specifies the data manager name, which is available in the shared data manager collection. -* **ReportName**: Species the name of the OLAP report. +* **SharedDataManagerName**: Specifies the name of the data manager available in the shared data manager collection. +* **ReportName**: Specifies the name of the OLAP report. * **CurrentCubeName**: Specifies the current cube name of the OLAP report. * **CategoricalAxis**: Specifies the categorical axis of the OLAP report. * **SeriesAxis**: Specifies the series axis of the OLAP report. * **SlicerAxis**: Specifies the slicer axis of the OLAP report. * **CalculatedMembers**: Specifies the calculated members of the OLAP report. -The following code snippet illustrates about adding an OLAP report to OLAP gauge in design time. +The following code snippet illustrates how to add an OLAP report to the OLAP gauge at design time. {% tabs %} {% highlight xaml %} - - + + + -       - + + + + - + + - - + + diff --git a/chart-sdk/wpf/smith-chart/Appearance.md b/chart-sdk/wpf/smith-chart/Appearance.md index f7baa9d19..03e854bb7 100644 --- a/chart-sdk/wpf/smith-chart/Appearance.md +++ b/chart-sdk/wpf/smith-chart/Appearance.md @@ -1,13 +1,13 @@ --- layout: post -title: Appearance in WPF Smith Chart control | Syncfusion -description: Learn here all about Appearance support in Syncfusion WPF Smith Chart (SfSmithChart) control and more. +title: Appearance in WPF Smith Chart | Syncfusion® +description: Appearance in the WPF Smith Chart allows you to customize chart elements, colors, styles, and visual settings for enhanced presentation. platform: chart-sdk control: SfSmithChart documentation: ug --- -# Appearance in WPF Smith Chart (SfSmithChart) +# Appearance in WPF Smith Chart ## SmithChart Palette diff --git a/chart-sdk/wpf/smith-chart/Axes.md b/chart-sdk/wpf/smith-chart/Axes.md index 334c0b380..3d2ae2e45 100644 --- a/chart-sdk/wpf/smith-chart/Axes.md +++ b/chart-sdk/wpf/smith-chart/Axes.md @@ -1,13 +1,13 @@ --- layout: post -title: Axes in WPF Smith Chart control | Syncfusion -description: Learn here all about Axes support in Syncfusion WPF Smith Chart (SfSmithChart) control, its elements and more. +title: Axes in WPF Smith Chart | Syncfusion® +description: Axes in the WPF Smith Chart define coordinate grids, scales, and labels to represent impedance and admittance data effectively. platform: chart-sdk control: SfSmithChart documentation: ug --- -# Axes in WPF Smith Chart (SfSmithChart) +# Axes in WPF Smith Chart Typically, the Smith chart uses two axes that are used to measure and categorize the data. diff --git a/chart-sdk/wpf/smith-chart/Data-Markers.md b/chart-sdk/wpf/smith-chart/Data-Markers.md index 037028706..99d0feffc 100644 --- a/chart-sdk/wpf/smith-chart/Data-Markers.md +++ b/chart-sdk/wpf/smith-chart/Data-Markers.md @@ -1,13 +1,13 @@ --- layout: post -title: Data Markers in WPF Smith Chart control | Syncfusion -description: Learn here all about Data Markers support in Syncfusion WPF Smith Chart (SfSmithChart) control and more. +title: Data Markers in WPF Smith Chart | Syncfusion® +description: Data markers in the WPF Smith Chart highlight individual data points with customizable shapes and styles for improved visualization. platform: chart-sdk control: SfSmithChart documentation: ug --- -# Data Markers in WPF Smith Chart (SfSmithChart) +# Data Markers in WPF Smith Chart Data markers are used to provide information about data points to the user. You can add a shape and label to adorn each data point. diff --git a/chart-sdk/wpf/smith-chart/Getting-Started.md b/chart-sdk/wpf/smith-chart/Getting-Started.md index 86f872bbe..eab2512f0 100644 --- a/chart-sdk/wpf/smith-chart/Getting-Started.md +++ b/chart-sdk/wpf/smith-chart/Getting-Started.md @@ -1,13 +1,13 @@ --- layout: post -title: Getting Started with WPF Smith Chart control | Syncfusion -description: Learn here about getting started with Syncfusion WPF Smith Chart (SfSmithChart) control, its elements and more. +title: Getting Started with WPF Smith Chart control | Syncfusion® +description: Learn how to get started with the Syncfusion® WPF Smith Chart control. Explore setup, features, examples, and customization options. platform: chart-sdk control: SfSmithChart documentation: ug --- -# Getting Started with WPF Smith Chart (SfSmithChart) +# Getting Started with WPF Smith Chart control This section explains the steps required to build the application with SfSmithChart. diff --git a/chart-sdk/wpf/smith-chart/Legend.md b/chart-sdk/wpf/smith-chart/Legend.md index 67eaae265..6efa96d1d 100644 --- a/chart-sdk/wpf/smith-chart/Legend.md +++ b/chart-sdk/wpf/smith-chart/Legend.md @@ -1,13 +1,13 @@ --- layout: post -title: Legend in WPF Smith Chart control | Syncfusion -description: Learn here all about Legend support in Syncfusion WPF Smith Chart (SfSmithChart) control, its elements and more. +title: Legend in WPF Smith Chart | Syncfusion® +description: Legend in the WPF Smith Chart identifies series and data categories, helping users understand and interpret chart information clearly. platform: chart-sdk control: SfSmithChart documentation: ug --- -# Legend in WPF Smith Chart (SfSmithChart) +# Legend in WPF Smith Chart The legend contains the list of chart series that appear in a Smith chart. It can be defined by using the following code example. diff --git a/chart-sdk/wpf/smith-chart/Overview.md b/chart-sdk/wpf/smith-chart/Overview.md index a219f3a2e..b8263d6b2 100644 --- a/chart-sdk/wpf/smith-chart/Overview.md +++ b/chart-sdk/wpf/smith-chart/Overview.md @@ -1,13 +1,13 @@ --- layout: post -title: About WPF Smith Chart control | Syncfusion -description: Learn here all about introduction of Syncfusion WPF Smith Chart (SfSmithChart) control, its elements and more. +title: About Syncfusion® WPF Smith Chart control | Syncfusion® +description: Learn about the introduction of Syncfusion Essential Studio® WPF Smith Chart control, its features, capabilities, and more details. platform: chart-sdk control: SfSmithChart documentation: ug --- -# WPF Smith Chart (SfSmithChart) Overview +# About Syncfusion® WPF Smith Chart control The Smith chart is one of the most useful data visualization tools for high-frequency circuit applications. It contains two sets of circles to plot the parameters of transmission lines. diff --git a/chart-sdk/wpf/smith-chart/Rendering-Type.md b/chart-sdk/wpf/smith-chart/Rendering-Type.md index a78b9ad1d..0a022638e 100644 --- a/chart-sdk/wpf/smith-chart/Rendering-Type.md +++ b/chart-sdk/wpf/smith-chart/Rendering-Type.md @@ -1,13 +1,13 @@ --- layout: post -title: Rendering Type in WPF Smith Chart control | Syncfusion -description: Learn here all about Rendering Type support in Syncfusion WPF Smith Chart (SfSmithChart) control and more. +title: Rendering Type in WPF Smith Chart | Syncfusion® +description: Rendering type in the WPF Smith Chart determines how series data is displayed, enabling different visualization styles and layouts. platform: chart-sdk control: SfSmithChart documentation: ug --- -# Rendering Type in WPF Smith Chart (SfSmithChart) +# Rendering Type in WPF Smith Chart SfSmithChart plots the transmission line in two different ways by using the `RenderingType` property. The two ways are given below. diff --git a/chart-sdk/wpf/smith-chart/Series.md b/chart-sdk/wpf/smith-chart/Series.md index b7e45ba75..00ffd6c57 100644 --- a/chart-sdk/wpf/smith-chart/Series.md +++ b/chart-sdk/wpf/smith-chart/Series.md @@ -1,13 +1,13 @@ --- layout: post -title: Series in WPF Smith Chart control | Syncfusion -description: Learn here all about Series support in Syncfusion WPF Smith Chart (SfSmithChart) control, its elements and more. +title: Series in WPF Smith Chart | Syncfusion® +description: Series in the WPF Smith Chart define how data is visualized, enabling different series types and data representations. platform: chart-sdk control: series documentation: ug --- -# Series in WPF Smith Chart (SfSmithChart) +# Series in WPF Smith Chart Chart series is the visual representation of the given data. diff --git a/chart-sdk/wpf/smith-chart/User-Interactions.md b/chart-sdk/wpf/smith-chart/User-Interactions.md index 02fbdd5e0..2d5b47a65 100644 --- a/chart-sdk/wpf/smith-chart/User-Interactions.md +++ b/chart-sdk/wpf/smith-chart/User-Interactions.md @@ -1,13 +1,13 @@ --- layout: post -title: User Interactions in WPF Smith Chart control | Syncfusion -description: Learn here all about User Interactions support in Syncfusion WPF Smith Chart (SfSmithChart) control and more. +title: User Interactions in WPF Smith Chart | Syncfusion® +description: User interactions in the WPF Smith Chart enable selection, tooltips, and data exploration for enhanced chart analysis and navigation. platform: chart-sdk control: SfSmithChart documentation: ug --- -# User Interactions in WPF Smith Chart (SfSmithChart) +# User Interactions in WPF Smith Chart ## ToolTip diff --git a/chart-sdk/wpf/sunburst-chart/Animation.md b/chart-sdk/wpf/sunburst-chart/Animation.md index 13c121fe3..b225987fb 100644 --- a/chart-sdk/wpf/sunburst-chart/Animation.md +++ b/chart-sdk/wpf/sunburst-chart/Animation.md @@ -1,15 +1,15 @@ --- layout: post -title: Animation in WPF Sunburst Chart control | Syncfusion -description: Learn here all about Animation support in Syncfusion WPF Sunburst Chart (SfSunburstChart) control and more. +title: Animation in WPF Sunburst Chart | Syncfusion® +description: Animation in the WPF Sunburst Chart provides smooth visual transitions for rendering hierarchical data and interactive updates. platform: chart-sdk control: SfSunburstChart documentation: ug --- -# Animation in WPF Sunburst Chart (SfSunburstChart) +# Animation in WPF Sunburst Chart The Sunburst Chart allows you to animate the chart segments. You can enable animation using the [`EnableAnimation`](https://help.syncfusion.com/cr/wpf/Syncfusion.UI.Xaml.SunburstChart.SfSunburstChart.html#Syncfusion_UI_Xaml_SunburstChart_SfSunburstChart_EnableAnimation) property. You can also set the duration for animation by using the [`AnimationDuration`](https://help.syncfusion.com/cr/wpf/Syncfusion.UI.Xaml.SunburstChart.SfSunburstChart.html#Syncfusion_UI_Xaml_SunburstChart_SfSunburstChart_AnimationDuration) property. diff --git a/chart-sdk/wpf/sunburst-chart/DataLabel.md b/chart-sdk/wpf/sunburst-chart/DataLabel.md index 6f8678b80..3356a4522 100644 --- a/chart-sdk/wpf/sunburst-chart/DataLabel.md +++ b/chart-sdk/wpf/sunburst-chart/DataLabel.md @@ -1,15 +1,15 @@ --- layout: post -title: Data Label in WPF Sunburst Chart control | Syncfusion -description: Learn here all about Data Label support in Syncfusion WPF Sunburst Chart (SfSunburstChart) control and more. +title: Data Label in WPF Sunburst Chart | Syncfusion® +description: Data labels in the WPF Sunburst Chart display segment values and information directly on the chart for improved readability. platform: chart-sdk control: SfSunburstChart documentation: ug --- -# Data Label in WPF Sunburst Chart (SfSunburstChart) +# Data Label in WPF Sunburst Chart Sunburst data labels are used to display the data related to the segment. They help to provide information about the data points to the users. diff --git a/chart-sdk/wpf/sunburst-chart/Events.md b/chart-sdk/wpf/sunburst-chart/Events.md index a4311ba24..adc1379ae 100644 --- a/chart-sdk/wpf/sunburst-chart/Events.md +++ b/chart-sdk/wpf/sunburst-chart/Events.md @@ -1,15 +1,15 @@ --- layout: post -title: Events in WPF Sunburst Chart control | Syncfusion -description: Learn here all about Events support in Syncfusion WPF Sunburst Chart (SfSunburstChart) control and more. +title: Events in WPF Sunburst Chart | Syncfusion® +description: Events in the WPF Sunburst Chart enable you to respond to user interactions and customize chart behavior during runtime. platform: chart-sdk control: SfSunburstChart documentation: ug --- -# Events in WPF Sunburst Chart (SfSunburstChart) +# Events in WPF Sunburst Chart ## SegmentCreated Event diff --git a/chart-sdk/wpf/sunburst-chart/Getting-Started.md b/chart-sdk/wpf/sunburst-chart/Getting-Started.md index f4ff304a9..63119415b 100644 --- a/chart-sdk/wpf/sunburst-chart/Getting-Started.md +++ b/chart-sdk/wpf/sunburst-chart/Getting-Started.md @@ -1,13 +1,13 @@ --- layout: post -title: Getting Started with WPF Sunburst Chart control | Syncfusion -description: Learn here about getting started with Syncfusion WPF Sunburst Chart (SfSunburstChart) control, its elements and more. +title: Getting Started with WPF Sunburst Chart | Syncfusion® +description: Learn how to get started with the Syncfusion® WPF Sunburst Chart control. Explore setup, features, examples, and customization options. platform: chart-sdk control: SfSunburstChart documentation: ug --- -# Getting Started with WPF Sunburst Chart (SfSunburstChart) +# Getting Started with WPF Sunburst Chart This section explains the steps required to populate the Sunburst Chart with data, add data labels, legends, and header. This section covers only the minimal features that you need to know to get started with the Sunburst Chart. diff --git a/chart-sdk/wpf/sunburst-chart/Legend.md b/chart-sdk/wpf/sunburst-chart/Legend.md index 462dbfa06..d9119be1d 100644 --- a/chart-sdk/wpf/sunburst-chart/Legend.md +++ b/chart-sdk/wpf/sunburst-chart/Legend.md @@ -1,15 +1,15 @@ --- layout: post -title: Legend in WPF Sunburst Chart control | Syncfusion -description: Learn here all about Legend support in Syncfusion WPF Sunburst Chart (SfSunburstChart) control and more. +title: Legend in WPF Sunburst Chart | Syncfusion® +description: Legend in the WPF Sunburst Chart identifies segments and categories, helping users understand and interpret hierarchical data clearly. platform: chart-sdk control: SfSunburstChart documentation: ug --- -# Legend in WPF Sunburst Chart (SfSunburstChart) +# Legend in WPF Sunburst Chart The Legend is used to represent the first level of categories in the Sunburst Chart. diff --git a/chart-sdk/wpf/sunburst-chart/Levels.md b/chart-sdk/wpf/sunburst-chart/Levels.md index 953e210a6..f08b01dfa 100644 --- a/chart-sdk/wpf/sunburst-chart/Levels.md +++ b/chart-sdk/wpf/sunburst-chart/Levels.md @@ -1,15 +1,15 @@ --- layout: post -title: Levels in WPF Sunburst Chart control | Syncfusion -description: Learn here all about Levels support in Syncfusion WPF Sunburst Chart (SfSunburstChart) control and more. +title: Levels in WPF Sunburst Chart control | Syncfusion® +description: Levels in the WPF Sunburst Chart define hierarchical data groups, enabling structured visualization and navigation across categories. platform: chart-sdk control: SfSunburstChart documentation: ug --- -# Levels in WPF Sunburst Chart (SfSunburstChart) +# Levels in WPF Sunburst Chart The Sunburst Chart is used to display hierarchical data. You can add more than one hierarchical data in the [`Levels`](https://help.syncfusion.com/cr/wpf/Syncfusion.UI.Xaml.SunburstChart.SfSunburstChart.html#Syncfusion_UI_Xaml_SunburstChart_SfSunburstChart_Levels) collection of the Sunburst Chart. Each level of the hierarchy is represented by a circle. diff --git a/chart-sdk/wpf/sunburst-chart/Overview.md b/chart-sdk/wpf/sunburst-chart/Overview.md index 982080910..2e8e11326 100644 --- a/chart-sdk/wpf/sunburst-chart/Overview.md +++ b/chart-sdk/wpf/sunburst-chart/Overview.md @@ -1,13 +1,13 @@ --- layout: post -title: About WPF Sunburst Chart control | Syncfusion -description: Learn here all about introduction of Syncfusion WPF Sunburst Chart (SfSunburstChart) control, its elements and more. +title: About Syncfusion® WPF Sunburst Chart control | Syncfusion® +description: Learn about the introduction of Syncfusion Essential Studio® WPF Sunburst Chart control, its features, capabilities, and more details. platform: chart-sdk control: SfSunburstChart documentation: ug --- -# WPF Sunburst Chart (SfSunburstChart) Overview +# About Syncfusion® WPF Sunburst Chart control Sunburst Chart is useful for visualizing hierarchical data. The center circle represents the root level in the hierarchy, with outer circles representing higher levels of the hierarchy. diff --git a/chart-sdk/wpf/sunburst-chart/Palettes.md b/chart-sdk/wpf/sunburst-chart/Palettes.md index 5393efaed..0a22318d2 100644 --- a/chart-sdk/wpf/sunburst-chart/Palettes.md +++ b/chart-sdk/wpf/sunburst-chart/Palettes.md @@ -1,15 +1,15 @@ --- layout: post -title: Palette in WPF Sunburst Chart control | Syncfusion -description: Learn here all about Palette support in Syncfusion WPF Sunburst Chart (SfSunburstChart) control and more. +title: Palette in WPF Sunburst Chart | Syncfusion® +description: Palette in the WPF Sunburst Chart allows you to customize segment colors, improving visual distinction and chart presentation. platform: chart-sdk control: SfSunburstChart documentation: ug --- -# Palette in WPF Sunburst Chart (SfSunburstChart) +# Palette in WPF Sunburst Chart The Sunburst Chart provides support to apply different types of palettes. You can define the palettes by using the [`Palette`](https://help.syncfusion.com/cr/wpf/Syncfusion.UI.Xaml.SunburstChart.SfSunburstChart.html#Syncfusion_UI_Xaml_SunburstChart_SfSunburstChart_Palette) property. diff --git a/chart-sdk/wpf/sunburst-chart/Region.md b/chart-sdk/wpf/sunburst-chart/Region.md index 43bf41adc..9872a6093 100644 --- a/chart-sdk/wpf/sunburst-chart/Region.md +++ b/chart-sdk/wpf/sunburst-chart/Region.md @@ -1,15 +1,15 @@ --- layout: post -title: Region in WPF Sunburst Chart control | Syncfusion -description: Learn here all about Region support in Syncfusion WPF Sunburst Chart (SfSunburstChart) control and more. +title: Region in WPF Sunburst Chart | Syncfusion® +description: Region in the WPF Sunburst Chart represents hierarchical data segments, enabling visualization and interaction with categorized data. platform: chart-sdk control: SfSunburstChart documentation: ug --- -# Region in WPF Sunburst Chart (SfSunburstChart) +# Region in WPF Sunburst Chart The Sunburst region represents the entire chart and all its elements. It includes all the chart elements like Legend, DataLabel, Levels, etc. It has some major properties as: diff --git a/chart-sdk/wpf/sunburst-chart/Selection.md b/chart-sdk/wpf/sunburst-chart/Selection.md index 047e503e9..ca1300627 100644 --- a/chart-sdk/wpf/sunburst-chart/Selection.md +++ b/chart-sdk/wpf/sunburst-chart/Selection.md @@ -1,15 +1,15 @@ --- layout: post -title: Selection in WPF Sunburst Chart control | Syncfusion -description: Learn here all about Selection support in Syncfusion WPF Sunburst Chart (SfSunburstChart) control and more. +title: Selection in WPF Sunburst Chart | Syncfusion® +description: Selection in the WPF Sunburst Chart enables users to highlight and interact with data segments for focused analysis and exploration. platform: chart-sdk control: SfSunburstChart documentation: ug --- -# Selection in WPF Sunburst Chart (SfSunburstChart) +# Selection in WPF Sunburst Chart The Sunburst Chart supports selection that enables you to select a segment by using the [`SunburstSelectionBehavior`](https://help.syncfusion.com/cr/wpf/Syncfusion.UI.Xaml.SunburstChart.SunburstSelectionBehavior.html). diff --git a/chart-sdk/wpf/sunburst-chart/Tooltip.md b/chart-sdk/wpf/sunburst-chart/Tooltip.md index 7f583ac55..de5748dfb 100644 --- a/chart-sdk/wpf/sunburst-chart/Tooltip.md +++ b/chart-sdk/wpf/sunburst-chart/Tooltip.md @@ -1,15 +1,15 @@ --- layout: post -title: Tooltip in WPF Sunburst Chart control | Syncfusion -description: Learn here all about Tooltip support in Syncfusion WPF Sunburst Chart (SfSunburstChart) control and more. +title: Tooltip in WPF Sunburst Chart | Syncfusion® +description: Tooltip in the WPF Sunburst Chart displays detailed information about data segments on hover, helping users analyze chart data effectively. platform: chart-sdk control: SfSunburstChart documentation: ug --- -# Tooltip in WPF Sunburst Chart (SfSunburstChart) +# Tooltip in WPF Sunburst Chart The ToolTip allows you to display any information over a sunburst segment. It appears when the mouse is hovered over or touches any chart segment. By default, it displays the corresponding segment category name and its value. The visibility of the tooltip can be controlled using the [`ShowToolTip`](https://help.syncfusion.com/cr/wpf/Syncfusion.UI.Xaml.SunburstChart.SunburstToolTipBehavior.html#Syncfusion_UI_Xaml_SunburstChart_SunburstToolTipBehavior_ShowToolTip) property. diff --git a/chart-sdk/wpf/sunburst-chart/Zooming.md b/chart-sdk/wpf/sunburst-chart/Zooming.md index 0ea608f8e..f43041232 100644 --- a/chart-sdk/wpf/sunburst-chart/Zooming.md +++ b/chart-sdk/wpf/sunburst-chart/Zooming.md @@ -1,15 +1,15 @@ --- layout: post -title: Zooming in WPF Sunburst Chart control | Syncfusion -description: Learn here all about Zooming support in Syncfusion WPF Sunburst Chart (SfSunburstChart) control and more. +title: Zooming in WPF Sunburst Chart | Syncfusion® +description: Zooming in the WPF Sunburst Chart enables users to focus on specific hierarchical data segments for detailed analysis and navigation. platform: chart-sdk control: SfSunburstChart documentation: ug --- -# Zooming in WPF Sunburst Chart (SfSunburstChart) +# Zooming in WPF Sunburst Chart The Sunburst Chart provides zooming (drill down) experience with animation for both mouse and touch enabled devices. It allows you to virtualize large sets of data into a minimum data view. diff --git a/chart-sdk/wpf/surface-chart/ColorBar.md b/chart-sdk/wpf/surface-chart/ColorBar.md index 0dfd4ac7e..c15a29ee4 100644 --- a/chart-sdk/wpf/surface-chart/ColorBar.md +++ b/chart-sdk/wpf/surface-chart/ColorBar.md @@ -1,13 +1,13 @@ --- layout: post -title: ColorBar in WPF Surface Chart control | Syncfusion -description: Learn here all about ColorBar support in Syncfusion WPF Surface Chart (SfSurfaceChart) control and more. +title: ColorBar in WPF Surface Chart | Syncfusion® +description: ColorBar in the WPF Surface Chart displays the relationship between colors and data values, improving interpretation of surface data. platform: chart-sdk control: SfSurfaceChart documentation: ug --- -# ColorBar in WPF Surface Chart (SfSurfaceChart) +# ColorBar in WPF Surface Chart The [`ColorBar`](https://help.syncfusion.com/cr/wpf/Syncfusion.UI.Xaml.Charts.SfSurfaceChart.html#Syncfusion_UI_Xaml_Charts_SfSurfaceChart_ColorBar) is used to represent the value range in a surface via colors. You can define a color bar for the surface chart as shown in the following code example. diff --git a/chart-sdk/wpf/surface-chart/Data-Binding.md b/chart-sdk/wpf/surface-chart/Data-Binding.md index 878a83693..38bab1574 100644 --- a/chart-sdk/wpf/surface-chart/Data-Binding.md +++ b/chart-sdk/wpf/surface-chart/Data-Binding.md @@ -1,13 +1,13 @@ --- layout: post -title: Data Binding in WPF Surface Chart control | Syncfusion -description: Learn here all about Data Binding support in Syncfusion WPF Surface Chart (SfSurfaceChart) control and more. +title: Data Binding in WPF Surface Chart | Syncfusion® +description: Data binding in the WPF Surface Chart connects data sources to surface visualizations, enabling dynamic updates and data-driven rendering. platform: chart-sdk control: SfSurfaceChart documentation: ug --- -# Data Binding in WPF Surface Chart (SfSurfaceChart) +# Data Binding in WPF Surface Chart In a surface chart, you can apply data in a grid table format that contains a number of rows and columns, as shown in the following table. diff --git a/chart-sdk/wpf/surface-chart/Getting-Started.md b/chart-sdk/wpf/surface-chart/Getting-Started.md index 54bd0b3e1..06637c37f 100644 --- a/chart-sdk/wpf/surface-chart/Getting-Started.md +++ b/chart-sdk/wpf/surface-chart/Getting-Started.md @@ -1,13 +1,13 @@ --- layout: post -title: Getting Started with WPF Surface Chart control | Syncfusion -description: Learn here about getting started with Syncfusion WPF Surface Chart (SfSurfaceChart) control, its elements and more. +title: Getting Started with WPF Surface Chart | Syncfusion® +description: Learn how to get started with the Syncfusion® WPF Surface Chart control. Explore setup, features, examples, and customization options. platform: chart-sdk control: SfSurfaceChart documentation: ug --- -# Getting Started with WPF Surface Chart (SfSurfaceChart) +# Getting Started with WPF Surface Chart This section helps you get started with [`SfSurfaceChart`](https://help.syncfusion.com/cr/wpf/Syncfusion.UI.Xaml.Charts.SfSurfaceChart.html) control. diff --git a/chart-sdk/wpf/surface-chart/Overview.md b/chart-sdk/wpf/surface-chart/Overview.md index 22769c41e..25ec2e8b4 100644 --- a/chart-sdk/wpf/surface-chart/Overview.md +++ b/chart-sdk/wpf/surface-chart/Overview.md @@ -1,13 +1,13 @@ --- layout: post -title: Overview of WPF Surface Chart Control | Syncfusion -description: Learn here all about the overview of Syncfusion WPF Surface Chart (SfSurfaceChart) control, its elements, and more. +title: About Syncfusion WPF Surface Chart Control | Syncfusion® +description: Learn about introduction of Syncfusion Essential Studio® WPF Surface Chart control and more details. platform: chart-sdk control: SfSurfaceChart documentation: ug --- -# WPF Surface Chart (SfSurfaceChart) Overview +# About Syncfusion® WPF Surface Chart Control The Essential Surface Chart shows a three-dimensional surface that connects a set of data points. diff --git a/chart-sdk/wpf/surface-chart/Palettes.md b/chart-sdk/wpf/surface-chart/Palettes.md index 103b47f0c..8c7967b6c 100644 --- a/chart-sdk/wpf/surface-chart/Palettes.md +++ b/chart-sdk/wpf/surface-chart/Palettes.md @@ -1,13 +1,13 @@ --- layout: post -title: Palettes in WPF Surface Chart control | Syncfusion -description: Learn here all about Palettes support in Syncfusion WPF Surface Chart (SfSurfaceChart) control and more. +title: Palettes in WPF Surface Chart | Syncfusion® +description: Palettes in the WPF Surface Chart allow you to customize color schemes for surface data, improving visualization and data interpretation. platform: chart-sdk control: SfSurfaceChart documentation: ug --- -# Palettes in WPF Surface Chart (SfSurfaceChart) +# Palettes in WPF Surface Chart [WPF Surface Chart](https://www.syncfusion.com/wpf-controls/surface-chart) provides options to apply different kinds of palettes. diff --git a/chart-sdk/wpf/surface-chart/Surface-Area.md b/chart-sdk/wpf/surface-chart/Surface-Area.md index 295117bc5..bc10e0b9a 100644 --- a/chart-sdk/wpf/surface-chart/Surface-Area.md +++ b/chart-sdk/wpf/surface-chart/Surface-Area.md @@ -1,13 +1,13 @@ --- layout: post -title: Surface Area in WPF Surface Chart control | Syncfusion -description: Learn here all about Surface Area support in Syncfusion WPF Surface Chart (SfSurfaceChart) control and more. +title: Surface Area in WPF Surface Chart | Syncfusion® +description: Surface area in the WPF Surface Chart displays three-dimensional data across a continuous surface, enabling analysis of value variations. platform: chart-sdk control: SfSurfaceChart documentation: ug --- -# Surface Area in WPF Surface Chart (SfSurfaceChart) +# Surface Area in WPF Surface Chart The surface area represents the entire surface chart and all its elements. It is a virtual rectangular area that includes all the surface elements like axis, color bar, wall, etc. diff --git a/chart-sdk/wpf/surface-chart/Surface-Axis.md b/chart-sdk/wpf/surface-chart/Surface-Axis.md index bc0d4d92d..2fd3ce20a 100644 --- a/chart-sdk/wpf/surface-chart/Surface-Axis.md +++ b/chart-sdk/wpf/surface-chart/Surface-Axis.md @@ -1,13 +1,13 @@ --- layout: post -title: Surface Axis in WPF Surface Chart control | Syncfusion -description: Learn here all about Surface Axis support in Syncfusion WPF Surface Chart (SfSurfaceChart) control and more. +title: Axis in WPF Surface Chart | Syncfusion® +description: Axis in the WPF Surface Chart defines data scales, ranges, and coordinates for accurately displaying three-dimensional data. platform: chart-sdk control: SfSurfaceChart documentation: ug --- -# Surface Axis in WPF Surface Chart (SfSurfaceChart) +# Axis in WPF Surface Chart SurfaceAxis is used to locate a data point inside the surface area. On a surface, you require three axes to locate data points, such as the X-Axis, Y-Axis, and Z-Axis. You can define axes in a surface using the following code example. If you do not define the axes, then it automatically takes the default axis with default property values. diff --git a/chart-sdk/wpf/surface-chart/Surface-Types.md b/chart-sdk/wpf/surface-chart/Surface-Types.md index ff676362f..213c7b7da 100644 --- a/chart-sdk/wpf/surface-chart/Surface-Types.md +++ b/chart-sdk/wpf/surface-chart/Surface-Types.md @@ -1,13 +1,13 @@ --- layout: post -title: Surface Types in WPF Surface Chart control | Syncfusion -description: Learn here all about Surface Types support in Syncfusion WPF Surface Chart (SfSurfaceChart) control and more. +title: Types in WPF Surface Chart | Syncfusion® +description: Types in the WPF Surface Chart provide different rendering modes for visualizing three-dimensional data and surface variations. platform: chart-sdk control: SfSurfaceChart documentation: ug --- -# Surface Types in WPF Surface Chart (SfSurfaceChart) +# Types in WPF Surface Chart The Essential Surface Chart provides the following types to plot three-dimensional data points. diff --git a/chart-sdk/wpf/surface-chart/UserInteraction.md b/chart-sdk/wpf/surface-chart/UserInteraction.md index dfe1829cd..bac21b1c5 100644 --- a/chart-sdk/wpf/surface-chart/UserInteraction.md +++ b/chart-sdk/wpf/surface-chart/UserInteraction.md @@ -1,13 +1,13 @@ --- layout: post -title: User interaction in WPF Surface Chart control | Syncfusion -description: Learn here all about user interactions like zooming and rotation in Syncfusion WPF Surface Chart. (SfSurfaceChart) control and more. +title: User interaction in WPF Surface Chart | Syncfusion® +description: User interaction in the WPF Surface Chart enables zooming, rotation, and navigation for detailed exploration of three-dimensional data. platform: chart-sdk control: SfSurfaceChart documentation: ug --- -# User interaction in WPF Surface Chart (SfSurfaceChart) +# User interaction in WPF Surface Chart The Essential Surface Chart allows you to zoom and rotate the chart for better visualization of all the axes and their points. diff --git a/chart-sdk/wpf/treemap/Accessibility.md b/chart-sdk/wpf/treemap/Accessibility.md index 92833ed9c..fb96c1dc1 100644 --- a/chart-sdk/wpf/treemap/Accessibility.md +++ b/chart-sdk/wpf/treemap/Accessibility.md @@ -1,13 +1,13 @@ --- layout: post -title: Accessibility in WPF TreeMap control | Syncfusion -description: Learn here about Accessibility support with the Syncfusion WPF TreeMap (SfTreeMap) control, its elements and more. +title: Accessibility in WPF TreeMap | Syncfusion® +description: Accessibility in the WPF TreeMap enables keyboard navigation, screen reader support, and improved usability for all users. platform: chart-sdk control: TreeMap documentation: ug --- -# Accessibility support in WPF TreeMap (SfTreeMap) +# Accessibility in WPF TreeMap The TreeMap is designed to efficiently interact with its elements, offering voice descriptions for each item in the treemap. diff --git a/chart-sdk/wpf/treemap/ColorMapping.md b/chart-sdk/wpf/treemap/ColorMapping.md index 98e5160c2..9ace59df4 100644 --- a/chart-sdk/wpf/treemap/ColorMapping.md +++ b/chart-sdk/wpf/treemap/ColorMapping.md @@ -1,15 +1,15 @@ --- layout: post -title: ColorMapping in WPF TreeMap control | Syncfusion -description: Learn here all about ColorMapping support in Syncfusion WPF TreeMap (SfTreeMap) control, its elements and more. +title: Color Mapping in WPF TreeMap | Syncfusion® +description: Color mapping in the WPF TreeMap applies colors to hierarchical data items based on values, improving visualization and data interpretation. platform: chart-sdk control: TreeMap documentation: ug --- -# ColorMapping in WPF TreeMap (SfTreeMap) +# Color Mapping in WPF TreeMap -ColorMapping is categorized into four different types such as, +ColorMapping is categorized into the following five different types: * UniColorMapping * RangeBrushColorMapping @@ -19,188 +19,135 @@ ColorMapping is categorized into four different types such as, -## TreeMap ColorMapping: - -The leaf nodes of TreeMap can be colored by setting LeafColorMapping of TreeMap. +## TreeMap ColorMapping +The leaf nodes of the TreeMap can be colored by setting the LeafColorMapping of the TreeMap. {% highlight xaml %} - + - - - + - - - + - + {% endhighlight %} +## TreeMapLevel ColorMapping - - - -## TreeMapLevel ColorMapping: - -The headers of TreeMap level can also be colored using ColorMapping property of TreeMapLevel. - +The headers of the TreeMap level can also be colored using the ColorMapping property of the TreeMapLevel. {% highlight xaml %} - - - + - - - + - - - + - - - + - - - + - - - + - - - + + {% endhighlight %} ## UniColorMapping -TreeMap leaf nodes can be colored with the help of Color property specified using UniColorMapping. - +The TreeMap leaf nodes can be colored with the help of the Color property specified using UniColorMapping. {% highlight xaml %} + + + + + + + + + + + + + + + + + - - - - - - - - - - - - - - - - - - - - - - - - - - - {% endhighlight %} - - - - - ![UniColorMapping_Image](ColorMapping_images/ColorMapping_img1.png) - - ## RangeBrushColorMapping -The leaf nodes of TreeMap can be colored based upon the range, such as From and To, and Brush specified using RangeBrush collection of RangeBrushColorMapping. - +The leaf nodes of the TreeMap can be colored based on the range, such as From and To, and the brush specified using the RangeBrush collection of RangeBrushColorMapping. {% highlight xaml %} - - - - - + - - - - - - - - - - - + + + + - - + - - - - + - {% endhighlight %} @@ -212,177 +159,146 @@ The leaf nodes of TreeMap can be colored based upon the range, such as From and ## DesaturationColorMapping -The leaf nodes of TreeMap can be colored based upon the Color specified using DesaturationColorMapping. The RangeMinimum and RangeMaximum must be specified to determine the opacity for each leaf node. The opacity of leaf nodes are in the range of From and To mentioned in DesaturationColorMapping. +The leaf nodes of the TreeMap can be colored based on the color specified using DesaturationColorMapping. The RangeMinimum and RangeMaximum must be specified to determine the opacity for each leaf node. The opacity of the leaf nodes is in the range of From and To mentioned in DesaturationColorMapping. {% highlight xaml %} - - - - - + - - - - - + + - - - - + - {% endhighlight %} - - ![DesaturationColorMapping_Image](ColorMapping_images/ColorMapping_img3.png) - ## PaletteColorMapping -The leaf nodes are colored by using the brushes mentioned in Colors collection of PaletteColorMapping. +The leaf nodes are colored by using the brushes mentioned in the Colors collection of PaletteColorMapping. {% highlight xaml %} - - - - - + - - - - - - - - - - - - - - - + + + + + + + + + + + + + - - + - - - - + - {% endhighlight %} - - ![PaletteColorMapping_Image](ColorMapping_images/ColorMapping_img4.png) - - ## GroupColorMapping -The leaf nodes are colored by using different ColorMappings available in the TreeMap control. Each group can also be colored with different ColorMappings of TreeMapGroupColorMapping. GroupColorMapping is done based on the GroupID property. +The leaf nodes are colored by using the different ColorMappings available in the TreeMap control. Each group can also be colored with different ColorMappings of TreeMapGroupColorMapping. The GroupColorMapping is done based on the GroupID property. {% highlight xaml %} - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + @@ -390,6 +306,6 @@ The leaf nodes are colored by using different ColorMappings available in the Tre ![GroupColorMapping_Image](ColorMapping_images/ColorMapping_img5.png) -## see also +## See also [How to apply gradient color mapping to SfTreeMap](https://support.syncfusion.com/kb/article/8597/how-to-apply-gradientcolormapping-to-sftreemap) diff --git a/chart-sdk/wpf/treemap/ColorValuePath.md b/chart-sdk/wpf/treemap/ColorValuePath.md index 8d6943deb..4ef262962 100644 --- a/chart-sdk/wpf/treemap/ColorValuePath.md +++ b/chart-sdk/wpf/treemap/ColorValuePath.md @@ -1,40 +1,28 @@ --- layout: post -title: ColorValuePath in WPF TreeMap control | Syncfusion -description: Learn here all about ColorValuePath support in Syncfusion WPF TreeMap (SfTreeMap) control, its elements and more. +title: Color Value Path in WPF TreeMap | Syncfusion® +description: Color value path in the WPF TreeMap maps data values to color ranges, enabling meaningful visualization and analysis of hierarchical data. platform: chart-sdk control: TreeMap documentation: ug --- -# ColorValuePath in WPF TreeMap (SfTreeMap) +# Color Value Path in WPF TreeMap -The ColorValuePath ofSfTreeMap is a path to a field on the source object, which serves as the "color" of the object. +The [ColorValuePath](https://help.syncfusion.com/cr/wpf/Syncfusion.UI.Xaml.TreeMap.SfTreeMap.html#Syncfusion_UI_Xaml_TreeMap_SfTreeMap_ColorValuePath) of SfTreeMap is a path to a field on the source object, which serves as the "color" of the object. {% highlight xaml %} + + + + - - - - - - - - - - - - - + + {% endhighlight %} - -N> The specified field must be available in each and every sub class (object) defined in hierarchical (nested) data collection. - - - +N> The specified field must be available in each and every sub class (object) defined in hierarchical (nested) data collection. \ No newline at end of file diff --git a/chart-sdk/wpf/treemap/Customizing-Leaf-Nodes.md b/chart-sdk/wpf/treemap/Customizing-Leaf-Nodes.md index be72930b9..e45b3509a 100644 --- a/chart-sdk/wpf/treemap/Customizing-Leaf-Nodes.md +++ b/chart-sdk/wpf/treemap/Customizing-Leaf-Nodes.md @@ -1,131 +1,184 @@ --- layout: post -title: Customizing Leaf Nodes in WPF TreeMap control | Syncfusion -description: Learn here all about Customizing Leaf Nodes support in Syncfusion WPF TreeMap (SfTreeMap) control and more. +title: Leaf Nodes Customization in WPF TreeMap | Syncfusion® +description: Leaf nodes customization in the WPF TreeMap allows you to modify the appearance, styling, and layout of hierarchical data items. platform: chart-sdk control: TreeMap documentation: ug --- -# Customizing Leaf Nodes in WPF TreeMap (SfTreeMap) +# Leaf Nodes Customization in WPF TreeMap -You can customize leaf nodes by assigning data template to LeafTemplate of SfTreeMap. +You can customize the leaf nodes by assigning a data template to the [LeafTemplate](https://help.syncfusion.com/cr/wpf/Syncfusion.UI.Xaml.TreeMap.SfTreeMap.html#Syncfusion_UI_Xaml_TreeMap_SfTreeMap_LeafTemplate) of SfTreeMap. {%tabs%} {% highlight xaml %} - - - - - - + - - + - - - - - - + + - - - - - + - - - - + - - - - - + {% endhighlight %} {% highlight c# %} +public class OlymicMedalsViewModel +{ + public ObservableCollection OlympicMedalsDetails { get; set; } - - public class OlymicMedalsViewModel - + public OlymicMedalsViewModel() { - - public ObservableCollection OlympicMedalsDetails - - { get; set; } - - - - public OlymicMedalsViewModel() - - { - - this.OlympicMedalsDetails = new ObservableCollection(); - - this.OlympicMedalsDetails.Add(new OlympicMedals { Country = "US", GameName = "Swimming", GoldMedals = 16, SilverMedals = 9, BronzeMedals = 6, TotalMedals = 31, GameImgSource = new BitmapImage(new Uri("ms-appx:/Assets/Swimming.png")) }); - - this.OlympicMedalsDetails.Add(new OlympicMedals { Country = "US", GameName = "Track and Field", GoldMedals = 9, SilverMedals = 13, BronzeMedals = 7, TotalMedals = 29, GameImgSource = new BitmapImage(new Uri("ms-appx:/Assets/TrackAndField.png")) }); - - this.OlympicMedalsDetails.Add(new OlympicMedals { Country = "US", GameName = "Gymnastics", GoldMedals = 3, SilverMedals = 1, BronzeMedals = 2, TotalMedals = 6, GameImgSource = new BitmapImage(new Uri("ms-appx:/Assets/Gymnastics.png")) }); - - this.OlympicMedalsDetails.Add(new OlympicMedals { Country = "US", GameName = "Cycling", GoldMedals = 1, SilverMedals = 2, BronzeMedals = 1, TotalMedals = 4, GameImgSource = new BitmapImage(new Uri("ms-appx:/Assets/Cycling.png")) }); - - this.OlympicMedalsDetails.Add(new OlympicMedals { Country = "US", GameName = "Shooting", GoldMedals = 3, SilverMedals = 0, BronzeMedals = 1, TotalMedals = 4, GameImgSource = new BitmapImage(new Uri("ms-appx:/Assets/Shooting.png")) }); - - this.OlympicMedalsDetails.Add(new OlympicMedals { Country = "US", GameName = "Wrestling", GoldMedals = 2, SilverMedals = 0, BronzeMedals = 2, TotalMedals = 4, GameImgSource = new BitmapImage(new Uri("ms-appx:/Assets/Wrestling.png")) }); - - this.OlympicMedalsDetails.Add(new OlympicMedals { Country = "US", GameName = "Diving", GoldMedals = 1, SilverMedals = 1, BronzeMedals = 2, TotalMedals = 4, GameImgSource = new BitmapImage(new Uri("ms-appx:/Assets/Diving.png")) }); - - } - + this.OlympicMedalsDetails = new ObservableCollection(); + + this.OlympicMedalsDetails.Add( + new OlympicMedals + { + Country = "US", + GameName = "Swimming", + GoldMedals = 16, + SilverMedals = 9, + BronzeMedals = 6, + TotalMedals = 31, + GameImgSource = new BitmapImage( + new Uri("ms-appx:/Assets/Swimming.png")) + }); + + this.OlympicMedalsDetails.Add( + new OlympicMedals + { + Country = "US", + GameName = "Track and Field", + GoldMedals = 9, + SilverMedals = 13, + BronzeMedals = 7, + TotalMedals = 29, + GameImgSource = new BitmapImage( + new Uri("ms-appx:/Assets/TrackAndField.png")) + }); + + this.OlympicMedalsDetails.Add( + new OlympicMedals + { + Country = "US", + GameName = "Gymnastics", + GoldMedals = 3, + SilverMedals = 1, + BronzeMedals = 2, + TotalMedals = 6, + GameImgSource = new BitmapImage( + new Uri("ms-appx:/Assets/Gymnastics.png")) + }); + + this.OlympicMedalsDetails.Add( + new OlympicMedals + { + Country = "US", + GameName = "Cycling", + GoldMedals = 1, + SilverMedals = 2, + BronzeMedals = 1, + TotalMedals = 4, + GameImgSource = new BitmapImage( + new Uri("ms-appx:/Assets/Cycling.png")) + }); + + this.OlympicMedalsDetails.Add( + new OlympicMedals + { + Country = "US", + GameName = "Shooting", + GoldMedals = 3, + SilverMedals = 0, + BronzeMedals = 1, + TotalMedals = 4, + GameImgSource = new BitmapImage( + new Uri("ms-appx:/Assets/Shooting.png")) + }); + + this.OlympicMedalsDetails.Add( + new OlympicMedals + { + Country = "US", + GameName = "Wrestling", + GoldMedals = 2, + SilverMedals = 0, + BronzeMedals = 2, + TotalMedals = 4, + GameImgSource = new BitmapImage( + new Uri("ms-appx:/Assets/Wrestling.png")) + }); + + this.OlympicMedalsDetails.Add( + new OlympicMedals + { + Country = "US", + GameName = "Diving", + GoldMedals = 1, + SilverMedals = 1, + BronzeMedals = 2, + TotalMedals = 4, + GameImgSource = new BitmapImage( + new Uri("ms-appx:/Assets/Diving.png")) + }); } +} +public class OlympicMedals +{ + public string Country { get; set; } + public string GameName { get; set; } - public class OlympicMedals - - { - - public string Country { get; set; } - - public string GameName { get; set; } + public double GoldMedals { get; set; } - public double GoldMedals { get; set; } + public double SilverMedals { get; set; } - public double SilverMedals { get; set; } + public double BronzeMedals { get; set; } - public double BronzeMedals { get; set; } + public double TotalMedals { get; set; } - public double TotalMedals { get; set; } + public ImageSource GameImgSource { get; set; } +} - public ImageSource GameImgSource { get; set; } - - } {% endhighlight %} {%endtabs%} - ![Customizing-Leaf-Nodes_img1](Customizing-Leaf-Nodes_images/Customizing-Leaf-Nodes_img1.png) diff --git a/chart-sdk/wpf/treemap/Drill-Down-Support.md b/chart-sdk/wpf/treemap/Drill-Down-Support.md index 88e9277f6..b5add32a3 100644 --- a/chart-sdk/wpf/treemap/Drill-Down-Support.md +++ b/chart-sdk/wpf/treemap/Drill-Down-Support.md @@ -1,21 +1,21 @@ --- layout: post -title: Drill Down Support in WPF TreeMap control | Syncfusion -description: Learn here all about Drill Down Support in Syncfusion WPF TreeMap (SfTreeMap) control, its elements and more. +title: Drill Down Support in WPF TreeMap | Syncfusion® +description: Drill down support in the WPF TreeMap enables users to navigate hierarchical data levels for detailed analysis and data exploration. platform: chart-sdk control: TreeMap documentation: ug --- -# Drill Down Support in WPF TreeMap (SfTreeMap) +# Drill Down Support in WPF TreeMap -TreeMap enables drill down to expose the hierarchy by clicking on a treemap node and allows drill up by clicking on drill down header. At a time, only one level of the hierarchy can be seen in the treemap. +The TreeMap enables drill down to expose the hierarchy by clicking on a treemap node and allows drill up by clicking on the drill down header. At a time, only one level of the hierarchy can be seen in the treemap. ## Enabling Drill Down -Treemap items can be drilled down by enabling the property EnableDrillDown to ‘_true’_. The hierarchy of treemap levels can be shown by clicking on treemap items. The previous level can be drilled up by clicking on drill down header. DrillDown header can be customized with the help of DrillDownHeaderTemplate property. +Treemap items can be drilled down by enabling the property [EnableDrillDown](https://help.syncfusion.com/cr/wpf/Syncfusion.UI.Xaml.TreeMap.SfTreeMap.html#Syncfusion_UI_Xaml_TreeMap_SfTreeMap_EnableDrillDown) to `true`. The hierarchy of treemap levels can be shown by clicking on the treemap items. The previous level can be drilled up by clicking on the drill down header. The DrillDown header can be customized with the help of the DrillDownHeaderTemplate property. -Drill Down Properties +### Drill Down Properties @@ -25,97 +25,87 @@ Type +Gets or sets a value for specifying the height for the drill down header. +Gets or sets a template to customize the drill down header. +Gets or sets a color for highlighting the tree map item while drilling down.
Description
-EnableDrillDown +[EnableDrillDown](https://help.syncfusion.com/cr/wpf/Syncfusion.UI.Xaml.TreeMap.SfTreeMap.html#Syncfusion_UI_Xaml_TreeMap_SfTreeMap_EnableDrillDown) Bool Gets or sets a value to indicate whether the drill down support should be enabled.
-DrillDownHeaderHeight +[DrillDownHeaderHeight](https://help.syncfusion.com/cr/wpf/Syncfusion.UI.Xaml.TreeMap.SfTreeMap.html#Syncfusion_UI_Xaml_TreeMap_SfTreeMap_DrillDownHeaderHeight) Double -Gets or sets a value for specifying the height for drill down header.
-DrillDownHeaderTemplate +[DrillDownHeaderTemplate](https://help.syncfusion.com/cr/wpf/Syncfusion.UI.Xaml.TreeMap.SfTreeMap.html#Syncfusion_UI_Xaml_TreeMap_SfTreeMap_DrillDownHeaderTemplate) DataTemplate -Gets or sets a template to customize drill down header.
-DrillDownSelectionStroke +[DrillDownSelectionStroke](https://help.syncfusion.com/cr/wpf/Syncfusion.UI.Xaml.TreeMap.SfTreeMap.html#Syncfusion_UI_Xaml_TreeMap_SfTreeMap_DrillDownSelectionStroke) Brush -Gets or sets a color for highlighting tree map item while drill down.
- {% highlight xaml %} - - - - + WeightValuePath="Population" + ColorValuePath="Area" + LeafLabelPath="Name" + BorderThickness="1"> - - - - - - - - - + + + + - - - - - - + + - - - - + - {% endhighlight %} - The following screenshot illustrates a TreeMap with drill down support. - - ![Drilldown support image](Drill-Down-Support_images/Drill-Down-Support_img1.png) - TreeMap with drill down support {:.caption} -## see also +## See also [How to customize leaf level SfTreeMap](https://www.syncfusion.com/kb/7649/how-to-customize-leaf-level-treemap) diff --git a/chart-sdk/wpf/treemap/Getting-Started.md b/chart-sdk/wpf/treemap/Getting-Started.md index 7b64b7b8f..3b675b535 100644 --- a/chart-sdk/wpf/treemap/Getting-Started.md +++ b/chart-sdk/wpf/treemap/Getting-Started.md @@ -1,37 +1,33 @@ --- layout: post -title: Getting Started with WPF TreeMap control | Syncfusion -description: Learn here about getting started with Syncfusion WPF TreeMap (SfTreeMap) control, its elements and more. +title: Getting Started with WPF TreeMap | Syncfusion® +description: Learn how to get started with the Syncfusion® WPF TreeMap control. Explore setup, features, examples, and customization options. platform: chart-sdk control: TreeMap documentation: ug --- -# Getting Started with WPF TreeMap (SfTreeMap) +# Getting Started with WPF TreeMap -TreeMaps are a growing trend in data visualization. It displays hierarchical information in a series of clustered rectangles, which together represent a whole dataset. The size of each box represents a quantity. TreeMaps also use color to represent any number of values, but it is often used to categorize the various boxes within the tree map. +TreeMaps are a growing trend in data visualization. It displays hierarchical information in a series of clustered rectangles, which together represent a whole dataset. The size of each box represents a quantity. TreeMaps also use color to represent any number of values, but it is often used to categorize the various boxes within the tree map. ## Configuring the SfTreeMap Control ### Through Visual Studio -To create the SfTreeMap control through VisualStudio, drag SfTreeMap from Toolbox and drop it to the designer. It will generate the following the SfTreeMap control. +To create the [SfTreeMap](https://help.syncfusion.com/cr/wpf/Syncfusion.UI.Xaml.TreeMap.SfTreeMap.html) control through Visual Studio, drag the SfTreeMap from the Toolbox and drop it onto the designer. It will generate the SfTreeMap control. ![Getting-Started_image](Getting-Started_images/Getting-Started_img1.png) - ### Through Expression Blend -The SfTreeMap control can also be created and configured using Expression Blend. Follow these steps to do so. - -1. Create a WPF project in Expression Blend and reference the following assemblies. -i. Syncfusion.SfTreeMap.WPF -2. Search for SfTreeMap in the Toolbox. -3. Drag SfTreeMap to the designer. It will generate the SfTreeMap control with one child element. - - +The [SfTreeMap](https://help.syncfusion.com/cr/wpf/Syncfusion.UI.Xaml.TreeMap.SfTreeMap.html) control can also be created and configured using Expression Blend. Follow these steps to do so. +1. Create a WPF project in Expression Blend and reference the following assemblies: + 1. Syncfusion.SfTreeMap.WPF +2. Search for the SfTreeMap in the Toolbox. +3. Drag the SfTreeMap to the designer. It will generate the SfTreeMap control with one child element. ![Getting-Started_blendimage](Getting-Started_images/Getting-Started_img2.png) @@ -41,7 +37,7 @@ i. Syncfusion.SfTreeMap.WPF You can create the SfTreeMap control programmatically through XAML and C#. -In order to create a TreeMap you can refer to the following assembly and namespace. +In order to create a TreeMap, you can refer to the following assembly and namespace. {{ '**Assembly**' | markdownify }}: Syncfusion.SfTreeMap.WPF @@ -55,21 +51,14 @@ In the following code example, the SfTreeMap control is created. - - - @@ -77,17 +66,12 @@ In the following code example, the SfTreeMap control is created. {% highlight c# %} - - SfTreeMap treemap = new SfTreeMap() - { - - Height = 300, - - Width = 300, - + Height = 300, + Width = 300, }; + {% endhighlight %} {%endtabs%} @@ -97,120 +81,85 @@ SfTreeMap treemap = new SfTreeMap() ### Populate ItemsSource -The ItemsSource property accepts the collection values as input. For example, you can provide the list of objects as input. +The [ItemsSource](https://help.syncfusion.com/cr/wpf/Syncfusion.UI.Xaml.TreeMap.SfTreeMap.html#Syncfusion_UI_Xaml_TreeMap_SfTreeMap_ItemsSource) property accepts the collection values as input. For example, you can provide a list of objects as input. {% highlight c# %} public class PopulationViewModel - +{ + public PopulationViewModel() { + this.PopulationDetails = new ObservableCollection(); + + PopulationDetails.Add(new PopulationDetail() { Continent = "Asia", Country = "Indonesia", Growth = 3, Population = 237641326 }); + PopulationDetails.Add(new PopulationDetail() { Continent = "Asia", Country = "Russia", Growth = 2, Population = 152518015 }); + PopulationDetails.Add(new PopulationDetail() { Continent = "Asia", Country = "Malaysia", Growth = 1, Population = 29672000 }); + PopulationDetails.Add(new PopulationDetail() { Continent = "North America", Country = "United States", Growth = 4, Population = 315645000 }); + PopulationDetails.Add(new PopulationDetail() { Continent = "North America", Country = "Mexico", Growth = 2, Population = 112336538 }); + PopulationDetails.Add(new PopulationDetail() { Continent = "North America", Country = "Canada", Growth = 1, Population = 35056064 }); + PopulationDetails.Add(new PopulationDetail() { Continent = "South America", Country = "Colombia", Growth = 1, Population = 47000000 }); + PopulationDetails.Add(new PopulationDetail() { Continent = "South America", Country = "Brazil", Growth = 3, Population = 193946886 }); + PopulationDetails.Add(new PopulationDetail() { Continent = "Africa", Country = "Nigeria", Growth = 2, Population = 170901000 }); + PopulationDetails.Add(new PopulationDetail() { Continent = "Africa", Country = "Egypt", Growth = 1, Population = 83661000 }); + PopulationDetails.Add(new PopulationDetail() { Continent = "Europe", Country = "Germany", Growth = 1, Population = 81993000 }); + PopulationDetails.Add(new PopulationDetail() { Continent = "Europe", Country = "France", Growth = 1, Population = 65605000 }); + PopulationDetails.Add(new PopulationDetail() { Continent = "Europe", Country = "UK", Growth = 1, Population = 63181775 }); + } + + public ObservableCollection PopulationDetails{ get; set; } +} + +public class PopulationDetail +{ + public string Continent { get; set; } + public string Country { get; set; } + public double Growth { get; set; } + public double Population { get; set; } +} - public PopulationViewModel() - - { - - this.PopulationDetails = new ObservableCollection(); - - PopulationDetails.Add(new PopulationDetail() { Continent = "Asia", Country = "Indonesia", Growth = 3, Population = 237641326 }); - - PopulationDetails.Add(new PopulationDetail() { Continent = "Asia", Country = "Russia", Growth = 2, Population = 152518015 }); - - PopulationDetails.Add(new PopulationDetail() { Continent = "Asia", Country = "Malaysia", Growth = 1, Population = 29672000 }); - - PopulationDetails.Add(new PopulationDetail() { Continent = "North America", Country = "United States", Growth = 4, Population = 315645000 }); - - PopulationDetails.Add(new PopulationDetail() { Continent = "North America", Country = "Mexico", Growth = 2, Population = 112336538 }); - - PopulationDetails.Add(new PopulationDetail() { Continent = "North America", Country = "Canada", Growth = 1, Population = 35056064 }); - - PopulationDetails.Add(new PopulationDetail() { Continent = "South America", Country = "Colombia", Growth = 1, Population = 47000000 }); - - PopulationDetails.Add(new PopulationDetail() { Continent = "South America", Country = "Brazil", Growth = 3, Population = 193946886 }); - - PopulationDetails.Add(new PopulationDetail() { Continent = "Africa", Country = "Nigeria", Growth = 2, Population = 170901000 }); - - PopulationDetails.Add(new PopulationDetail() { Continent = "Africa", Country = "Egypt", Growth = 1, Population = 83661000 }); - - PopulationDetails.Add(new PopulationDetail() { Continent = "Europe", Country = "Germany", Growth = 1, Population = 81993000 }); - - PopulationDetails.Add(new PopulationDetail() { Continent = "Europe", Country = "France", Growth = 1, Population = 65605000 }); - - PopulationDetails.Add(new PopulationDetail() { Continent = "Europe", Country = "UK", Growth = 1, Population = 63181775 }); - - } - - - - public ObservableCollection PopulationDetails - - { - - get; - - set; - - } - - - - public class PopulationDetail - - { - - public string Continent { get; set; } - - public string Country { get; set; } - - public double Growth { get; set; } - - public double Population { get; set; } - - } {% endhighlight %} -After defining the ItemsSource, set the DataContext of the TreeMap as shown here: +After defining the [ItemsSource](https://help.syncfusion.com/cr/wpf/Syncfusion.UI.Xaml.TreeMap.SfTreeMap.html#Syncfusion_UI_Xaml_TreeMap_SfTreeMap_ItemsSource), set the DataContext of the TreeMap as shown here: {%tabs%} {% highlight xaml %} - + + + + + + + + + + + + + + + + + - - - - - - - - - - - - - - - - - - - - - - - - - - - - - {% endhighlight %} {% highlight c# %} this.TreeMap.DataContext = new PopulationViewModel(); + {% endhighlight %} {%endtabs%} @@ -219,14 +168,14 @@ this.TreeMap.DataContext = new PopulationViewModel(); ## Theme -TreeMap supports various built-in themes. Refer to the below links to apply themes for the TreeMap, +TreeMap supports various built-in themes. Refer to the below links to apply themes for the TreeMap: - * [Apply theme using SfSkinManager](https://help.syncfusion.com/wpf/themes/skin-manager) + * [Apply theme using SfSkinManager](https://help.syncfusion.com/wpf/themes/skin-manager). * [Create a custom theme using ThemeStudio](https://help.syncfusion.com/wpf/themes/theme-studio#creating-custom-theme) -![Setting theme to WPF SfTreeMap](Getting-Started_images/Theme.png) +![Setting theme to WPF SfTreeMap](Getting-Started_images/Theme.png). -## see also +## See also -[How to apply gradient color mapping to SfTreeMap](https://support.syncfusion.com/kb/article/8597/how-to-apply-gradientcolormapping-to-sftreemap) \ No newline at end of file +[How to apply gradient color mapping to SfTreeMap](https://support.syncfusion.com/kb/article/8597/how-to-apply-gradientcolormapping-to-sftreemap). \ No newline at end of file diff --git a/chart-sdk/wpf/treemap/Headers-and-Labels.md b/chart-sdk/wpf/treemap/Headers-and-Labels.md index 3133dd1eb..b06dda8bd 100644 --- a/chart-sdk/wpf/treemap/Headers-and-Labels.md +++ b/chart-sdk/wpf/treemap/Headers-and-Labels.md @@ -1,163 +1,135 @@ --- layout: post -title: Headers and Labels in WPF TreeMap control | Syncfusion -description: Learn here all about Headers and Labels support in Syncfusion WPF TreeMap (SfTreeMap) control and more. +title: Headers and Labels in WPF TreeMap | Syncfusion® +description: Headers and labels in the WPF TreeMap display hierarchical group names and item information, improving data readability and interpretation. platform: chart-sdk control: TreeMap documentation: ug --- -# Headers and Labels in WPF TreeMap (SfTreeMap) +# Headers and Labels in WPF TreeMap ## Headers -To show headers in TreeMap, you can set the HeaderHeight property of TreeMapLevel. For customizing default Header appearance, you can specify the HeaderTemplate. +To show headers in the TreeMap, you can set the HeaderHeight property of the TreeMapLevel. For customizing the default Header appearance, you can specify the HeaderTemplate. -### TreeMap with Flat Collection: - -If HeaderTemplate is specified for TreeMapLevel, then the header can be bound by referring Header object to the data template. +### TreeMap with Flat Collection +If the HeaderTemplate is specified for the TreeMapLevel, then the header can be bound by referring the Header object to the data template. {% highlight xaml %} - - - - - - + - - + + - - - - + - - + {% endhighlight %} ![Headers-and-Labels_img1](Headers-and-Labels_images/Headers-and-Labels_img1.png) +### TreeMap with Hierarchical Collection - -### TreeMap with Hierarchical Collection: - -For TreeMap with Hierarchical Collection, HeaderPath must be specified. The header can be bound by referring Data. to the data template where FieldName refers to the field of object specified in the particular treemap level. - +For the TreeMap with a Hierarchical Collection, the HeaderPath must be specified. The header can be bound by referring the `Data.` to the data template, where `FieldName` refers to the field of the object specified in the particular treemap level. {% highlight xaml %} - - - - - - + - - + - - - - - + - - + {% endhighlight %} ## Labels -To show labels in TreeMap, ShowLabels of TreeMapLevel should be enabled to True. For customizing default label appearance, you can specify LabelTemplate. +To show labels in the TreeMap, the ShowLabels of the TreeMapLevel should be enabled to True. For customizing the default label appearance, you can specify the LabelTemplate. -### TreeMap with Flat Collection: +### TreeMap with Flat Collection -If LabelTemplate is specified for TreeMapLevel, then the label can be bound by referring Label object to the data template. +If the LabelTemplate is specified for the TreeMapLevel, then the label can be bound by referring the Label object to the data template. {% highlight xaml %} - - - - - + - - - - + - - -{% endhighlight %} - +{% endhighlight %} ![Headers-and-Labels_img2](Headers-and-Labels_images/Headers-and-Labels_img2.png) -### TreeMap with Hierarchical Collection: +### TreeMap with Hierarchical Collection -For TreeMap with Hierarchical Collection, LabelPath must be specified. The label can be bound by referring Data. to the data template where FieldName refers to the field of object specified in the particular treemap level. +For the TreeMap with a Hierarchical Collection, the LabelPath must be specified. The label can be bound by referring the `Data.` to the data template, where `FieldName` refers to the field of the object specified in the particular treemap level. {% highlight xaml %} - - - - + - - + - - - - - + - - + {% endhighlight %} diff --git a/chart-sdk/wpf/treemap/LeafItemSettings.md b/chart-sdk/wpf/treemap/LeafItemSettings.md index 1d389f0bb..f10bc03aa 100644 --- a/chart-sdk/wpf/treemap/LeafItemSettings.md +++ b/chart-sdk/wpf/treemap/LeafItemSettings.md @@ -1,199 +1,158 @@ --- layout: post -title: LeafItemSettings in WPF TreeMap control | Syncfusion -description: Learn here all about LeafItemSettings support in Syncfusion WPF TreeMap (SfTreeMap) control and more. +title: Leaf Item Settings in WPF TreeMap | Syncfusion® +description: Leaf item settings in the WPF TreeMap allow you to customize the appearance, layout, and behavior of leaf nodes in hierarchical data. platform: chart-sdk control: TreeMap documentation: ug --- -# LeafItemSettings in WPF TreeMap (SfTreeMap) - -LeafItemSettings of SfTreeMap is a setting by which we can settings the template for the leafNode. +# Leaf Item Settings in WPF TreeMap +[LeafItemSettings](https://help.syncfusion.com/cr/wpf/Syncfusion.UI.Xaml.TreeMap.SfTreeMap.html#Syncfusion_UI_Xaml_TreeMap_SfTreeMap_LeafItemSettings) of [SfTreeMap](https://help.syncfusion.com/cr/wpf/Syncfusion.UI.Xaml.TreeMap.SfTreeMap.html) is a setting by which you can set the template for the leaf node. {% highlight xaml %} - - - - - - - - - - - - - - - - - - - - - + + + + + + + + + + + {% endhighlight %} - -N> The specified field must be available in each and every sub class (object) defined in hierarchical (nested) data collection. - - +N> The specified field must be available in each and every subclass (object) defined in the hierarchical (nested) data collection. ## LabelPath -LabelPath of the leaves is WeightValuePath by default and you can change the LabelPath as desired based on the data provided. +[LabelPath](https://help.syncfusion.com/cr/wpf/Syncfusion.UI.Xaml.TreeMap.LeafItemSettings.html#Syncfusion_UI_Xaml_TreeMap_LeafItemSettings_LabelPath) of the leaves is the WeightValuePath by default, and you can change the LabelPath as desired based on the data provided. {% highlight xaml %} + + + + + + + + + + + - - - - - - - - - - - - - - - - - - {% endhighlight %} ## LabelTemplate -LabelTemplate of LeafItemSettings class provides the template for the labels of the leafNodes. - +[LabelTemplate](https://help.syncfusion.com/cr/wpf/Syncfusion.UI.Xaml.TreeMap.LeafItemSettings.html#Syncfusion_UI_Xaml_TreeMap_LeafItemSettings_LabelTemplate) of the LeafItemSettings class provides the template for the labels of the leaf nodes. {% highlight xaml %} + + + + + + + + + + + + + + + + + - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - {% endhighlight %} ## Gap -Gap provides the gap between the leaves at Leaf Level. - +[Gap](https://help.syncfusion.com/cr/wpf/Syncfusion.UI.Xaml.TreeMap.LeafItemSettings.html#Syncfusion_UI_Xaml_TreeMap_LeafItemSettings_Gap) provides the gap between the leaves at the leaf level. {% highlight xaml %} + + + + + + + + + + + - - - - - - - - - - - - - - - - - - - - - - {% endhighlight %} ## BorderBrush -BorderBrush provides the border color for the leafNodes and BorderThickness provides the thickness of the BorderBrush. - +[BorderBrush](https://help.syncfusion.com/cr/wpf/Syncfusion.UI.Xaml.TreeMap.LeafItemSettings.html#Syncfusion_UI_Xaml_TreeMap_LeafItemSettings_BorderBrush) provides the border color for the leaf nodes, and the BorderThickness provides the thickness of the BorderBrush. {% highlight xaml %} + + + + + + + + + + + - - - - - - - - - - - - - - - - - - - - {% endhighlight %} - - ![LeafItemSettings_img1](LeafItemSettings_images/LeafItemSettings_img1.png) diff --git a/chart-sdk/wpf/treemap/Overview.md b/chart-sdk/wpf/treemap/Overview.md index 618b07a06..92f4441e9 100644 --- a/chart-sdk/wpf/treemap/Overview.md +++ b/chart-sdk/wpf/treemap/Overview.md @@ -1,17 +1,17 @@ --- layout: post -title: About WPF TreeMap control | Syncfusion -description: Learn here all about introduction of Syncfusion WPF TreeMap (SfTreeMap) control, its elements and more. +title: About Syncfusion® WPF TreeMap Control | Syncfusion® +description: Learn about the introduction of Syncfusion Essential Studio® WPF TreeMap control, its features, capabilities, and more details. platform: chart-sdk control: TreeMap documentation: ug --- -# WPF TreeMap (SfTreeMap) Overview +# About Syncfusion® WPF TreeMap Control TreeMaps are ideal for visualizing large amounts of data. The visualization space is split up into rectangles that are sized and colored based on the quantitative variables. The levels in the hierarchy of the tree map are visualized as rectangles containing other rectangles. -###Use Cases +### Use Cases Tree maps are used to represent large or complex data sets in various applications such as, diff --git a/chart-sdk/wpf/treemap/Selection-Support.md b/chart-sdk/wpf/treemap/Selection-Support.md index 6a344842d..926798188 100644 --- a/chart-sdk/wpf/treemap/Selection-Support.md +++ b/chart-sdk/wpf/treemap/Selection-Support.md @@ -1,67 +1,50 @@ --- layout: post -title: Selection Support in WPF TreeMap control | Syncfusion -description: Learn here all about Selection Support in Syncfusion WPF TreeMap (SfTreeMap) control, its elements and more. +title: Selection Support in WPF TreeMap | Syncfusion® +description: Selection support in the WPF TreeMap enables users to highlight and interact with hierarchical data items for focused analysis and exploration. platform: chart-sdk control: TreeMap documentation: ug --- -# Selection Support in WPF TreeMap (SfTreeMap) +# Selection Support in WPF TreeMap -While selecting a leaf node, you can highlight it by setting HighlightOnSelection property of SfTreeMap to “True”. The border of highlight on selection can be customized by HighlightBorderBrush and HighlightBorderThickness properties of SfTreeMap. SelectionMode can also be set to either “Default” or “Multiple”. “Multiple” selection of leaf nodes is made possible by pressing the control key continuously while Mouse Click happens. +While selecting a leaf node, you can highlight it by setting HighlightOnSelection property of [SfTreeMap](https://help.syncfusion.com/cr/wpf/Syncfusion.UI.Xaml.TreeMap.SfTreeMap.html) to “True”. The border of highlight on selection can be customized by HighlightBorderBrush and HighlightBorderThickness properties of SfTreeMap. SelectionMode can also be set to either “Default” or “Multiple”. “Multiple” selection of leaf nodes is made possible by pressing the control key continuously while Mouse Click happens. {% highlight xaml %} - - + -{% endhighlight %} - - +{% endhighlight %} ![Selection Support_images](Selection-Support_images/Selection-Support_img1.png) - -GroupSelection support is also provided under selection support where the whole group can be selected. While selecting a leaf node, you can highlight it by setting HighlightGroupOnSelection property of SfTreeMap to “True”. The helper properties, HighlightBorderBrush, HighlightBorderThickness, and SelectionModes are shared for both HighlightOnSelection and HighlightGroupOnSelection. +GroupSelection support is also provided under selection support where the whole group can be selected. While selecting a leaf node, you can highlight it by setting [HighlightGroupOnSelection](https://help.syncfusion.com/cr/wpf/Syncfusion.UI.Xaml.TreeMap.SfTreeMap.html#Syncfusion_UI_Xaml_TreeMap_SfTreeMap_HighlightGroupOnSelection) property of SfTreeMap to “True”. The helper properties, [HighlightBorderBrush](https://help.syncfusion.com/cr/wpf/Syncfusion.UI.Xaml.TreeMap.SfTreeMap.html#Syncfusion_UI_Xaml_TreeMap_SfTreeMap_HighlightBorderBrush), [HighlightBorderThickness](https://help.syncfusion.com/cr/wpf/Syncfusion.UI.Xaml.TreeMap.SfTreeMap.html#Syncfusion_UI_Xaml_TreeMap_SfTreeMap_HighlightBorderThickness), and [SelectionModes](https://help.syncfusion.com/cr/wpf/Syncfusion.UI.Xaml.TreeMap.SfTreeMap.html#Syncfusion_UI_Xaml_TreeMap_SfTreeMap_SelectionModes) are shared for both [HighlightOnSelection](https://help.syncfusion.com/cr/wpf/Syncfusion.UI.Xaml.TreeMap.SfTreeMap.html#Syncfusion_UI_Xaml_TreeMap_SfTreeMap_HighlightOnSelection) and [HighlightGroupOnSelection](https://help.syncfusion.com/cr/wpf/Syncfusion.UI.Xaml.TreeMap.SfTreeMap.html#Syncfusion_UI_Xaml_TreeMap_SfTreeMap_HighlightGroupOnSelection). {% highlight xaml %} + + - - - - {% endhighlight %} diff --git a/chart-sdk/wpf/treemap/ToolTip-Support.md b/chart-sdk/wpf/treemap/ToolTip-Support.md index d60712813..1b5119f97 100644 --- a/chart-sdk/wpf/treemap/ToolTip-Support.md +++ b/chart-sdk/wpf/treemap/ToolTip-Support.md @@ -1,122 +1,132 @@ --- layout: post -title: ToolTip Support in WPF TreeMap control | Syncfusion -description: Learn here all about ToolTip Support in Syncfusion WPF TreeMap (SfTreeMap) control, its elements and more. +title: Tooltip Support in WPF TreeMap | Syncfusion® +description: Tooltip support in the WPF TreeMap displays detailed information about hierarchical data items on hover, improving data analysis and interpretation. platform: chart-sdk control: TreeMap documentation: ug --- -# ToolTip Support in WPF TreeMap (SfTreeMap) +# Tooltip Support in WPF TreeMap -You can enable tooltip for TreeMap by setting [`ShowToolTip`](https://help.syncfusion.com/cr/wpf/Syncfusion.UI.Xaml.TreeMap.SfTreeMap.html#Syncfusion_UI_Xaml_TreeMap_SfTreeMap_ShowToolTip) to “True”. For modifying default appearance of tooltip, [`ToolTipTemplate`](https://help.syncfusion.com/cr/wpf/Syncfusion.UI.Xaml.TreeMap.SfTreeMap.html#Syncfusion_UI_Xaml_TreeMap_SfTreeMap_ToolTipTemplate) can be specified and also you can set the [`ToolTipShowDuration`](https://help.syncfusion.com/cr/wpf/Syncfusion.UI.Xaml.TreeMap.SfTreeMap.html#Syncfusion_UI_Xaml_TreeMap_SfTreeMap_ToolTipShowDuration) property to define the animation speed. +You can enable the tooltip for the TreeMap by setting [`ShowToolTip`](https://help.syncfusion.com/cr/wpf/Syncfusion.UI.Xaml.TreeMap.SfTreeMap.html#Syncfusion_UI_Xaml_TreeMap_SfTreeMap_ShowToolTip) to `true`. For modifying the default appearance of the tooltip, [`ToolTipTemplate`](https://help.syncfusion.com/cr/wpf/Syncfusion.UI.Xaml.TreeMap.SfTreeMap.html#Syncfusion_UI_Xaml_TreeMap_SfTreeMap_ToolTipTemplate) can be specified, and you can also set the [`ToolTipShowDuration`](https://help.syncfusion.com/cr/wpf/Syncfusion.UI.Xaml.TreeMap.SfTreeMap.html#Syncfusion_UI_Xaml_TreeMap_SfTreeMap_ToolTipShowDuration) property to define the animation speed. {% highlight xaml %} - - - - - - - + + - - - - - + + - - + - - - - - - - + + + + + - - - - - - - + + + + + - - - + - - - - + - - - - - - - - - - - + + + + - - + - - - - + - {% endhighlight %} - The following screenshot shows a tree map with a tool tip. - - ![Tree map with tooltip](ToolTip-Support_images/ToolTip-Support_img1.png) - - - diff --git a/chart-sdk/wpf/treemap/TreeMap-Layout.md b/chart-sdk/wpf/treemap/TreeMap-Layout.md index a56fbd52a..6a83fc526 100644 --- a/chart-sdk/wpf/treemap/TreeMap-Layout.md +++ b/chart-sdk/wpf/treemap/TreeMap-Layout.md @@ -1,46 +1,37 @@ --- layout: post -title: TreeMap Layout in WPF TreeMap control | Syncfusion -description: Learn here all about TreeMap Layout support in Syncfusion WPF TreeMap (SfTreeMap) control, its elements and more. +title: Layout in WPF TreeMap | Syncfusion® +description: Layout in the WPF TreeMap determines how hierarchical data items are arranged, enabling effective space utilization and visualization. platform: chart-sdk control: TreeMap documentation: ug --- -# TreeMap Layout in WPF TreeMap (SfTreeMap) +# Layout in WPF TreeMap -The ItemsLayoutMode for SfTreeMap specifies the layout mode of the tree map items. This layout is applied for all the tree map levels. There are four different TreeMap layouts such as, +The [ItemsLayoutMode](https://help.syncfusion.com/cr/wpf/Syncfusion.UI.Xaml.TreeMap.SfTreeMap.html#Syncfusion_UI_Xaml_TreeMap_SfTreeMap_ItemsLayoutMode) for SfTreeMap specifies the layout mode of the tree map items. This layout is applied for all the tree map levels. There are four different TreeMap layouts, as follows: ## Squarified Layout -In this layout the data is visualized in the form of square-like rectangles with best aspect ratio. +In this layout, the data is visualized in the form of square-like rectangles with the best aspect ratio. -The following code illustrates how to set a squarified layout in Treemap. +The following code illustrates how to set a squarified layout in the TreeMap. {% highlight xaml %} + + + + + + + - - - - - - - - - - - - - {% endhighlight %} @@ -49,50 +40,30 @@ The following screenshot illustrates a squarified layout. ![TreeMap-Layout_img1](TreeMap-Layout_images/TreeMap-Layout_img1.png) +## SliceAndDiceAuto Layout -## SliceAndDiceAuto Layout: - -In this layout the data is visualized in the form of long-thin rectangles with high aspect ratio, which can be displayed either vertically or horizontally. - -The following code illustrates how to set a slice and dice layout in Treemap. - +In this layout, the data is visualized in the form of long, thin rectangles with a high aspect ratio, which can be displayed either vertically or horizontally. +The following code illustrates how to set a slice-and-dice layout in the TreeMap. {% highlight xaml %} - - - - - + + + + - - - - - - - + + + {% endhighlight %} - - - - - - - - - The following screenshot illustrates a slice-and-dice layout. _Slice-and-dice layout_ @@ -100,80 +71,54 @@ _Slice-and-dice layout_ ![TreeMap-Layout_images2](TreeMap-Layout_images/TreeMap-Layout_img2.jpeg) +## SliceAndDiceHorizontal Layout -## SliceAndDiceHorizontal Layout: - -The following code illustrates how to set a slice and dice layout horizontally in TreeMap. +The following code illustrates how to set a slice-and-dice layout horizontally in the TreeMap. {% highlight xaml %} + + + + + + + - - - - - - - - - - - - - {% endhighlight %} -The following screenshot shows a Slice-and-dice TreeMap in horizontal layout. +The following screenshot shows a slice-and-dice TreeMap in a horizontal layout. ![TreeMap-Layout_img3](TreeMap-Layout_images/TreeMap-Layout_img3.png) +## SliceAndDiceVertical Layout -## SliceAndDiceVertical Layout: - -The following code illustrates how to set a slice and dice layout vertically in TreeMap. +The following code illustrates how to set a slice-and-dice layout vertically in the TreeMap. {% highlight xaml %} + + + + + + + - - - - - - - - - - - - - {% endhighlight %} +The following screenshot shows a slice-and-dice TreeMap in a vertical layout. -The following screenshot shows a Slice-and-dice TreeMap in vertical layout. - - - -![TreeMap-Layout_img4](TreeMap-Layout_images/TreeMap-Layout_img4.png) - - - +![TreeMap-Layout_img4](TreeMap-Layout_images/TreeMap-Layout_img4.png) \ No newline at end of file diff --git a/chart-sdk/wpf/treemap/TreeMap-Legend.md b/chart-sdk/wpf/treemap/TreeMap-Legend.md index cc8a8f1b3..c2c099e8d 100644 --- a/chart-sdk/wpf/treemap/TreeMap-Legend.md +++ b/chart-sdk/wpf/treemap/TreeMap-Legend.md @@ -1,15 +1,15 @@ --- layout: post -title: TreeMap Legend in WPF TreeMap control | Syncfusion -description: Learn here all about TreeMap Legend support in Syncfusion WPF TreeMap (SfTreeMap) control, its elements and more. +title: Legend in WPF TreeMap | Syncfusion® +description: Legend in the WPF TreeMap identifies color mappings and data categories, helping users understand hierarchical data relationships. platform: chart-sdk control: TreeMap documentation: ug --- -# TreeMap Legend in WPF TreeMap (SfTreeMap) +# Legend in WPF TreeMap -TreeMap legend is used to easily demonstrate about the color value of leaf nodes. But this legend could be appropriate only for the treemap having leaf nodes colored by using RangeBrushColorMapping. The labels of the legend item can be customized by specifying LegendLabel of RangeBrush mentioned in the Brushes of RangeBrushColorMapping. +TreeMap [legend](https://help.syncfusion.com/cr/wpf/Syncfusion.UI.Xaml.TreeMap.SfTreeMap.html#Syncfusion_UI_Xaml_TreeMap_SfTreeMap_Legend) is used to easily demonstrate about the color value of leaf nodes. But this legend could be appropriate only for the treemap having leaf nodes colored by using RangeBrushColorMapping. The labels of the legend item can be customized by specifying LegendLabel of RangeBrush mentioned in the Brushes of RangeBrushColorMapping. The icon of legend item can be set by LegendIconStyle of TreeMapLegend. Custom legend icon can be set by assigning DataTemplate to LegendIconTemplate with LegendIconStyle as “Custom”. The width and height of the legend icon can be modified by setting LegendIconWidth and LegendIconHeight of TreeMapLegend. @@ -18,60 +18,66 @@ The legend can be positioned to Left, Right, Top or Bottom of TreeMap with the h {% highlight xaml %} - - - - + - - - + - - - - - - - - - - - - - - - - - + + + + + + + - - + - - - - + - {% endhighlight %} diff --git a/chart-sdk/wpf/treemap/TreeMap-Levels.md b/chart-sdk/wpf/treemap/TreeMap-Levels.md index e2ed7ef18..1bea1b101 100644 --- a/chart-sdk/wpf/treemap/TreeMap-Levels.md +++ b/chart-sdk/wpf/treemap/TreeMap-Levels.md @@ -1,657 +1,444 @@ --- layout: post -title: TreeMap Levels in WPF TreeMap control | Syncfusion -description: Learn here all about TreeMap Levels support in Syncfusion WPF TreeMap (SfTreeMap) control, its elements and more. +title: Levels in WPF TreeMap | Syncfusion® +description: Levels in the WPF TreeMap define hierarchical data groups, enabling structured visualization and navigation across multiple levels. platform: chart-sdk control: TreeMap documentation: ug --- -# TreeMap Levels in WPF TreeMap (SfTreeMap) - -The levels of TreeMap can be categorized into two types such as, - -* TreeMapFlatLevel -* TreeMapHierarchicalLevel +# Levels in WPF TreeMap +The levels of the TreeMap can be categorized into two types, as follows: +* [TreeMapFlatLevel](https://help.syncfusion.com/cr/wpf/Syncfusion.UI.Xaml.TreeMap.TreeMapFlatLevel.html) +* [TreeMapHierarchicalLevel](https://help.syncfusion.com/cr/wpf/Syncfusion.UI.Xaml.TreeMap.TreeMapHierarchicalLevel.html) ## TreeMapFlatLevel -TreeMapFlatLevel is used to define levels for flat data collection. +TreeMapFlatLevel is used to define levels for a flat data collection. -###ItemsSource: +### ItemsSource -The ItemsSource set for SfTreeMap must be a flat collection of data. The following code shows how to bind a flat collection as ItemsSource to a TreeMap. +The ItemsSource set for the SfTreeMap must be a flat collection of data. The following code shows how to bind a flat collection as the ItemsSource to a TreeMap. {%tabs%} {% highlight xaml %} + + + + + + - - - - - - - - - - - - - {% endhighlight %} {% highlight c# %} - - public class PopulationViewModel - +public class PopulationViewModel +{ + public PopulationViewModel() { - - public PopulationViewModel() - - { - - this.PopulationDetails = new - - ObservableCollection(); - -PopulationDetails.Add(new PopulationDetail() { Continent = "Asia", Country = "Indonesia", Growth = 3, Population = 237641326 }); - -PopulationDetails.Add(new PopulationDetail() { Continent = "Asia", Country = "Russia", Growth = 2, Population = 152518015 }); - -PopulationDetails.Add(new PopulationDetail() { Continent = "North America", Country = "United States", Growth = 4, Population = 315645000 }); - -PopulationDetails.Add(new PopulationDetail() { Continent = "North America", Country = "Mexico", Growth = 2, Population = 112336538 }); - - PopulationDetails.Add(new PopulationDetail() { Continent = "Africa", Country = "Nigeria", Growth = 2, Population = 170901000 }); - - PopulationDetails.Add(new PopulationDetail() { Continent = "Africa", Country = "Egypt", Growth = 1, Population = 83661000 }); - - PopulationDetails.Add(new PopulationDetail() { Continent = "Europe", Country = "Germany", Growth = 1, Population = 81993000 }); - - PopulationDetails.Add(new PopulationDetail() { Continent = "Europe", Country = "France", Growth = 1, Population = 65605000 }); - + this.PopulationDetails = new ObservableCollection(); + + PopulationDetails.Add(new PopulationDetail() { Continent = "Asia", Country = "Indonesia", Growth = 3, Population = 237641326 }); + PopulationDetails.Add(new PopulationDetail() { Continent = "Asia", Country = "Russia", Growth = 2, Population = 152518015 }); + PopulationDetails.Add(new PopulationDetail() { Continent = "North America", Country = "United States", Growth = 4, Population = 315645000 }); + PopulationDetails.Add(new PopulationDetail() { Continent = "North America", Country = "Mexico", Growth = 2, Population = 112336538 }); + PopulationDetails.Add(new PopulationDetail() { Continent = "Africa", Country = "Nigeria", Growth = 2, Population = 170901000 }); + PopulationDetails.Add(new PopulationDetail() { Continent = "Africa", Country = "Egypt", Growth = 1, Population = 83661000 }); + PopulationDetails.Add(new PopulationDetail() { Continent = "Europe", Country = "Germany", Growth = 1, Population = 81993000 }); + PopulationDetails.Add(new PopulationDetail() { Continent = "Europe", Country = "France", Growth = 1, Population = 65605000 }); PopulationDetails.Add(new PopulationDetail() { Continent = "Europe", Country = "UK", Growth = 1, Population = 63181775 }); + } - } - - public ObservableCollection PopulationDetails - - { - - get; - - set; - - } - - public class PopulationDetail - - { - - public string Continent { get; set; } - - public string Country { get; set; } + public ObservableCollection PopulationDetails + { + get; + set; + } - public double Growth { get; set; } + public class PopulationDetail + { + public string Continent { get; set; } - public double Population { get; set; } + public string Country { get; set; } - } + public double Growth { get; set; } + public double Population { get; set; } } +} + {% endhighlight %} {%endtabs%} -### GroupPath: +### GroupPath -You must specify the GroupPath for each and every flat level of TreeMap. It is a path to a field on the source object, which serves as the “Group” for the levels specified. Based upon the GroupPath, the data is grouped in the TreeMap. If GroupPath is not specified, then the items are not grouped, and it is shown in the order, in which they are specified in the ItemsSource. +You must specify the [GroupPath](https://help.syncfusion.com/cr/wpf/Syncfusion.UI.Xaml.TreeMap.TreeMapFlatLevel.html#Syncfusion_UI_Xaml_TreeMap_TreeMapFlatLevel_GroupPath) for each and every flat level of the TreeMap. It is a path to a field on the source object, which serves as the "Group" for the levels specified. Based on the GroupPath, the data is grouped in the TreeMap. If the GroupPath is not specified, then the items are not grouped, and they are shown in the order in which they are specified in the ItemsSource. {% highlight xaml %} - - - - + - - - - - - - - - - - - - - - - - - - - - - - + + + + + + + + + + {% endhighlight %} +### GroupGap - -### GroupGap: - -You can specify GroupGap for separating the items of every flat level and it is used to differentiate the levels mentioned for TreeMap. +You can specify the [GroupGap](https://help.syncfusion.com/cr/wpf/Syncfusion.UI.Xaml.TreeMap.TreeMapFlatLevel.html#Syncfusion_UI_Xaml_TreeMap_TreeMapFlatLevel_GroupGap) for separating the items of every flat level, and it is used to differentiate the levels mentioned for the TreeMap. {% highlight xaml %} - - - - - + + + + + + + - - - - - - - - - - - - - - - {% endhighlight %} ### GroupBorderBrush -GroupBorderBrush provides the border color for the group levels. +[GroupBorderBrush](https://help.syncfusion.com/cr/wpf/Syncfusion.UI.Xaml.TreeMap.TreeMapFlatLevel.html#Syncfusion_UI_Xaml_TreeMap_TreeMapFlatLevel_GroupBorderBrush) provides the border color for the group levels. {% highlight xaml %} + + + + + + + + + + + + - - - - - - - - - - - - - - - - - - - - - - - {% endhighlight %} ### GroupBackground -GroupBackground specifies the background brush for the levels. The GroupBackground is effectively seen when we provide GroupPadding also while defining the Levels. +[GroupBackground](https://help.syncfusion.com/cr/wpf/Syncfusion.UI.Xaml.TreeMap.TreeMapFlatLevel.html#Syncfusion_UI_Xaml_TreeMap_TreeMapFlatLevel_GroupBackground) specifies the background brush for the levels. The GroupBackground is effectively seen when we provide the GroupPadding also while defining the Levels. {% highlight xaml %} + + + + + + + + + + + + - - - - - - - - - - - - - - - - - - - - - {% endhighlight %} -## TreeMapHierarchicalLevel: +## TreeMapHierarchicalLevel -TreeMapHierarchicalLevel is used to define levels for hierarchical data collection which contains tree-structured data. +[TreeMapHierarchicalLevel](https://help.syncfusion.com/cr/wpf/Syncfusion.UI.Xaml.TreeMap.TreeMapHierarchicalLevel.html) is used to define levels for a hierarchical data collection which contains tree-structured data. -### ItemsSource: +### ItemsSource -The ItemsSource set for TreeMap must be a nested data collection. The following code shows how to bind a hierarchical data collection as ItemsSource for TreeMap. +The ItemsSource set for the TreeMap must be a nested data collection. The following code shows how to bind a hierarchical data collection as the ItemsSource for the TreeMap. {%tabs%} {% highlight xaml %} + + + + + + + + + + + + - - - - - - - - - - - - - - - - - - - - {% endhighlight %} - {% highlight c# %} - - - public class CountrySalesCollection : ObservableCollection - +public class CountrySalesCollection : ObservableCollection +{ + public CountrySalesCollection() { - - public CountrySalesCollection() - - { - - this.Add(new CountrySale() { Name = "United States", Sales = 98456, Expense = 87000 }); - - this.Add(new CountrySale() { Name = "Canada", Sales = 43523, Expense = 40000 }); - - this.Add(new CountrySale() { Name = "Mexico", Sales = 45634, Expense = 46000 }); - - this[0].RegionalSalesCollection.Add(new RegionSale() { Country = "United States", Name = "New York", Sales = 2353, Expense = 2000 }); - - this[0].RegionalSalesCollection.Add(new RegionSale() { Country = "United States", Name = "Los Angeles", Sales = 3453, Expense = 3000 }); - - this[0].RegionalSalesCollection.Add(new RegionSale() { Country = "United States", Name = "San Francisco", Sales = 8456, Expense = 8000 }); - - this[0].RegionalSalesCollection.Add(new RegionSale() { Country = "United States", Name = "Chicago", Sales = 6785, Expense = 7000 }); - - this[0].RegionalSalesCollection.Add(new RegionSale() { Country = "United States", Name = "Miami", Sales = 7045, Expense = 6000 }); - - this[1].RegionalSalesCollection.Add(new RegionSale() { Country = "Canada", Name = "Toronto", Sales = 7045, Expense = 7000 }); - - this[1].RegionalSalesCollection.Add(new RegionSale() { Country = "Canada", Name = "Vancouver", Sales = 4352, Expense = 4000 }); - - this[1].RegionalSalesCollection.Add(new RegionSale() { Country = "Canada", Name = "Winnipeg", Sales = 7843, Expense = 7500 }); - - - - this[2].RegionalSalesCollection.Add(new RegionSale() { Country = "Mexico", Name = "Mexico City", Sales = 7843, Expense = 6500 }); - - this[2].RegionalSalesCollection.Add(new RegionSale() { Country = "Mexico", Name = "Cancun", Sales = 6683, Expense = 6000 }); } - + this.Add(new CountrySale() { Name = "United States", Sales = 98456, Expense = 87000 }); + this.Add(new CountrySale() { Name = "Canada", Sales = 43523, Expense = 40000 }); + this.Add(new CountrySale() { Name = "Mexico", Sales = 45634, Expense = 46000 }); + + this[0].RegionalSalesCollection.Add(new RegionSale() { Country = "United States", Name = "New York", Sales = 2353, Expense = 2000 }); + this[0].RegionalSalesCollection.Add(new RegionSale() { Country = "United States", Name = "Los Angeles", Sales = 3453, Expense = 3000 }); + this[0].RegionalSalesCollection.Add(new RegionSale() { Country = "United States", Name = "San Francisco", Sales = 8456, Expense = 8000 }); + this[0].RegionalSalesCollection.Add(new RegionSale() { Country = "United States", Name = "Chicago", Sales = 6785, Expense = 7000 }); + this[0].RegionalSalesCollection.Add(new RegionSale() { Country = "United States", Name = "Miami", Sales = 7045, Expense = 6000 }); + + this[1].RegionalSalesCollection.Add(new RegionSale() { Country = "Canada", Name = "Toronto", Sales = 7045, Expense = 7000 }); + this[1].RegionalSalesCollection.Add(new RegionSale() { Country = "Canada", Name = "Vancouver", Sales = 4352, Expense = 4000 }); + this[1].RegionalSalesCollection.Add(new RegionSale() { Country = "Canada", Name = "Winnipeg", Sales = 7843, Expense = 7500 }); + + this[2].RegionalSalesCollection.Add(new RegionSale() { Country = "Mexico", Name = "Mexico City", Sales = 7843, Expense = 6500 }); + this[2].RegionalSalesCollection.Add(new RegionSale() { Country = "Mexico", Name = "Cancun", Sales = 6683, Expense = 6000 }); } +} +public class CountrySale : INotifyPropertyChanged +{ + public string Name { get; set; } + private double _sales = 0; - public class CountrySale : INotifyPropertyChanged - + public double Sales { - - public string Name { get; set; } - - private double _sales = 0; - - public double Sales - + get { - - get { return _sales; } - - set - - { - - if (_sales != value) - - { - - _sales = value; - - this.OnPropertyChanged(new - - PropertyChangedEventArgs("Sales")); - - } - - } - + return _sales; } - - private double _expense = 0; - - public double Expense - + set { - - get { return _expense; } - - set - + if (_sales != value) { - - if (_expense != value) - - { - - _expense = value; - - this.OnPropertyChanged(new - - PropertyChangedEventArgs("Expense")); - - } - + _sales = value; + this.OnPropertyChanged(new PropertyChangedEventArgs("Sales")); } - } + } - public ObservableCollection RegionalSalesCollection - - { get; set; } - - public CountrySale() + private double _expense = 0; + public double Expense + { + get { - - this.RegionalSalesCollection = new ObservableCollection(); - + return _expense; } - - #region INotifyPropertyChanged Members - - public event PropertyChangedEventHandler PropertyChanged; - - protected void OnPropertyChanged(PropertyChangedEventArgs e) - + set { - - if (this.PropertyChanged != null) - - this.PropertyChanged.Invoke(this, e); - + if (_expense != value) + { + _expense = value; + this.OnPropertyChanged(new PropertyChangedEventArgs("Expense")); + } } + } - #endregion + public ObservableCollection RegionalSalesCollection { get; set; } + public CountrySale() + { + this.RegionalSalesCollection = new ObservableCollection(); } + #region INotifyPropertyChanged Members + public event PropertyChangedEventHandler PropertyChanged; - public class RegionSale : INotifyPropertyChanged - + protected void OnPropertyChanged(PropertyChangedEventArgs e) { + if (this.PropertyChanged != null) + { + this.PropertyChanged.Invoke(this, e); + } + } - public string Name { get; set; } + #endregion +} - public string Country { get; set; } +public class RegionSale : INotifyPropertyChanged +{ + public string Name { get; set; } - private double _sales = 0; + public string Country { get; set; } - public double Sales + private double _sales = 0; + public double Sales + { + get { - - get { return _sales; } - - set - + return _sales; + } + set + { + if (_sales != value) { - - if (_sales != value) - - { - - _sales = value; - - this.OnPropertyChanged(new - - PropertyChangedEventArgs("Sales")); - - } - + _sales = value; + this.OnPropertyChanged(new PropertyChangedEventArgs("Sales")); } - } + } - private double _expense = 0; - - public double Expense + private double _expense = 0; + public double Expense + { + get { - - get { return _expense; } - - set - + return _expense; + } + set + { + if (_expense != value) { - - if (_expense != value) - - { - - _expense = value; - - this.OnPropertyChanged(new - - PropertyChangedEventArgs("Expense")); - - } - + _expense = value; + this.OnPropertyChanged(new PropertyChangedEventArgs("Expense")); } - } + } + #region INotifyPropertyChanged Members + public event PropertyChangedEventHandler PropertyChanged; - #region INotifyPropertyChanged Members - - - - public event PropertyChangedEventHandler PropertyChanged; - - protected void OnPropertyChanged(PropertyChangedEventArgs e) - + protected void OnPropertyChanged(PropertyChangedEventArgs e) + { + if (this.PropertyChanged != null) { - - if (this.PropertyChanged != null) - - this.PropertyChanged.Invoke(this, e); - + this.PropertyChanged.Invoke(this, e); } + } + #endregion +} - - #endregion - - } {% endhighlight %} {%endtabs%} +### ChildPath -### ChildPath: - -You must specify ChildPath for each and every hierarchical level of TreeMap. It is a path to a field on the source object, which serves as the “Child” for the level specified. Based upon the ChildPath, the treemap contains child items. +You must specify the [ChildPath](https://help.syncfusion.com/cr/wpf/Syncfusion.UI.Xaml.TreeMap.TreeMapHierarchicalLevel.html#Syncfusion_UI_Xaml_TreeMap_TreeMapHierarchicalLevel_ChildPath) for each and every hierarchical level of the TreeMap. It is a path to a field on the source object, which serves as the "Child" for the level specified. Based on the ChildPath, the treemap contains child items. {% highlight xaml %} + + + + + + + + + + + + - - - - - - - - - - - - - - - - - - - - - - {% endhighlight %} +N> The specified field must be a collection of the subclass (object) specified in the nested data collection. +### ChildGap -N> The specified field must be a collection of sub class (object) specified in the nested data collection. - - - -### ChildGap: - -You can specify ChildGap for separating the child items of every level and it is used to differentiate the levels mentioned for TreeMap. +You can specify the [ChildGap](https://help.syncfusion.com/cr/wpf/Syncfusion.UI.Xaml.TreeMap.TreeMapHierarchicalLevel.html#Syncfusion_UI_Xaml_TreeMap_TreeMapHierarchicalLevel_ChildGap) for separating the child items of every level, and it is used to differentiate the levels mentioned for the TreeMap. {% highlight xaml %} + + + + + + + + + + + + - - - - - - - - - - - - - - - - - - - - - - {% endhighlight %} - - - - -![TreeMap-Levels_img2](TreeMap-Levels_images/TreeMap-Levels_img2.png) - - - +![TreeMap-Levels_img2](TreeMap-Levels_images/TreeMap-Levels_img2.png) \ No newline at end of file diff --git a/chart-sdk/wpf/treemap/WeightValuePath.md b/chart-sdk/wpf/treemap/WeightValuePath.md index 91937c39f..d556a3c41 100644 --- a/chart-sdk/wpf/treemap/WeightValuePath.md +++ b/chart-sdk/wpf/treemap/WeightValuePath.md @@ -1,39 +1,30 @@ --- layout: post -title: WeightValuePath in WPF TreeMap control | Syncfusion -description: Learn here all about WeightValuePath support in Syncfusion WPF TreeMap (SfTreeMap) control and more. +title: Weight Value Path in WPF TreeMap | Syncfusion® +description: Weight value path in the WPF TreeMap maps data values to item sizes, enabling proportional visualization of hierarchical data. platform: chart-sdk control: TreeMap documentation: ug --- -# WeightValuePath in WPF TreeMap (SfTreeMap) +# Weight Value Path in WPF TreeMap -The WeightValuePath ofSfTreeMap is a path to a field on the source object, which serve as the "weight" of the object. +The [WeightValuePath](https://help.syncfusion.com/cr/wpf/Syncfusion.UI.Xaml.TreeMap.SfTreeMap.html#Syncfusion_UI_Xaml_TreeMap_SfTreeMap_WeightValuePath) of [SfTreeMap](https://help.syncfusion.com/cr/wpf/Syncfusion.UI.Xaml.TreeMap.SfTreeMap.html) is a path to a field on the source object, which serve as the "weight" of the object. {% highlight xaml %} + + + + - - - - - - - - - - + {% endhighlight %} - - N> The specified field must be available in each and every sub class (object) defined in hierarchical (nested) data collection. ![WeightValuePath_img1](WeightValuePath_images/WeightValuePath_img1.png) diff --git a/chart-toc.html b/chart-toc.html index 5b5ba0255..a807b629f 100644 --- a/chart-toc.html +++ b/chart-toc.html @@ -5213,6 +5213,7 @@
  • ColorValuePath
  • Tree Map Levels
  • TreeMap Layout
    • +
  • Leaf Item
  • Color Mapping
  • Tree Map Legend
  • Headers and Labels
    • @@ -5673,279 +5674,249 @@ -
  • +
  • Flutter -
    • + + +
  • Circular Chart + +
    • +
  • Pyramid Chart + +
    • +
  • Funnel Chart + +
    • +
  • Maps + +
    • +
  • Linear Gauge + +
    • +
  • Radial Gauge + +
    • +
  • Range Selector + +
    • +
  • TreeMap + +
    • + + + +
  • Release Notes