Merge branch 'vnext' into ganastasov/combo-topics-react

CODEOWNERS

@@ -1,10 +1,10 @@
 # code owners must approve PRs with they make changes to these files:
 
 # @HUSSAR-mtrela must approve DV topics
-**/charts/**/*.md @HUSSAR-mtrela
-**/maps/**/*.md @HUSSAR-mtrela
-**/gauges/**/*.md @HUSSAR-mtrela
-**/geo-map*.md @HUSSAR-mtrela
+# **/charts/**/*.md @HUSSAR-mtrela
+# **/maps/**/*.md @HUSSAR-mtrela
+# **/gauges/**/*.md @HUSSAR-mtrela
+# **/geo-map*.md @HUSSAR-mtrela
 
 # @HUSSAR-mtrela must approve XPLAT docs source
 src/**/*.* @HUSSAR-mtrela
@@ -14,8 +14,8 @@ gulpfile.js @HUSSAR-mtrela
 
 # @HUSSAR-mtrela must approve XPLAT docs config
 ./.gitignore @HUSSAR-mtrela
-./*.json @HUSSAR-mtrela
-**/*.config @HUSSAR-mtrela
-apiMap/**/*.* @HUSSAR-mtrela
+# ./*.json @HUSSAR-mtrela
+# **/*.config @HUSSAR-mtrela
+# apiMap/**/*.* @HUSSAR-mtrela
 
 CODEOWNERS @HUSSAR-mtrela

doc/en/components/charts/features/chart-data-legend.md

@@ -106,19 +106,13 @@ You have the ability to change the default decimal display of values within the
 
 `sample="/charts/financial-chart/data-legend-formatting-currency", height="450", alt="{Platform} Formatting Currency Example"`
 
+The `XamDataLegend` has several events that fire when rendering their corresponding row, even during mouse interactions where the values are updating. These events are listed below with a description of what they are designed to be used for:
 
-
-## {Platform} Data Legend Styling Events
-
-The `XamDataLegend` has three events that fire when rendering their corresponding row. These events are listed below with a description of what they are designed to be used for:
-
-- `StyleHeaderRow`: This event fires once when rendering the header row.
 - `StyleSeriesRow`: This event fires once for each series row, which allows conditional styling of the values of the series.
 - `StyleSeriesColumn`: This event fires once for each series column, which allows conditional styling of the different columns for the series in the chart.
 - `StyleSummaryRow`: This event fires once when rendering the summary row.
 - `StyleSummaryColumn`: This event fires once when rendering the summary column.
 
-Each of the above events exposes a `DataLegendStylingRowEventArgs` parameter as its arguments, which lets you customize each item's text, text color, and the overall visibility of the row. The event arguments also expose event-specific properties. For example, since the `StyleSeriesRow` event fires for each series, the event arguments will return the series index and series title for the row that represents the series.
 
 ## API References
 

doc/en/components/charts/features/chart-data-tooltip.md

@@ -71,18 +71,7 @@ The following example demonstrates a data tooltip with the added columns of Open
 `sample="/charts/financial-chart/data-tooltip", height="450", alt="{Platform} Financial Chart Data Tooltip Example"`
 
 
-
-## {Platform} Data Tooltip Styling
-
-The **DataToolTip** provides properties for styling each type of column. Each of these properties begins with Title, Label, Value, or Units, and you can style the text's color, font, and margin. For example, if you wanted to set the text color of each of these, you would set the `DataToolTipTitleTextColor`, `DataToolTipLabelTextColor`, `DataToolTipValueTextColor`, and `DataToolTipUnitsTextColor` properties.
-
-The following example demonstrates usage of the styling properties mentioned above:
-
-`sample="/charts/financial-chart/data-tooltip-styling-props", height="450", alt="{Platform} Financial Chart Data Tooltip Styling Example"`
-
-
-
-## {Platform} Data Tooltip Grouping & Positioning
+## {Platform} Data Tooltip Grouping & Positioning for Category Chart & Financial Chart
 
 You can set `DataToolTipGroupingMode` property to either `Grouped` or `Individual` to group content for multiple series into single tooltip or separate content for each series in multiple tooltips. In the `Grouped` mode, you can customize where the tooltip is shown by setting the `DataToolTipGroupedPositionModeX` and `DataToolTipGroupedPositionModeY` properties. This essentially allows you to customize the horizontal and vertical alignments of the tooltip and whether you want it to track to the closest series points to the mouse position or pin the tooltip to edge of plot area.
 
