Skip to content

Commit

Permalink
Merge pull request #1393 from IgniteUI/mt/fix-links
Browse files Browse the repository at this point in the history
fix links
  • Loading branch information
HUSSAR-mtrela authored Oct 2, 2024
2 parents 7e306ec + 79378af commit ea4453b
Show file tree
Hide file tree
Showing 31 changed files with 98 additions and 97 deletions.
2 changes: 1 addition & 1 deletion doc/en/components/charts/chart-overview.md
Original file line number Diff line number Diff line change
Expand Up @@ -43,7 +43,7 @@ Choosing these specific domain charts allows to simplify the API and draw a lot

Domain charts are using a data chart at its core; so the same performance optimizations apply to both. The difference lies in whether they are trying to make things very easy to specify for the developer, or to be as flexible as possible. {Platform} Data Chart is more verbose, unlocking all of our charting capabilities you need, allowing you to mix and match of any number of series, axes or annotation for example. For the category and financial charts, there might be a situation that cannot be easily done that the data chart is more suited for, such as a series with a scatter series with a numeric x axis.

It can be difficult to know which chart to pick at first. It's crucial to understand the type of series and how many additional features you want to present. For a more light-weight basic category or financial series, we recommend using one of the domain charts. For more advances scenarios we recommend using {Platform} Data Chart, such as presenting something other than what is covered by the category chart's `CategoryCHart.ChartType` property such as a stacked or scatter series, or numeric or time-based data. It's worth noting that the {Platform} Financial Chart covers only column, OHLC bar, candlestick, and line series types.
It can be difficult to know which chart to pick at first. It's crucial to understand the type of series and how many additional features you want to present. For a more light-weight basic category or financial series, we recommend using one of the domain charts. For more advances scenarios we recommend using {Platform} Data Chart, such as presenting something other than what is covered by the category chart's `CategoryChart.ChartType` property such as a stacked or scatter series, or numeric or time-based data. It's worth noting that the {Platform} Financial Chart covers only column, OHLC bar, candlestick, and line series types.

We make {Platform} Category and Financial Chart easier to use, the good news you can always switch to data chart in the future.

Expand Down
2 changes: 1 addition & 1 deletion doc/en/components/charts/features/chart-markers.md
Original file line number Diff line number Diff line change
Expand Up @@ -14,7 +14,7 @@ In {ProductName}, markers are visual elements that display the values of data po

In the following example, the [Line Chart](../types/line-chart.md) is comparing the generation of renewable electricity for the countries Europe, China, and USA over the years of 2009 to 2019 with markers enabled by setting the `MarkerType` property to `Circle` enum value.

The colors of the markers are also managed by setting the `MarkerBrushes` and `MarkerOutlines` properties in the sample below. The markers and `ChartType` is configurable in this sample by using the drop-downs as well.
The colors of the markers are also managed by setting the `MarkerBrushes` and `MarkerOutlines` properties in the sample below. The markers and `CategoryChart.ChartType` is configurable in this sample by using the drop-downs as well.

`sample="/charts/category-chart/marker-options", height="500", alt="{Platform} Configuration Options Example"`

Expand Down
4 changes: 2 additions & 2 deletions doc/en/components/charts/features/chart-performance.md
Original file line number Diff line number Diff line change
Expand Up @@ -2,7 +2,7 @@
title: {Platform} Chart Performance | Data Visualization | Infragistics
_description: Infragistics' {Platform} Chart Performance
_keywords: {Platform} Charts, Performance, Infragistics
mentionedTypes: ["DomainChart", "CategoryChart", "FinancialChart", "XamDataChart"]
mentionedTypes: ["DomainChart", "CategoryChart", "FinancialChart", "XamDataChart", "FinancialChartVolumeType", "FinancialChartZoomSliderType"]
namespace: Infragistics.Controls.Charts
---

