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
+13-10Lines changed: 13 additions & 10 deletions
Display the source diff
Display the rich diff
Original file line number
Diff line number
Diff line change
@@ -19,10 +19,12 @@ Gradients add depth and modern styling to charts by smoothly blending multiple c
19
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.
20
20
21
21
Properties:
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).
22
+
```cshtml
23
+
X1 - Horizontal start position of the gradient (0 to 1).
24
+
Y1 - Vertical start position of the gradient (0 to 1).
25
+
X2 - Horizontal end position of the gradient (0 to 1).
26
+
Y2 - Vertical end position of the gradient (0 to 1).
27
+
```
26
28
27
29
Each color stop (`AccumulationChartGradientColorStop`) supports:
28
30
- Offset - Position along the gradient (0 to 100).
@@ -165,12 +167,13 @@ A diagonal linear gradient can be applied per data point using the `OnPointRende
165
167
## Radial gradient
166
168
167
169
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:
168
-
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).
170
+
```cshtml
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).
176
+
```
174
177
175
178
Each color stop (`AccumulationChartGradientColorStop`) supports:
176
179
- Offset - Position of the stop along the gradient (0 to 100).
Copy file name to clipboardExpand all lines: blazor/chart/gradient.md
+13-9Lines changed: 13 additions & 9 deletions
Display the source diff
Display the rich diff
Original file line number
Diff line number
Diff line change
@@ -25,10 +25,12 @@ Gradients can be applied to:
25
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.
26
26
27
27
In the `ChartLinearGradient`:
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).
28
+
```cshtml
29
+
X1 - Sets the horizontal start position of the gradient (0 to 1).
30
+
Y1 - Sets the vertical start position of the gradient (0 to 1).
31
+
X2 - Sets the horizontal end position of the gradient (0 to 1).
32
+
Y2 - Sets the vertical end position of the gradient (0 to 1).
33
+
```
32
34
33
35
In the `ChartGradientColorStop`:
34
36
- Offset - Specifies the position of the color stop along the gradient (0 to 100).
@@ -232,11 +234,13 @@ Apply a linear gradient to a technical indicator by adding `ChartLinearGradient`
232
234
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.
233
235
234
236
In the `ChartRadialGradient`:
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).
237
+
```cshtml
238
+
Cx - Sets the normalized horizontal center of the gradient (0 to 1).
239
+
Cy - Sets the normalized vertical center of the gradient (0 to 1).
240
+
Fx - Sets the normalized horizontal focal point from which the gradient appears to originate (0 to 1).
241
+
Fy - Sets the normalized vertical focal point (0 to 1).
242
+
R - Sets the normalized radius of the gradient circle (0 to 1).
243
+
```
240
244
241
245
In the `ChartGradientColorStop`:
242
246
- 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
+13-9Lines changed: 13 additions & 9 deletions
Display the source diff
Display the rich diff
Original file line number
Diff line number
Diff line change
@@ -25,10 +25,12 @@ Gradients can be applied to:
25
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`.
26
26
27
27
In the `StockChartLinearGradient`:
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).
28
+
```cshtml
29
+
X1 - Sets the horizontal start position of the gradient (0 to 1).
30
+
Y1 - Sets the vertical start position of the gradient (0 to 1).
31
+
X2 - Sets the horizontal end position of the gradient (0 to 1).
32
+
Y2 - Sets the vertical end position of the gradient (0 to 1).
33
+
```
32
34
33
35
In the `StockChartGradientColorStop`:
34
36
- Offset - Specifies the position of the color stop along the gradient (0 to 100).
@@ -209,11 +211,13 @@ Apply a linear gradient to a technical indicator by adding `StockChartLinearGrad
209
211
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`.
210
212
211
213
In the `StockChartRadialGradient`:
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).
214
+
```cshtml
215
+
Cx - Sets the normalized horizontal center of the gradient (0 to 1).
216
+
Cy - Sets the normalized vertical center of the gradient (0 to 1).
217
+
Fx - Sets the normalized horizontal focal point from which the gradient appears to originate (0 to 1).
218
+
Fy - Sets the normalized vertical focal point (0 to 1).
219
+
R - Sets the normalized radius of the gradient circle (0 to 1).
220
+
```
217
221
218
222
In the `StockChartGradientColorStop`:
219
223
- Offset - Specifies the position of the color stop along the gradient (0 to 100).
0 commit comments