You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
Copy file name to clipboardExpand all lines: blazor/accumulation-chart/gradient.md
+9-11Lines changed: 9 additions & 11 deletions
Display the source diff
Display the rich diff
Original file line number
Diff line number
Diff line change
@@ -7,8 +7,6 @@ control: Accumulation Chart
7
7
documentation: ug
8
8
---
9
9
10
-
<!-- cSpell:ignore Cx Cy Fx Fy -->
11
-
12
10
# Gradient in Blazor Accumulation Chart Component
13
11
14
12
Gradients add depth and modern styling to charts by smoothly blending multiple colors. The Charts component supports two gradient types:
@@ -21,10 +19,10 @@ Gradients add depth and modern styling to charts by smoothly blending multiple c
21
19
A linear gradient blends colors along a straight path from a defined start point to an end point. In accumulation charts, a linear gradient can be applied either to the whole series or to each point via the `OnPointRender` event. An `AccumulationChartLinearGradient` is configured with one or more color stops.
22
20
23
21
Properties:
24
-
-X1 - Horizontal start position of the gradient (0 to 1).
25
-
-Y1 - Vertical start position of the gradient (0 to 1).
26
-
-X2 - Horizontal end position of the gradient (0 to 1).
27
-
-Y2 - Vertical end position of the gradient (0 to 1).
22
+
-`X1` - Horizontal start position of the gradient (0 to 1).
23
+
-`Y1` - Vertical start position of the gradient (0 to 1).
24
+
-`X2` - Horizontal end position of the gradient (0 to 1).
25
+
-`Y2` - Vertical end position of the gradient (0 to 1).
28
26
29
27
Each color stop (`AccumulationChartGradientColorStop`) supports:
30
28
- Offset - Position along the gradient (0 to 100).
@@ -168,11 +166,11 @@ A diagonal linear gradient can be applied per data point using the `OnPointRende
168
166
169
167
Configure a radial gradient by assigning an `AccumulationChartRadialGradient` with one or more color stops inside the `OnPointRender` event. The following properties control the gradient appearance:
170
168
171
-
-Cx - Normalized horizontal center of the gradient (0 to 1).
172
-
-Cy - Normalized vertical center of the gradient (0 to 1).
173
-
-Fx - Normalized horizontal focal point from which the gradient appears to originate (0 to 1).
174
-
-Fy - Normalized vertical focal point (0 to 1).
175
-
-R - Normalized radius of the gradient circle (0 to 1).
169
+
-`Cx` - Normalized horizontal center of the gradient (0 to 1).
170
+
-`Cy` - Normalized vertical center of the gradient (0 to 1).
171
+
-`Fx` - Normalized horizontal focal point from which the gradient appears to originate (0 to 1).
172
+
-`Fy` - Normalized vertical focal point (0 to 1).
173
+
-`R` - Normalized radius of the gradient circle (0 to 1).
176
174
177
175
Each color stop (`AccumulationChartGradientColorStop`) supports:
178
176
- Offset - Position of the stop along the gradient (0 to 100).
Copy file name to clipboardExpand all lines: blazor/chart/gradient.md
+9-11Lines changed: 9 additions & 11 deletions
Display the source diff
Display the rich diff
Original file line number
Diff line number
Diff line change
@@ -7,8 +7,6 @@ control: Chart
7
7
documentation: ug
8
8
---
9
9
10
-
<!-- cSpell:ignore Cx Cy Fx Fy -->
11
-
12
10
# Gradient in Blazor Charts Component
13
11
14
12
Gradients add depth and modern styling to charts by smoothly blending multiple colors. The Charts component supports two gradient types:
@@ -27,10 +25,10 @@ Gradients can be applied to:
27
25
A linear gradient blends colors along a straight path from a defined start point to an end point. Configure it by adding `ChartLinearGradient` inside the target element (Series, Trendline, or Indicator) and define one or more color stops that control how colors transition across the gradient. Set the start and end positions of the gradient using `X1`, `Y1`, `X2`, and `Y2` properties. The color stop values such as `Offset`, `Color`, `Opacity`, `Lighten`, and `Brighten` are set using the `ChartGradientColorStop` property.
28
26
29
27
In the `ChartLinearGradient`:
30
-
-X1 - Sets the horizontal start position of the gradient (0 to 1).
31
-
-Y1 - Sets the vertical start position of the gradient (0 to 1).
32
-
-X2 - Sets the horizontal end position of the gradient (0 to 1).
33
-
-Y2 - Sets the vertical end position of the gradient (0 to 1).
28
+
-`X1` - Sets the horizontal start position of the gradient (0 to 1).
29
+
-`Y1` - Sets the vertical start position of the gradient (0 to 1).
30
+
-`X2` - Sets the horizontal end position of the gradient (0 to 1).
31
+
-`Y2` - Sets the vertical end position of the gradient (0 to 1).
34
32
35
33
In the `ChartGradientColorStop`:
36
34
- Offset - Specifies the position of the color stop along the gradient (0 to 100).
@@ -234,11 +232,11 @@ Apply a linear gradient to a technical indicator by adding `ChartLinearGradient`
234
232
A radial gradient blends colors outward from a central point, creating a circular or elliptical color progression. Configure it by adding `ChartRadialGradient` inside the target element (Series, Trendline, or Indicator) and define one or more color stops to control how colors transition from the center to the outer edge. Set the gradient’s center, optional focal point, and radius using `Cx`, `Cy`, `Fx`, `Fy`, and `R` properties. The color stop values such as `Offset`, `Color`, `Opacity`, `Lighten`, and `Brighten` are set using the `ChartGradientColorStop` property.
235
233
236
234
In the `ChartRadialGradient`:
237
-
-Cx - Sets the normalized horizontal center of the gradient (0 to 1).
238
-
-Cy - Sets the normalized vertical center of the gradient (0 to 1).
239
-
-Fx - Sets the normalized horizontal focal point from which the gradient appears to originate (0 to 1).
240
-
-Fy - Sets the normalized vertical focal point (0 to 1).
241
-
-R - Sets the normalized radius of the gradient circle (0 to 1).
235
+
-`Cx` - Sets the normalized horizontal center of the gradient (0 to 1).
236
+
-`Cy` - Sets the normalized vertical center of the gradient (0 to 1).
237
+
-`Fx` - Sets the normalized horizontal focal point from which the gradient appears to originate (0 to 1).
238
+
-`Fy` - Sets the normalized vertical focal point (0 to 1).
239
+
-`R` - Sets the normalized radius of the gradient circle (0 to 1).
242
240
243
241
In the `ChartGradientColorStop`:
244
242
- Offset - Specifies the position of the color stop along the gradient (0 to 100).
Copy file name to clipboardExpand all lines: blazor/stock-chart/gradient.md
+9-11Lines changed: 9 additions & 11 deletions
Display the source diff
Display the rich diff
Original file line number
Diff line number
Diff line change
@@ -7,8 +7,6 @@ control: Stock Chart
7
7
documentation: ug
8
8
---
9
9
10
-
<!-- cSpell:ignore Cx Cy Fx Fy -->
11
-
12
10
# Gradient in Blazor Stock Chart Component
13
11
14
12
Gradients add depth and modern styling to stock charts by smoothly blending multiple colors. The Stock Chart component supports two gradient types:
@@ -27,10 +25,10 @@ Gradients can be applied to:
27
25
A linear gradient blends colors along a straight path from a defined start point to an end point. Configure it by adding `StockChartLinearGradient` inside the target element (Series, Trendline, or Indicator) and define one or more color stops that control how colors transition across the gradient. Set the start and end positions of the gradient using `X1`, `Y1`, `X2`, and `Y2` properties. The color stop values such as `Offset`, `Color`, `Opacity`, `Lighten`, and `Brighten` are set using `StockChartGradientColorStop`.
28
26
29
27
In the `StockChartLinearGradient`:
30
-
-X1 - Sets the horizontal start position of the gradient (0 to 1).
31
-
-Y1 - Sets the vertical start position of the gradient (0 to 1).
32
-
-X2 - Sets the horizontal end position of the gradient (0 to 1).
33
-
-Y2 - Sets the vertical end position of the gradient (0 to 1).
28
+
-`X1` - Sets the horizontal start position of the gradient (0 to 1).
29
+
-`Y1` - Sets the vertical start position of the gradient (0 to 1).
30
+
-`X2` - Sets the horizontal end position of the gradient (0 to 1).
31
+
-`Y2` - Sets the vertical end position of the gradient (0 to 1).
34
32
35
33
In the `StockChartGradientColorStop`:
36
34
- Offset - Specifies the position of the color stop along the gradient (0 to 100).
@@ -211,11 +209,11 @@ Apply a linear gradient to a technical indicator by adding `StockChartLinearGrad
211
209
A radial gradient blends colors outward from a central point. Configure it by adding `StockChartRadialGradient` inside the target element (Series, Trendline, or Indicator) and define one or more color stops to control how colors transition from the center to the outer edge. Set the gradient’s center, optional focal point, and radius using `Cx`, `Cy`, `Fx`, `Fy`, and `R` properties. The color stop values such as `Offset`, `Color`, `Opacity`, `Lighten`, and `Brighten` are set using `StockChartGradientColorStop`.
212
210
213
211
In the `StockChartRadialGradient`:
214
-
-Cx - Sets the normalized horizontal center of the gradient (0 to 1).
215
-
-Cy - Sets the normalized vertical center of the gradient (0 to 1).
216
-
-Fx - Sets the normalized horizontal focal point from which the gradient appears to originate (0 to 1).
217
-
-Fy - Sets the normalized vertical focal point (0 to 1).
218
-
-R - Sets the normalized radius of the gradient circle (0 to 1).
212
+
-`Cx` - Sets the normalized horizontal center of the gradient (0 to 1).
213
+
-`Cy` - Sets the normalized vertical center of the gradient (0 to 1).
214
+
-`Fx` - Sets the normalized horizontal focal point from which the gradient appears to originate (0 to 1).
215
+
-`Fy` - Sets the normalized vertical focal point (0 to 1).
216
+
-`R` - Sets the normalized radius of the gradient circle (0 to 1).
219
217
220
218
In the `StockChartGradientColorStop`:
221
219
- Offset - Specifies the position of the color stop along the gradient (0 to 100).
0 commit comments