Expand Down Expand Up @@ -142,7 +142,7 @@ this.Chart.excludedProperties = [ "CHN", "FRN", "GER" ];

### Chart Types

Simpler chart types such as [Line Chart](../types/line-chart.md) have faster performance than using [Spline Chart](../types/spline-chart.md) because of the complex interpolation of spline lines between data points. Therefore, you should use `ChartType` property of {Platform} `CategoryChart` or the `FinancialChart` control to select type of chart that renders faster. Alternatively, you can change a type of series to a faster series in {Platform} `XamDataChart` control.
Simpler chart types such as [Line Chart](../types/line-chart.md) have faster performance than using [Spline Chart](../types/spline-chart.md) because of the complex interpolation of spline lines between data points. Therefore, you should use `CategoryChart.ChartType` property of {Platform} `CategoryChart` or the `FinancialChart` control to select type of chart that renders faster. Alternatively, you can change a type of series to a faster series in {Platform} `XamDataChart` control.

The following table lists chart types in order from the fastest performance to slower performance in each group of charts:

Expand Down
10 changes: 5 additions & 5 deletions doc/en/components/charts/types/area-chart.md
Original file line number Diff line number Diff line change
Expand Up @@ -11,7 +11,7 @@ The {ProductName} Area Chart renders as a collection of points connected by stra

## {Platform} Area Chart Example

You can create {Platform} Category Area Chart in the `CategoryChart` control by binding your data to `ItemsSource` property and setting `ChartType` property to **Area** enum, as shown in the example below.
You can create {Platform} Category Area Chart in the `CategoryChart` control by binding your data to `ItemsSource` property and setting `CategoryChart.ChartType` property to **Area** enum, as shown in the example below.

`sample="/charts/category-chart/area-chart-multiple-sources", height="600", alt="{Platform} Area Chart Multiple Sources"`

Expand Down Expand Up @@ -53,7 +53,7 @@ There are several common use cases for choosing an Area Chart:

## {Platform} Area Chart with Single Series

{Platform} Area Chart is often used to show the change of value over time such as the amount of renewable electricity produced. You can create this type of chart in `CategoryChart` control by binding your data and setting `ChartType` property to `Area` value, as shown in the example below.
{Platform} Area Chart is often used to show the change of value over time such as the amount of renewable electricity produced. You can create this type of chart in `CategoryChart` control by binding your data and setting `CategoryChart.ChartType` property to `Area` value, as shown in the example below.

`sample="/charts/category-chart/area-chart-single-source", height="600", alt="{Platform} Area Chart with Single Series"`

Expand Down Expand Up @@ -87,7 +87,7 @@ The following sections explain more advanced types of {Platform} Area Charts tha

## {Platform} Step Area Chart

The {Platform} Step Area Chart belongs to a group of category charts and it is rendered using a collection of points connected by continuous vertical and horizontal lines with the area below lines filled in. Values are represented on the y-axis and categories are displayed on the x-axis. The step area chart emphasizes the amount of change over a period of time or compares multiple items. You can create this type of chart in `CategoryChart` control by binding your data and setting `ChartType` property to `StepArea` value, as shown in the example below.
The {Platform} Step Area Chart belongs to a group of category charts and it is rendered using a collection of points connected by continuous vertical and horizontal lines with the area below lines filled in. Values are represented on the y-axis and categories are displayed on the x-axis. The step area chart emphasizes the amount of change over a period of time or compares multiple items. You can create this type of chart in `CategoryChart` control by binding your data and setting `CategoryChart.ChartType` property to `StepArea` value, as shown in the example below.


`sample="/charts/category-chart/step-area-multiple-sources", height="600", alt="{Platform} Step Area Chart"`
Expand Down Expand Up @@ -198,8 +198,8 @@ The following table lists API members mentioned in above sections:

