From 651c9ef45e0b225e6eeaed8f2980a68129f0f9ad Mon Sep 17 00:00:00 2001 From: YokeshSF4393 Date: Tue, 17 Mar 2026 12:05:15 +0530 Subject: [PATCH] 1016808: Fixed errors in UG documentation of charts. --- ej2-react/accumulation-chart/gradient.md | 4 ++-- ej2-react/stock-chart/gradient.md | 19 +++++++++---------- 2 files changed, 11 insertions(+), 12 deletions(-) diff --git a/ej2-react/accumulation-chart/gradient.md b/ej2-react/accumulation-chart/gradient.md index f9c107c76..03a1f780c 100644 --- a/ej2-react/accumulation-chart/gradient.md +++ b/ej2-react/accumulation-chart/gradient.md @@ -43,10 +43,10 @@ A linear gradient may be applied directly at the series level. The same gradient {% tabs %} {% highlight js tabtitle="index.jsx" %} -{% include code-snippet/chart/preview-sample/series/chart-gradient-cs5/app/index.jsx %} +{% include code-snippet/chart/code-path/series/chart-gradient-cs5/app/index.jsx %} {% endhighlight %} {% highlight ts tabtitle="index.tsx" %} -{% include code-snippet/chart/preview-sample/series/chart-gradient-cs5/app/index.tsx %} +{% include code-snippet/chart/code-path/series/chart-gradient-cs5/app/index.tsx %} {% endhighlight %} {% endtabs %} diff --git a/ej2-react/stock-chart/gradient.md b/ej2-react/stock-chart/gradient.md index ee8bc9880..4b8752531 100644 --- a/ej2-react/stock-chart/gradient.md +++ b/ej2-react/stock-chart/gradient.md @@ -20,12 +20,11 @@ Gradients add depth and modern styling to charts by smoothly blending multiple c Gradients can be applied to: - Series -- Trendlines - Technical Indicators ## Linear gradient -A linear gradient blends color along side a straight path from a defined start point to an end point. Configure it by adding `linearGradient` inside the target element (Series, Trendlines or Indicators) 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 gradient color stop values such as `offset`, `color`, `opacity`, `lighten` and `brighten` are set using the `gradientColorStop` property. +A linear gradient blends color along side a straight path from a defined start point to an end point. Configure it by adding `linearGradient` inside the target element (Series or Indicators) 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 gradient color stop values such as `offset`, `color`, `opacity`, `lighten` and `brighten` are set using the `gradientColorStop` property. In the `linearGradient`: - `x1` - Sets the horizontal start position of the gradient (0 to 1). @@ -46,10 +45,10 @@ Apply a linear gradient to a series by adding `linearGradient` inside the target {% tabs %} {% highlight js tabtitle="index.jsx" %} -{% include code-snippet/stock-chart/chart-gradient-cs1/index.jsx %} +{% include code-snippet/stock-chart/code-path/chart-gradient-cs1/app/index.jsx %} {% endhighlight %} {% highlight ts tabtitle="index.tsx" %} -{% include code-snippet/stock-chart/chart-gradient-cs1/index.tsx %} +{% include code-snippet/stock-chart/code-path/chart-gradient-cs1/app/index.tsx %} {% endhighlight %} {% endtabs %} @@ -61,10 +60,10 @@ Apply a linear gradient to a technical indicator by adding `linearGradient` insi {% tabs %} {% highlight js tabtitle="index.jsx" %} -{% include code-snippet/stock-chart/code-path/chart-gradient-cs3/index.jsx %} +{% include code-snippet/stock-chart/code-path/chart-gradient-cs3/app/index.jsx %} {% endhighlight %} {% highlight ts tabtitle="index.tsx" %} -{% include code-snippet/stock-chart/code-path/chart-gradient-cs3/index.tsx %} +{% include code-snippet/stock-chart/code-path/chart-gradient-cs3/app/index.tsx %} {% endhighlight %} {% endtabs %} @@ -96,10 +95,10 @@ Apply a radial gradient to a series by adding `radialGradient` inside the target {% tabs %} {% highlight js tabtitle="index.jsx" %} -{% include code-snippet/stock-chart/code-path/chart-gradient-cs4/index.jsx %} +{% include code-snippet/stock-chart/code-path/chart-gradient-cs4/app/index.jsx %} {% endhighlight %} {% highlight ts tabtitle="index.tsx" %} -{% include code-snippet/stock-chart/code-path/chart-gradient-cs4/index.tsx %} +{% include code-snippet/stock-chart/code-path/chart-gradient-cs4/app/index.tsx %} {% endhighlight %} {% endtabs %} @@ -111,10 +110,10 @@ Apply a linear gradient to a technical indicator by adding `linearGradient` insi {% tabs %} {% highlight js tabtitle="index.jsx" %} -{% include code-snippet/stock-chart/code-path/chart-gradient-cs5/index.jsx %} +{% include code-snippet/stock-chart/code-path/chart-gradient-cs5/app/index.jsx %} {% endhighlight %} {% highlight ts tabtitle="index.tsx" %} -{% include code-snippet/stock-chart/code-path/chart-gradient-cs5/index.tsx %} +{% include code-snippet/stock-chart/code-path/chart-gradient-cs5/app/index.tsx %} {% endhighlight %} {% endtabs %}