React Chart - valueAxis.stripStyle
The commonAxisSettings.stripStyle object specifies common settings for all strips in the chart. To configure only those strips that belong to a particular axis, use the following objects.
- argumentAxis.stripStyle
- valueAxis.stripStyle
To configure individual strips, use the following arrays of objects.
Individual settings override axis-specific settings which, in their turn, override common settings.
label
See Also
- argumentAxis.strips[] - declares a collection of strips belonging to the argument axis.
- valueAxis.strips[] - declares a collection of strips belonging to the value axis.
- argumentAxis.strips[].label.text - specifies the label of a strip belonging to the argument axis.
- valueAxis.strips[].label.text - specifies the label of a strip belonging to the value axis.
paddingLeftRight
Generates a pixel-measured empty space between the left/right border of a strip and the strip label.
This property depends on the label.horizontalAlignment in the following way.
- horizontalAlignment is "left" → padding applies to the left border of a strip;
- horizontalAlignment is "right" → padding applies to the right border of a strip;
- horizontalAlignment is "center" → padding is calculated automatically.
See Also
- commonAxisSettings.stripStyle.label.horizontalAlignment - aligns strip labels in the horizontal direction. Applies to all strips.
- argumentAxis.stripStyle.label.horizontalAlignment - aligns strip labels in the horizontal direction. Applies to the strips belonging to the argument axis.
- valueAxis.stripStyle.label.horizontalAlignment - aligns strip labels in the horizontal direction. Applies to the strips belonging to the value axis.
paddingTopBottom
Generates a pixel-measured empty space between the top/bottom border of a strip and the strip label.
This property depends on the label.verticalAlignment in the following way.
- verticalAlignment is "top" → padding applies to the top border of a strip;
- verticalAlignment is "bottom" → padding applies to the bottom border of a strip;
- verticalAlignment is "center" → padding is calculated automatically.
See Also
- commonAxisSettings.stripStyle.label.verticalAlignment - aligns strip labels in the vertical direction. Applies to all strips.
- argumentAxis.stripStyle.label.verticalAlignment - aligns strip labels in the vertical direction. Applies to the strips belonging to the argument axis.
- valueAxis.stripStyle.label.verticalAlignment - aligns strip labels in the vertical direction. Applies to the strips belonging to the value axis.
If you have technical questions, please create a support ticket in the DevExpress Support Center.