| Chart Type | Control Name | API Members |
| -------------------------|-----------------|----------------------- |
| Area | `CategoryChart` | `ChartType` = `Area` |
| Step Area | `CategoryChart` | `ChartType` = `StepArea` |
| Area | `CategoryChart` | `CategoryChart.ChartType` = `Area` |
| Step Area | `CategoryChart` | `CategoryChart.ChartType` = `StepArea` |
| Range Area | `XamDataChart` | `RangeAreaSeries` |
| Radial Area | `XamDataChart` | `RadialAreaSeries` |
| Polar Area | `XamDataChart` | `PolarAreaSeries` |
Expand Down
8 changes: 4 additions & 4 deletions doc/en/components/charts/types/column-chart.md
Original file line number Diff line number Diff line change
Expand Up @@ -11,7 +11,7 @@ The {ProductName} Column Char, Column Graph, or Vertical Bar Chart is among the

## {Platform} Column Chart Example

You can create {Platform} Column Chart in the `CategoryChart` control by binding your data and setting `ChartType` to **Column** enum, as shown in the example below:
You can create {Platform} Column Chart in the `CategoryChart` control by binding your data and setting `CategoryChart.ChartType` to **Column** enum, as shown in the example below:

`sample="/charts/category-chart/column-chart-multiple-sources", height="600", alt="{Platform} Column Chart Multiple Sources"`

Expand Down Expand Up @@ -49,7 +49,7 @@ There are several uses cases for Column Charts. When you:

Column Chart belongs to a group of Category Series and it is rendered using a collection of rectangles that extend from the bottom to top of the chart towards the values of data points.

You can create this type of chart in the `CategoryChart` control by binding your data and setting the `ChartType` property to **Column** value, as shown in the example below:
You can create this type of chart in the `CategoryChart` control by binding your data and setting the `CategoryChart.ChartType` property to **Column** value, as shown in the example below:

`sample="/charts/category-chart/column-chart-single-source", height="600", alt="{Platform} Column Chart with Single Source"`

Expand All @@ -59,7 +59,7 @@ You can create this type of chart in the `CategoryChart` control by binding your

## {Platform} Column Chart with Multiple Series

The Column Chart is able to render multiple columns per category for comparison purposes. You can create this type of chart in the `CategoryChart` control by binding your data and setting the `ChartType` property to **Column** value, as shown in the example below:
The Column Chart is able to render multiple columns per category for comparison purposes. You can create this type of chart in the `CategoryChart` control by binding your data and setting the `CategoryChart.ChartType` property to **Column** value, as shown in the example below:

`sample="/charts/category-chart/column-chart-multiple-sources", height="600", alt="{Platform} Column Chart with Multiple Sources"`

Expand Down Expand Up @@ -162,7 +162,7 @@ The following table lists API members mentioned in the above sections:

| Chart Type | Control Name | API Members |
| --------------------|--------------------|------------------------ |
| Column | `CategoryChart` | `ChartType` = **Column** |
| Column | `CategoryChart` | `CategoryChart.ChartType` = **Column** |
| Radial Column | `XamDataChart` | `RadialColumnSeries` |
| Range Column | `XamDataChart` | `RangeColumnSeries` |
| Stacked Column | `XamDataChart` | `StackedColumnSeries` |
Expand Down
12 changes: 6 additions & 6 deletions doc/en/components/charts/types/line-chart.md
Original file line number Diff line number Diff line change
Expand Up @@ -11,7 +11,7 @@ The {ProductName} Line Chart or Line Graph is a type of category charts that sho

## {Platform} Line Chart Example

You can create the {Platform} Line Chart in the `CategoryChart` control by binding your data to `ItemsSource` property and setting `ChartType` property to `Line` enum, as shown in the example below.
You can create the {Platform} Line Chart in the `CategoryChart` control by binding your data to `ItemsSource` property and setting `CategoryChart.ChartType` property to `Line` enum, as shown in the example below.

`sample="/charts/category-chart/line-chart-multiple-sources", height="600", alt="{Platform} Line Chart Multiple Sources"`