@@ -108,8 +97,6 @@ You can change the default decimal display of values within the **DataToolTip**
 
 `sample="/charts/financial-chart/data-tooltip-formatting-currency", height="450", alt="{Platform} Financial Chart Data Tooltip Formatting Currency Example"`
 
-
-
 ## API References
 
  - `DataToolTipExcludedColumns`

doc/en/components/charts/features/chart-highlighting.md

@@ -6,28 +6,34 @@ mentionedTypes: ["CategoryChart"]
 namespace: Infragistics.Controls.Charts
 ---
 
-# {Platform} Chart Highlighting
-
-All {Platform} Charts support highlighting of visuals such as lines, columns, and markers when the end-user hovers mouse cursor over data items rendered in plot area. Highlighting is supported by the `CategoryChart`, `FinancialChart`, and `XamDataChart` controls and they have the same API for using the highlighting feature.
-
 ## {Platform} Chart Highlighting Example
 
-The following example demonstrates the different highlighting options that are available on the {Platform} chart. Click on the checkboxes to enable the different highlight types.
-
-`sample="/charts/category-chart/column-chart-with-highlighting", height="500", alt="{Platform} Highlighting Example"`
-
+The following example demonstrates the different highlighting options that are available on the {Platform} chart.
 
+`sample="/charts/category-chart/annotations-highlighting", height="500", alt="{Platform} Highlighting Example"`
 
 <div class="divider--half"></div>
 
 # {Platform} Chart Highlighting Modes & Behaviors
 
 All {Platform} Charts support a variety of highlighting options. `HighlightingMode` can be set to brighten or fade when the mouse is hovering over a series/data item rendered in the plot area. `HighlightingBehavior` can be set to directly over or the nearest data item to trigger the highlighting effect. Highlighting modes and behaviors is supported by the `CategoryChart`, `FinancialChart`, and `XamDataChart` controls and they have the same API for using the highlighting feature.
 
+The following example demonstrates the `HighlightingMode` {Platform} chart.
+
+`sample="/charts/category-chart/highlighting-mode", height="500", alt="{Platform} Highlighting Mode Example"`
+
+The following example demonstrates the `HighlightingBehavior` {Platform} chart.
+
+`sample="/charts/category-chart/highlighting-behavior", height="500", alt="{Platform} Highlighting Mode Example"`
+
 # {Platform} Chart Legend Highlighting
 
 All {Platform} Charts support legend highlighting. `LegendHighlightingMode` can enabled so that when mouse is hovering over a legend marker item then the rendered series will highlight in the plot area. Legend highlighting is supported by the `CategoryChart`, `FinancialChart`, and `XamDataChart` controls and they have the same API for using the highlighting feature.
 
+The following example demonstrates the legend series highlighting {Platform} chart.
+
+`sample="/charts/category-chart/legend-highlighting", height="500", alt="{Platform} Highlighting Mode Example"`
+
 ## Highlight Layers
 
 The {ProductName} `CategoryChart` can enable three types of highlighting when hovering over data items.
@@ -38,6 +44,11 @@ The {ProductName} `CategoryChart` can enable three types of highlighting when ho
 
 3. Category Highlighting targets all category axes in the chart. They draw a shape that illuminates the area of the axis closest to the pointer position. This is enabled by setting the `IsCategoryHighlightingEnabled` property to true.
 
+The following example demonstrates the different highlighting layers that are available on the {Platform} chart.
+
+`sample="/charts/category-chart/column-chart-with-highlighting", height="500", alt="{Platform} Highlighting Example"`
+
+
 ## Additional Resources
 
 You can find more information about related chart features in these topics: