Chart: Update argumentAxis.strip value docs (#7839)

Author: arman-boyakhchyan

api-reference/10 UI Components/dxChart/1 Configuration/argumentAxis/strips/endValue.md

@@ -5,6 +5,16 @@ default: undefined
 ---
 ---
 ##### shortDescription
-Along with the **startValue** property, limits the strip.
+Defines the strip's end value.
 
 ---
+
+When **argumentAxis**.[type](/Documentation/ApiReference/UI_Components/dxChart/Configuration/argumentAxis/#type) is *"linear"* or *"logarithmic"*, **endValue** specifies the strip's end. When **argumentAxis**.**type** is *"discrete"*, **endValue** defines at which discrete argument the strip ends. In discrete axes, strips start and end at the edges of discrete argument areas.
+
+To align discrete axis strips with ticks, set **argumentAxis**.[discreteAxisDivisionMode](/Documentation/ApiReference/UI_Components/dxChart/Configuration/argumentAxis/#discreteAxisDivisionMode) to *"betweenLabels"*. To align strips with ticks when **discreteAxisDivisionMode** is *"crossLabels"*, implement an [area series](/Documentation/Guide/UI_Components/Chart/Series_Types/Area_Series/) instead of a strip. The following image demonstrates the effect of **discreteAxisDivisionMode** on an argument axis strip:
+
+<img src="/images/ChartJS/argumentaxis-strip.png" alt="Two DevExtreme Chart components displaying argument axis strips. The two charts implement different discrete axis division modes. The top chart places argument axis ticks between labels. The bottom chart aligns argument axis ticks with labels." style="border-radius: 16px;"></img>
+
+1. [Start value](/Documentation/ApiReference/UI_Components/dxChart/Configuration/argumentAxis/strips/#startValue)
+2. Strip area
+3. End value

api-reference/10 UI Components/dxChart/1 Configuration/argumentAxis/strips/startValue.md

@@ -5,6 +5,16 @@ default: undefined
 ---
 ---
 ##### shortDescription
-Along with the **endValue** property, limits the strip.
+Defines the strip's start value.
 
 ---
+
+When **argumentAxis**.[type](/Documentation/ApiReference/UI_Components/dxChart/Configuration/argumentAxis/#type) is *"linear"* or *"logarithmic"*, **startValue** specifies the strip's start. When **argumentAxis**.**type** is *"discrete"*, **startValue** defines at which discrete argument the strip starts. In discrete axes, strips start and end at the edges of discrete argument areas.
+
+To align discrete axis strips with ticks, set **argumentAxis**.[discreteAxisDivisionMode](/Documentation/ApiReference/UI_Components/dxChart/Configuration/argumentAxis/#discreteAxisDivisionMode) to *"betweenLabels"*. To align strips with ticks when **discreteAxisDivisionMode** is *"crossLabels"*, implement an [area series](/Documentation/Guide/UI_Components/Chart/Series_Types/Area_Series/) instead of a strip. The following image demonstrates the effect of **discreteAxisDivisionMode** on an argument axis strip:
+
+<img src="/images/ChartJS/argumentaxis-strip.png" alt="Two DevExtreme Chart components displaying argument axis strips. The two charts implement different discrete axis division modes. The top chart places argument axis ticks between labels. The bottom chart aligns argument axis ticks with labels." style="border-radius: 16px;"></img>
+
+1. Start value
+2. Strip area
+3. [End value](/Documentation/ApiReference/UI_Components/dxChart/Configuration/argumentAxis/strips/#endValue)