Expand Down Expand Up @@ -68,7 +68,7 @@ There are several common use cases for choosing a Line Chart:

The {Platform} Line Chart is often used to show the change of value over time such as the amount of renewable electricity produced since 2009 over a ten-year period, as we have shown in the example below.

You can create this type of chart in the `CategoryChart` control by binding your data and setting the `ChartType` property to `Line`, as shown in the example below:
You can create this type of chart in the `CategoryChart` control by binding your data and setting the `CategoryChart.ChartType` property to `Line`, as shown in the example below:

`sample="/charts/category-chart/line-chart-single-source", height="600", alt="{Platform} Line Chart with Single Source"`

Expand All @@ -80,7 +80,7 @@ You can create this type of chart in the `CategoryChart` control by binding your

Since the {Platform} Line Chart allows you to combine multiple series and compare or see how they change over time, let’s see how easy it is to achieve this. All we need to do is bind to a data source containing the data for China and the USA, and the line chart will automatically update to fit the additional data.

You can create this type of chart in the `CategoryChart` control by binding your data and setting the `ChartType` property to `Line`, as shown in the example below:
You can create this type of chart in the `CategoryChart` control by binding your data and setting the `CategoryChart.ChartType` property to `Line`, as shown in the example below:

`sample="/charts/category-chart/line-chart-multiple-sources", height="600", alt="{Platform} Line Chart with Multiple Sources"`

Expand All @@ -94,7 +94,7 @@ The {Platform} Line chart is capable of handling high volumes of data, ranging i

In this example, we are streaming live data into the {Platform} Line Chart at an interval of your choosing. You can set the data points from 5,000 to 1 million and update the chart to optimize the scale based on the device you are rendering the chart on.

You can create this type of chart in the `CategoryChart` control by binding your data and setting the `ChartType` property to `Line`, as shown in the example below:
You can create this type of chart in the `CategoryChart` control by binding your data and setting the `CategoryChart.ChartType` property to `Line`, as shown in the example below:

`sample="/charts/category-chart/high-frequency", height="600", alt="{Platform} Line Chart Live Data Example"`

Expand All @@ -106,7 +106,7 @@ You can create this type of chart in the `CategoryChart` control by binding your

Once our chart is set up, we may want to make some further styling customizations such as change the line colors, change the legend font family, and/or increase the size of the axis labels to make it easier to read.

You can create this type of chart in the `CategoryChart` control by binding your data and setting the `ChartType` property to `Line`, as shown in the example below:
You can create this type of chart in the `CategoryChart` control by binding your data and setting the `CategoryChart.ChartType` property to `Line`, as shown in the example below:

`sample="/charts/category-chart/line-chart-styling", height="600", alt="{Platform} Line Chart Styling"`

Expand Down Expand Up @@ -186,7 +186,7 @@ The following table lists API members mentioned in the above sections:

| Chart Type | Control Name | API Members |
| ------------------|--------------------|----------------------- |
| Line | `CategoryChart` | `ChartType` = `Line` |
| Line | `CategoryChart` | `CategoryChart.ChartType` = `Line` |
| Polar Line | `XamDataChart` | `PolarLineSeries` |
| Radial Line | `XamDataChart` | `RadialLineSeries` |
| Stacked Line | `XamDataChart` | `StackedLineSeries` |
Expand Down
4 changes: 2 additions & 2 deletions doc/en/components/charts/types/point-chart.md
Original file line number Diff line number Diff line change
Expand Up @@ -11,7 +11,7 @@ The {ProductName} Point Chart renders a collection of points. Values are represe

## {Platform} Point Chart Example

You can create the {Platform} Point Chart in the `CategoryChart` control by binding your data to `ItemsSource` property and setting `ChartType` property to **Point** enum, as shown in the example below.
You can create the {Platform} Point Chart in the `CategoryChart` control by binding your data to `ItemsSource` property and setting `CategoryChart.ChartType` property to **Point** enum, as shown in the example below.

`sample="/charts/category-chart/point-chart-multiple-sources", height="600", alt="{Platform} Point Chart Example"`

Expand Down Expand Up @@ -71,7 +71,7 @@ The following table lists API members mentioned in the above sections:

- `CategoryChart`
- `XamDataChart`
- `ChartType`
- `CategoryChart.ChartType`
- `MarkerTypes`
- `MarkerOutlines`
- `MarkerBrushes`
Expand Down
10 changes: 5 additions & 5 deletions doc/en/components/charts/types/spline-chart.md
Original file line number Diff line number Diff line change
Expand Up @@ -10,7 +10,7 @@ The {ProductName} Spline Chart belongs to a group of Category Charts that render

## {Platform} Spline Chart Example

The following example shows how to create {Platform} Spline Chart in the `CategoryChart` control by binding your data and setting the `ChartType` property to `Spline` enum.
The following example shows how to create {Platform} Spline Chart in the `CategoryChart` control by binding your data and setting the `CategoryChart.ChartType` property to `Spline` enum.

`sample="/charts/category-chart/spline-multiple-sources", height="600", alt="{Platform} Spline Chart Multiple Sources"`

Expand All @@ -22,7 +22,7 @@ The following example shows how to create {Platform} Spline Chart in the `Catego

The Spline Chart is often used to show the change of value over time such as the amount of renewable electricity produced since 2009 over a ten-year period for Europe, as shown in the example below.

You can create this type of chart in the `CategoryChart` control by binding your data and setting the `ChartType` property to `Spline`, as shown in the example below:
You can create this type of chart in the `CategoryChart` control by binding your data and setting the `CategoryChart.ChartType` property to `Spline`, as shown in the example below:

`sample="/charts/category-chart/spline-single-source", height="600", alt="{Platform} Spline Chart with Single Source"`

Expand All @@ -34,7 +34,7 @@ You can create this type of chart in the `CategoryChart` control by binding your

Since the Spline Chart allows you to combine multiple series and compare or see how they change over time. All we need to do is bind to a data source containing the data for China and the USA, and the chart will automatically update to fit the additional data.

You can create this type of chart in the `CategoryChart` control by binding your data and setting the `ChartType` property to `Spline`, as shown in the example below:
You can create this type of chart in the `CategoryChart` control by binding your data and setting the `CategoryChart.ChartType` property to `Spline`, as shown in the example below:

`sample="/charts/category-chart/spline-multiple-sources", height="600", alt="{Platform} Spline Chart with Multiple Sources"`

Expand All @@ -46,7 +46,7 @@ You can create this type of chart in the `CategoryChart` control by binding your

If you need a Spline Chart with more features such as composite other series, you can configure the markers, marker brushes, marker outlines, series brushes and series outlines as demonstrated below.

You can create this type of chart in the `CategoryChart` control by binding your data and setting the `ChartType` property to `Spline`, as shown in the example below:
You can create this type of chart in the `CategoryChart` control by binding your data and setting the `CategoryChart.ChartType` property to `Spline`, as shown in the example below:

`sample="/charts/category-chart/spline-styling", height="600", alt="{Platform} Spline Chart Styling"`

Expand Down Expand Up @@ -98,6 +98,6 @@ The following table lists API members mentioned in the above sections:

| Chart Type | Control Name | API Members |
| --------------------|--------------------|-------------------------- |
| Spline | `CategoryChart` | `ChartType` = `Spline` |
| Spline | `CategoryChart` | `CategoryChart.ChartType` = `Spline` |
| Stacked Spline | `XamDataChart` | `StackedSplineSeries` |
| Stacked 100% Spline | `XamDataChart` | `Stacked100SplineSeries` |
Loading

0 comments on commit ea4453b

Please sign in to comment.