diff --git a/apps/demos/Demos/Charts/AreaSparklines/Angular/app/app.component.html b/apps/demos/Demos/Charts/AreaSparklines/Angular/app/app.component.html
index fab96c30e2b6..0b6523c57a6a 100644
--- a/apps/demos/Demos/Charts/AreaSparklines/Angular/app/app.component.html
+++ b/apps/demos/Demos/Charts/AreaSparklines/Angular/app/app.component.html
@@ -21,7 +21,9 @@
           type="area"
           [showMinMax]="true"
         >
-          <dxo-sparkline-tooltip format="currency"></dxo-sparkline-tooltip>
+          <dxo-sparkline-tooltip
+            [format]="{ type: 'currency', precision: 2 }"
+          ></dxo-sparkline-tooltip>
         </dx-sparkline>
       </td>
       <td>
@@ -38,7 +40,9 @@
           [showMinMax]="true"
           [showFirstLast]="false"
         >
-          <dxo-sparkline-tooltip format="currency"></dxo-sparkline-tooltip>
+          <dxo-sparkline-tooltip
+            [format]="{ type: 'currency', precision: 2 }"
+          ></dxo-sparkline-tooltip>
         </dx-sparkline>
       </td>
       <td>
@@ -54,7 +58,9 @@
           pointColor="#e8c267"
           pointSymbol="polygon"
         >
-          <dxo-sparkline-tooltip format="currency"></dxo-sparkline-tooltip>
+          <dxo-sparkline-tooltip
+            [format]="{ type: 'currency', precision: 2 }"
+          ></dxo-sparkline-tooltip>
         </dx-sparkline>
       </td>
     </tr>
diff --git a/apps/demos/Demos/Charts/AreaSparklines/Angular/app/app.component.ts b/apps/demos/Demos/Charts/AreaSparklines/Angular/app/app.component.ts
index 440c16578740..f653a4534604 100644
--- a/apps/demos/Demos/Charts/AreaSparklines/Angular/app/app.component.ts
+++ b/apps/demos/Demos/Charts/AreaSparklines/Angular/app/app.component.ts
@@ -35,7 +35,7 @@ export class AppComponent {
     this.copperCosts = service.getCopperCosts();
     this.nickelCosts = service.getNickelCosts();
     this.palladiumCosts = service.getPalladiumCosts();
-    this.years = [2010, 2011, 2012];
+    this.years = [2021, 2022, 2023];
   }
 }
 
diff --git a/apps/demos/Demos/Charts/AreaSparklines/Angular/app/app.service.ts b/apps/demos/Demos/Charts/AreaSparklines/Angular/app/app.service.ts
index ae167e8f43df..8f57bf07fd38 100644
--- a/apps/demos/Demos/Charts/AreaSparklines/Angular/app/app.service.ts
+++ b/apps/demos/Demos/Charts/AreaSparklines/Angular/app/app.service.ts
@@ -3,197 +3,197 @@ import { Injectable } from '@angular/core';
 export class CostInfo {
   month: number;
 
-  2010: number;
+  2021: number;
 
-  2011: number;
+  2022: number;
 
-  2012: number;
+  2023: number;
 }
 
 const copperCosts: CostInfo[] = [{
   month: 1,
-  2010: 7341,
-  2011: 9585,
-  2012: 7501,
+  2021: 7970.50,
+  2022: 9775.93,
+  2023: 8999.79,
 }, {
   month: 2,
-  2010: 7016,
-  2011: 10026,
-  2012: 8470,
+  2021: 8460.25,
+  2022: 9941.35,
+  2023: 8955.20,
 }, {
   month: 3,
-  2010: 7202,
-  2011: 9889,
-  2012: 8591,
+  2021: 9004.98,
+  2022: 10237.59,
+  2023: 8835.72,
 }, {
   month: 4,
-  2010: 7851,
-  2011: 9460,
-  2012: 8459,
+  2021: 9335.55,
+  2022: 10183.13,
+  2023: 8814.00,
 }, {
   month: 5,
-  2010: 7481,
-  2011: 9373,
-  2012: 8320,
+  2021: 10183.97,
+  2022: 9362.81,
+  2023: 8234.28,
 }, {
   month: 6,
-  2010: 6532,
-  2011: 9108,
-  2012: 7465,
+  2021: 9612.43,
+  2022: 9033.13,
+  2023: 8386.23,
 }, {
   month: 7,
-  2010: 6498,
-  2011: 9295,
-  2012: 7475,
+  2021: 9433.59,
+  2022: 7529.79,
+  2023: 8445.26,
 }, {
   month: 8,
-  2010: 7191,
-  2011: 9834,
-  2012: 7430,
+  2021: 9357.19,
+  2022: 7960.98,
+  2023: 8351.77,
 }, {
   month: 9,
-  2010: 7596,
-  2011: 9121,
-  2012: 7614,
+  2021: 9324.07,
+  2022: 7734.70,
+  2023: 8270.86,
 }, {
   month: 10,
-  2010: 8057,
-  2011: 7125,
-  2012: 8245,
+  2021: 9778.50,
+  2022: 7621.21,
+  2023: 7939.66,
 }, {
   month: 11,
-  2010: 8373,
-  2011: 7871,
-  2012: 7727,
+  2021: 9765.48,
+  2022: 8029.95,
+  2023: 8173.95,
 }, {
   month: 12,
-  2010: 8636,
-  2011: 7725,
-  2012: 7880,
+  2021: 9550.31,
+  2022: 8367.23,
+  2023: 8394.11,
 }];
 
 const nickelCosts: CostInfo[] = [{
   month: 1,
-  2010: 18974,
-  2011: 24298,
-  2012: 18322,
+  2021: 17847.68,
+  2022: 22355.40,
+  2023: 28194.61,
 }, {
   month: 2,
-  2010: 18162,
-  2011: 27929,
-  2012: 21093,
+  2021: 18595.30,
+  2022: 24015.55,
+  2023: 26727.95,
 }, {
   month: 3,
-  2010: 20535,
-  2011: 28802,
-  2012: 19701,
+  2021: 16460.83,
+  2022: 33924.18,
+  2023: 23288.61,
 }, {
   month: 4,
-  2010: 24562,
-  2011: 26142,
-  2012: 17695,
+  2021: 16480.91,
+  2022: 33132.74,
+  2023: 23894.56,
 }, {
   month: 5,
-  2010: 26131,
-  2011: 26753,
-  2012: 17549,
+  2021: 17552.45,
+  2022: 28062.55,
+  2023: 21970.39,
 }, {
   month: 6,
-  2010: 19278,
-  2011: 23055,
-  2012: 16436,
+  2021: 17942.32,
+  2022: 25658.63,
+  2023: 21233.28,
 }, {
   month: 7,
-  2010: 19475,
-  2011: 22870,
-  2012: 16382,
+  2021: 18819.36,
+  2022: 21481.89,
+  2023: 21091.26,
 }, {
   month: 8,
-  2010: 20701,
-  2011: 24388,
-  2012: 15687,
+  2021: 19160.23,
+  2022: 22057.39,
+  2023: 20438.65,
 }, {
   month: 9,
-  2010: 21266,
-  2011: 21845,
-  2012: 16085,
+  2021: 19398.23,
+  2022: 22773.97,
+  2023: 19644.64,
 }, {
   month: 10,
-  2010: 23358,
-  2011: 18346,
-  2012: 18250,
+  2021: 19420.52,
+  2022: 22032.89,
+  2023: 18281.23,
 }, {
   month: 11,
-  2010: 23150,
-  2011: 18822,
-  2012: 16083,
+  2021: 19970.43,
+  2022: 25562.70,
+  2023: 17027.36,
 }, {
   month: 12,
-  2010: 23282,
-  2011: 17320,
-  2012: 17104,
+  2021: 20015.55,
+  2022: 28946.81,
+  2023: 16460.84,
 }];
 
 const palladiumCosts: CostInfo[] = [{
   month: 1,
-  2010: 398,
-  2011: 788,
-  2012: 649,
+  2021: 2391.20,
+  2022: 2030.86,
+  2023: 1734.27,
 }, {
   month: 2,
-  2010: 422,
-  2011: 817,
-  2012: 698,
+  2021: 2342.33,
+  2022: 2350.10,
+  2023: 1543.90,
 }, {
   month: 3,
-  2010: 431,
-  2011: 812,
-  2012: 713,
+  2021: 2525.61,
+  2022: 2582.78,
+  2023: 1426.00,
 }, {
   month: 4,
-  2010: 481,
-  2011: 760,
-  2012: 654,
+  2021: 2776.45,
+  2022: 2330.67,
+  2023: 1508.00,
 }, {
   month: 5,
-  2010: 551,
-  2011: 774,
-  2012: 665,
+  2021: 2900.52,
+  2022: 2060.05,
+  2023: 1482.61,
 }, {
   month: 6,
-  2010: 449,
-  2011: 775,
-  2012: 609,
+  2021: 2752.48,
+  2022: 1913.05,
+  2023: 1348.09,
 }, {
   month: 7,
-  2010: 442,
-  2011: 750,
-  2012: 584,
+  2021: 2754.76,
+  2022: 1973.10,
+  2023: 1264.48,
 }, {
   month: 8,
-  2010: 482,
-  2011: 827,
-  2012: 580,
+  2021: 2544.73,
+  2022: 2135.52,
+  2023: 1247.30,
 }, {
   month: 9,
-  2010: 517,
-  2011: 776,
-  2012: 632,
+  2021: 2130.32,
+  2022: 2113.95,
+  2023: 1239.29,
 }, {
   month: 10,
-  2010: 566,
-  2011: 624,
-  2012: 657,
+  2021: 2058.48,
+  2022: 2078.86,
+  2023: 1142.09,
 }, {
   month: 11,
-  2010: 630,
-  2011: 651,
-  2012: 601,
+  2021: 2036.32,
+  2022: 1911.55,
+  2023: 1050.27,
 }, {
   month: 12,
-  2010: 737,
-  2011: 615,
-  2012: 675,
+  2021: 1810.52,
+  2022: 1808.36,
+  2023: 1087.76,
 }];
 
 @Injectable()
diff --git a/apps/demos/Demos/Charts/AreaSparklines/React/App.tsx b/apps/demos/Demos/Charts/AreaSparklines/React/App.tsx
index 905f79b4bba8..beb185602f15 100644
--- a/apps/demos/Demos/Charts/AreaSparklines/React/App.tsx
+++ b/apps/demos/Demos/Charts/AreaSparklines/React/App.tsx
@@ -1,7 +1,7 @@
 import React from 'react';
 import RowTemplate from './RowTemplate.tsx';
 
-const years = ['2010', '2011', '2012'];
+const years = ['2021', '2022', '2023'];
 
 function App() {
   return (
diff --git a/apps/demos/Demos/Charts/AreaSparklines/React/RowTemplate.tsx b/apps/demos/Demos/Charts/AreaSparklines/React/RowTemplate.tsx
index 7ded232859cf..135efe47d555 100644
--- a/apps/demos/Demos/Charts/AreaSparklines/React/RowTemplate.tsx
+++ b/apps/demos/Demos/Charts/AreaSparklines/React/RowTemplate.tsx
@@ -28,7 +28,7 @@ export default function RowTemplate(props: RowTemplateProps) {
           valueField={props.year}
           type="area"
         >
-          <Tooltip format="currency" />
+          <Tooltip format={{ type: 'currency', precision: 2 }} />
         </Sparkline>
       </td>
       <td>
@@ -45,7 +45,7 @@ export default function RowTemplate(props: RowTemplateProps) {
           minColor="#6babac"
           maxColor="#8076bb"
         >
-          <Tooltip format="currency" />
+          <Tooltip format={{ type: 'currency', precision: 2 }} />
         </Sparkline>
       </td>
       <td>
@@ -61,7 +61,7 @@ export default function RowTemplate(props: RowTemplateProps) {
           pointColor="#e8c267"
           pointSymbol="polygon"
         >
-          <Tooltip format="currency" />
+          <Tooltip format={{ type: 'currency', precision: 2 }} />
         </Sparkline>
       </td>
     </tr>
diff --git a/apps/demos/Demos/Charts/AreaSparklines/React/data.ts b/apps/demos/Demos/Charts/AreaSparklines/React/data.ts
index 67b8a31cf350..fcc28d2ec55a 100644
--- a/apps/demos/Demos/Charts/AreaSparklines/React/data.ts
+++ b/apps/demos/Demos/Charts/AreaSparklines/React/data.ts
@@ -1,185 +1,185 @@
 export const copperCosts = [{
   month: 1,
-  2010: 7341,
-  2011: 9585,
-  2012: 7501,
+  2021: 7970.50,
+  2022: 9775.93,
+  2023: 8999.79,
 }, {
   month: 2,
-  2010: 7016,
-  2011: 10026,
-  2012: 8470,
+  2021: 8460.25,
+  2022: 9941.35,
+  2023: 8955.20,
 }, {
   month: 3,
-  2010: 7202,
-  2011: 9889,
-  2012: 8591,
+  2021: 9004.98,
+  2022: 10237.59,
+  2023: 8835.72,
 }, {
   month: 4,
-  2010: 7851,
-  2011: 9460,
-  2012: 8459,
+  2021: 9335.55,
+  2022: 10183.13,
+  2023: 8814.00,
 }, {
   month: 5,
-  2010: 7481,
-  2011: 9373,
-  2012: 8320,
+  2021: 10183.97,
+  2022: 9362.81,
+  2023: 8234.28,
 }, {
   month: 6,
-  2010: 6532,
-  2011: 9108,
-  2012: 7465,
+  2021: 9612.43,
+  2022: 9033.13,
+  2023: 8386.23,
 }, {
   month: 7,
-  2010: 6498,
-  2011: 9295,
-  2012: 7475,
+  2021: 9433.59,
+  2022: 7529.79,
+  2023: 8445.26,
 }, {
   month: 8,
-  2010: 7191,
-  2011: 9834,
-  2012: 7430,
+  2021: 9357.19,
+  2022: 7960.98,
+  2023: 8351.77,
 }, {
   month: 9,
-  2010: 7596,
-  2011: 9121,
-  2012: 7614,
+  2021: 9324.07,
+  2022: 7734.70,
+  2023: 8270.86,
 }, {
   month: 10,
-  2010: 8057,
-  2011: 7125,
-  2012: 8245,
+  2021: 9778.50,
+  2022: 7621.21,
+  2023: 7939.66,
 }, {
   month: 11,
-  2010: 8373,
-  2011: 7871,
-  2012: 7727,
+  2021: 9765.48,
+  2022: 8029.95,
+  2023: 8173.95,
 }, {
   month: 12,
-  2010: 8636,
-  2011: 7725,
-  2012: 7880,
+  2021: 9550.31,
+  2022: 8367.23,
+  2023: 8394.11,
 }];
 
 export const nickelCosts = [{
   month: 1,
-  2010: 18974,
-  2011: 24298,
-  2012: 18322,
+  2021: 17847.68,
+  2022: 22355.40,
+  2023: 28194.61,
 }, {
   month: 2,
-  2010: 18162,
-  2011: 27929,
-  2012: 21093,
+  2021: 18595.30,
+  2022: 24015.55,
+  2023: 26727.95,
 }, {
   month: 3,
-  2010: 20535,
-  2011: 28802,
-  2012: 19701,
+  2021: 16460.83,
+  2022: 33924.18,
+  2023: 23288.61,
 }, {
   month: 4,
-  2010: 24562,
-  2011: 26142,
-  2012: 17695,
+  2021: 16480.91,
+  2022: 33132.74,
+  2023: 23894.56,
 }, {
   month: 5,
-  2010: 26131,
-  2011: 26753,
-  2012: 17549,
+  2021: 17552.45,
+  2022: 28062.55,
+  2023: 21970.39,
 }, {
   month: 6,
-  2010: 19278,
-  2011: 23055,
-  2012: 16436,
+  2021: 17942.32,
+  2022: 25658.63,
+  2023: 21233.28,
 }, {
   month: 7,
-  2010: 19475,
-  2011: 22870,
-  2012: 16382,
+  2021: 18819.36,
+  2022: 21481.89,
+  2023: 21091.26,
 }, {
   month: 8,
-  2010: 20701,
-  2011: 24388,
-  2012: 15687,
+  2021: 19160.23,
+  2022: 22057.39,
+  2023: 20438.65,
 }, {
   month: 9,
-  2010: 21266,
-  2011: 21845,
-  2012: 16085,
+  2021: 19398.23,
+  2022: 22773.97,
+  2023: 19644.64,
 }, {
   month: 10,
-  2010: 23358,
-  2011: 18346,
-  2012: 18250,
+  2021: 19420.52,
+  2022: 22032.89,
+  2023: 18281.23,
 }, {
   month: 11,
-  2010: 23150,
-  2011: 18822,
-  2012: 16083,
+  2021: 19970.43,
+  2022: 25562.70,
+  2023: 17027.36,
 }, {
   month: 12,
-  2010: 23282,
-  2011: 17320,
-  2012: 17104,
+  2021: 20015.55,
+  2022: 28946.81,
+  2023: 16460.84,
 }];
 
 export const palladiumCosts = [{
   month: 1,
-  2010: 398,
-  2011: 788,
-  2012: 649,
+  2021: 2391.20,
+  2022: 2030.86,
+  2023: 1734.27,
 }, {
   month: 2,
-  2010: 422,
-  2011: 817,
-  2012: 698,
+  2021: 2342.33,
+  2022: 2350.10,
+  2023: 1543.90,
 }, {
   month: 3,
-  2010: 431,
-  2011: 812,
-  2012: 713,
+  2021: 2525.61,
+  2022: 2582.78,
+  2023: 1426.00,
 }, {
   month: 4,
-  2010: 481,
-  2011: 760,
-  2012: 654,
+  2021: 2776.45,
+  2022: 2330.67,
+  2023: 1508.00,
 }, {
   month: 5,
-  2010: 551,
-  2011: 774,
-  2012: 665,
+  2021: 2900.52,
+  2022: 2060.05,
+  2023: 1482.61,
 }, {
   month: 6,
-  2010: 449,
-  2011: 775,
-  2012: 609,
+  2021: 2752.48,
+  2022: 1913.05,
+  2023: 1348.09,
 }, {
   month: 7,
-  2010: 442,
-  2011: 750,
-  2012: 584,
+  2021: 2754.76,
+  2022: 1973.10,
+  2023: 1264.48,
 }, {
   month: 8,
-  2010: 482,
-  2011: 827,
-  2012: 580,
+  2021: 2544.73,
+  2022: 2135.52,
+  2023: 1247.30,
 }, {
   month: 9,
-  2010: 517,
-  2011: 776,
-  2012: 632,
+  2021: 2130.32,
+  2022: 2113.95,
+  2023: 1239.29,
 }, {
   month: 10,
-  2010: 566,
-  2011: 624,
-  2012: 657,
+  2021: 2058.48,
+  2022: 2078.86,
+  2023: 1142.09,
 }, {
   month: 11,
-  2010: 630,
-  2011: 651,
-  2012: 601,
+  2021: 2036.32,
+  2022: 1911.55,
+  2023: 1050.27,
 }, {
   month: 12,
-  2010: 737,
-  2011: 615,
-  2012: 675,
+  2021: 1810.52,
+  2022: 1808.36,
+  2023: 1087.76,
 }];
diff --git a/apps/demos/Demos/Charts/AreaSparklines/ReactJs/App.js b/apps/demos/Demos/Charts/AreaSparklines/ReactJs/App.js
index 8301a9ff6f30..061ff79f7671 100644
--- a/apps/demos/Demos/Charts/AreaSparklines/ReactJs/App.js
+++ b/apps/demos/Demos/Charts/AreaSparklines/ReactJs/App.js
@@ -1,7 +1,7 @@
 import React from 'react';
 import RowTemplate from './RowTemplate.js';
 
-const years = ['2010', '2011', '2012'];
+const years = ['2021', '2022', '2023'];
 function App() {
   return (
     <>
diff --git a/apps/demos/Demos/Charts/AreaSparklines/ReactJs/RowTemplate.js b/apps/demos/Demos/Charts/AreaSparklines/ReactJs/RowTemplate.js
index 2c1c5e37885a..5f0db591a2b0 100644
--- a/apps/demos/Demos/Charts/AreaSparklines/ReactJs/RowTemplate.js
+++ b/apps/demos/Demos/Charts/AreaSparklines/ReactJs/RowTemplate.js
@@ -15,7 +15,7 @@ export default function RowTemplate(props) {
           valueField={props.year}
           type="area"
         >
-          <Tooltip format="currency" />
+          <Tooltip format={{ type: 'currency', precision: 2 }} />
         </Sparkline>
       </td>
       <td>
@@ -32,7 +32,7 @@ export default function RowTemplate(props) {
           minColor="#6babac"
           maxColor="#8076bb"
         >
-          <Tooltip format="currency" />
+          <Tooltip format={{ type: 'currency', precision: 2 }} />
         </Sparkline>
       </td>
       <td>
@@ -48,7 +48,7 @@ export default function RowTemplate(props) {
           pointColor="#e8c267"
           pointSymbol="polygon"
         >
-          <Tooltip format="currency" />
+          <Tooltip format={{ type: 'currency', precision: 2 }} />
         </Sparkline>
       </td>
     </tr>
diff --git a/apps/demos/Demos/Charts/AreaSparklines/ReactJs/data.js b/apps/demos/Demos/Charts/AreaSparklines/ReactJs/data.js
index 8a433fc133b7..81f86b601460 100644
--- a/apps/demos/Demos/Charts/AreaSparklines/ReactJs/data.js
+++ b/apps/demos/Demos/Charts/AreaSparklines/ReactJs/data.js
@@ -1,222 +1,222 @@
 export const copperCosts = [
   {
     month: 1,
-    2010: 7341,
-    2011: 9585,
-    2012: 7501,
+    2021: 7970.5,
+    2022: 9775.93,
+    2023: 8999.79,
   },
   {
     month: 2,
-    2010: 7016,
-    2011: 10026,
-    2012: 8470,
+    2021: 8460.25,
+    2022: 9941.35,
+    2023: 8955.2,
   },
   {
     month: 3,
-    2010: 7202,
-    2011: 9889,
-    2012: 8591,
+    2021: 9004.98,
+    2022: 10237.59,
+    2023: 8835.72,
   },
   {
     month: 4,
-    2010: 7851,
-    2011: 9460,
-    2012: 8459,
+    2021: 9335.55,
+    2022: 10183.13,
+    2023: 8814.0,
   },
   {
     month: 5,
-    2010: 7481,
-    2011: 9373,
-    2012: 8320,
+    2021: 10183.97,
+    2022: 9362.81,
+    2023: 8234.28,
   },
   {
     month: 6,
-    2010: 6532,
-    2011: 9108,
-    2012: 7465,
+    2021: 9612.43,
+    2022: 9033.13,
+    2023: 8386.23,
   },
   {
     month: 7,
-    2010: 6498,
-    2011: 9295,
-    2012: 7475,
+    2021: 9433.59,
+    2022: 7529.79,
+    2023: 8445.26,
   },
   {
     month: 8,
-    2010: 7191,
-    2011: 9834,
-    2012: 7430,
+    2021: 9357.19,
+    2022: 7960.98,
+    2023: 8351.77,
   },
   {
     month: 9,
-    2010: 7596,
-    2011: 9121,
-    2012: 7614,
+    2021: 9324.07,
+    2022: 7734.7,
+    2023: 8270.86,
   },
   {
     month: 10,
-    2010: 8057,
-    2011: 7125,
-    2012: 8245,
+    2021: 9778.5,
+    2022: 7621.21,
+    2023: 7939.66,
   },
   {
     month: 11,
-    2010: 8373,
-    2011: 7871,
-    2012: 7727,
+    2021: 9765.48,
+    2022: 8029.95,
+    2023: 8173.95,
   },
   {
     month: 12,
-    2010: 8636,
-    2011: 7725,
-    2012: 7880,
+    2021: 9550.31,
+    2022: 8367.23,
+    2023: 8394.11,
   },
 ];
 export const nickelCosts = [
   {
     month: 1,
-    2010: 18974,
-    2011: 24298,
-    2012: 18322,
+    2021: 17847.68,
+    2022: 22355.4,
+    2023: 28194.61,
   },
   {
     month: 2,
-    2010: 18162,
-    2011: 27929,
-    2012: 21093,
+    2021: 18595.3,
+    2022: 24015.55,
+    2023: 26727.95,
   },
   {
     month: 3,
-    2010: 20535,
-    2011: 28802,
-    2012: 19701,
+    2021: 16460.83,
+    2022: 33924.18,
+    2023: 23288.61,
   },
   {
     month: 4,
-    2010: 24562,
-    2011: 26142,
-    2012: 17695,
+    2021: 16480.91,
+    2022: 33132.74,
+    2023: 23894.56,
   },
   {
     month: 5,
-    2010: 26131,
-    2011: 26753,
-    2012: 17549,
+    2021: 17552.45,
+    2022: 28062.55,
+    2023: 21970.39,
   },
   {
     month: 6,
-    2010: 19278,
-    2011: 23055,
-    2012: 16436,
+    2021: 17942.32,
+    2022: 25658.63,
+    2023: 21233.28,
   },
   {
     month: 7,
-    2010: 19475,
-    2011: 22870,
-    2012: 16382,
+    2021: 18819.36,
+    2022: 21481.89,
+    2023: 21091.26,
   },
   {
     month: 8,
-    2010: 20701,
-    2011: 24388,
-    2012: 15687,
+    2021: 19160.23,
+    2022: 22057.39,
+    2023: 20438.65,
   },
   {
     month: 9,
-    2010: 21266,
-    2011: 21845,
-    2012: 16085,
+    2021: 19398.23,
+    2022: 22773.97,
+    2023: 19644.64,
   },
   {
     month: 10,
-    2010: 23358,
-    2011: 18346,
-    2012: 18250,
+    2021: 19420.52,
+    2022: 22032.89,
+    2023: 18281.23,
   },
   {
     month: 11,
-    2010: 23150,
-    2011: 18822,
-    2012: 16083,
+    2021: 19970.43,
+    2022: 25562.7,
+    2023: 17027.36,
   },
   {
     month: 12,
-    2010: 23282,
-    2011: 17320,
-    2012: 17104,
+    2021: 20015.55,
+    2022: 28946.81,
+    2023: 16460.84,
   },
 ];
 export const palladiumCosts = [
   {
     month: 1,
-    2010: 398,
-    2011: 788,
-    2012: 649,
+    2021: 2391.2,
+    2022: 2030.86,
+    2023: 1734.27,
   },
   {
     month: 2,
-    2010: 422,
-    2011: 817,
-    2012: 698,
+    2021: 2342.33,
+    2022: 2350.1,
+    2023: 1543.9,
   },
   {
     month: 3,
-    2010: 431,
-    2011: 812,
-    2012: 713,
+    2021: 2525.61,
+    2022: 2582.78,
+    2023: 1426.0,
   },
   {
     month: 4,
-    2010: 481,
-    2011: 760,
-    2012: 654,
+    2021: 2776.45,
+    2022: 2330.67,
+    2023: 1508.0,
   },
   {
     month: 5,
-    2010: 551,
-    2011: 774,
-    2012: 665,
+    2021: 2900.52,
+    2022: 2060.05,
+    2023: 1482.61,
   },
   {
     month: 6,
-    2010: 449,
-    2011: 775,
-    2012: 609,
+    2021: 2752.48,
+    2022: 1913.05,
+    2023: 1348.09,
   },
   {
     month: 7,
-    2010: 442,
-    2011: 750,
-    2012: 584,
+    2021: 2754.76,
+    2022: 1973.1,
+    2023: 1264.48,
   },
   {
     month: 8,
-    2010: 482,
-    2011: 827,
-    2012: 580,
+    2021: 2544.73,
+    2022: 2135.52,
+    2023: 1247.3,
   },
   {
     month: 9,
-    2010: 517,
-    2011: 776,
-    2012: 632,
+    2021: 2130.32,
+    2022: 2113.95,
+    2023: 1239.29,
   },
   {
     month: 10,
-    2010: 566,
-    2011: 624,
-    2012: 657,
+    2021: 2058.48,
+    2022: 2078.86,
+    2023: 1142.09,
   },
   {
     month: 11,
-    2010: 630,
-    2011: 651,
-    2012: 601,
+    2021: 2036.32,
+    2022: 1911.55,
+    2023: 1050.27,
   },
   {
     month: 12,
-    2010: 737,
-    2011: 615,
-    2012: 675,
+    2021: 1810.52,
+    2022: 1808.36,
+    2023: 1087.76,
   },
 ];
diff --git a/apps/demos/Demos/Charts/AreaSparklines/Vue/App.vue b/apps/demos/Demos/Charts/AreaSparklines/Vue/App.vue
index 5ef7c69633fc..f554930cbfb2 100644
--- a/apps/demos/Demos/Charts/AreaSparklines/Vue/App.vue
+++ b/apps/demos/Demos/Charts/AreaSparklines/Vue/App.vue
@@ -26,7 +26,7 @@
 <script setup lang="ts">
 import RowTemplate from './RowTemplate.vue';
 
-const years = ['2010', '2011', '2012'];
+const years = ['2021', '2022', '2023'];
 </script>
 <style>
 #chart-demo {
diff --git a/apps/demos/Demos/Charts/AreaSparklines/Vue/RowTemplate.vue b/apps/demos/Demos/Charts/AreaSparklines/Vue/RowTemplate.vue
index 410bbb77058c..056f1b376996 100644
--- a/apps/demos/Demos/Charts/AreaSparklines/Vue/RowTemplate.vue
+++ b/apps/demos/Demos/Charts/AreaSparklines/Vue/RowTemplate.vue
@@ -10,7 +10,7 @@
         argument-field="month"
         type="area"
       >
-        <DxTooltip format="currency"/>
+        <DxTooltip :format="{ type: 'currency', precision: 2 }"/>
       </DxSparkline>
     </td>
     <td>
@@ -27,7 +27,7 @@
         min-color="#6babac"
         max-color="#8076bb"
       >
-        <DxTooltip format="currency"/>
+        <DxTooltip :format="{ type: 'currency', precision: 2 }"/>
       </DxSparkline>
     </td>
     <td>
@@ -43,7 +43,7 @@
         point-color="#e8c267"
         point-symbol="polygon"
       >
-        <DxTooltip format="currency"/>
+        <DxTooltip :format="{ type: 'currency', precision: 2 }"/>
       </DxSparkline>
     </td>
   </tr>
diff --git a/apps/demos/Demos/Charts/AreaSparklines/Vue/data.ts b/apps/demos/Demos/Charts/AreaSparklines/Vue/data.ts
index 67b8a31cf350..fcc28d2ec55a 100644
--- a/apps/demos/Demos/Charts/AreaSparklines/Vue/data.ts
+++ b/apps/demos/Demos/Charts/AreaSparklines/Vue/data.ts
@@ -1,185 +1,185 @@
 export const copperCosts = [{
   month: 1,
-  2010: 7341,
-  2011: 9585,
-  2012: 7501,
+  2021: 7970.50,
+  2022: 9775.93,
+  2023: 8999.79,
 }, {
   month: 2,
-  2010: 7016,
-  2011: 10026,
-  2012: 8470,
+  2021: 8460.25,
+  2022: 9941.35,
+  2023: 8955.20,
 }, {
   month: 3,
-  2010: 7202,
-  2011: 9889,
-  2012: 8591,
+  2021: 9004.98,
+  2022: 10237.59,
+  2023: 8835.72,
 }, {
   month: 4,
-  2010: 7851,
-  2011: 9460,
-  2012: 8459,
+  2021: 9335.55,
+  2022: 10183.13,
+  2023: 8814.00,
 }, {
   month: 5,
-  2010: 7481,
-  2011: 9373,
-  2012: 8320,
+  2021: 10183.97,
+  2022: 9362.81,
+  2023: 8234.28,
 }, {
   month: 6,
-  2010: 6532,
-  2011: 9108,
-  2012: 7465,
+  2021: 9612.43,
+  2022: 9033.13,
+  2023: 8386.23,
 }, {
   month: 7,
-  2010: 6498,
-  2011: 9295,
-  2012: 7475,
+  2021: 9433.59,
+  2022: 7529.79,
+  2023: 8445.26,
 }, {
   month: 8,
-  2010: 7191,
-  2011: 9834,
-  2012: 7430,
+  2021: 9357.19,
+  2022: 7960.98,
+  2023: 8351.77,
 }, {
   month: 9,
-  2010: 7596,
-  2011: 9121,
-  2012: 7614,
+  2021: 9324.07,
+  2022: 7734.70,
+  2023: 8270.86,
 }, {
   month: 10,
-  2010: 8057,
-  2011: 7125,
-  2012: 8245,
+  2021: 9778.50,
+  2022: 7621.21,
+  2023: 7939.66,
 }, {
   month: 11,
-  2010: 8373,
-  2011: 7871,
-  2012: 7727,
+  2021: 9765.48,
+  2022: 8029.95,
+  2023: 8173.95,
 }, {
   month: 12,
-  2010: 8636,
-  2011: 7725,
-  2012: 7880,
+  2021: 9550.31,
+  2022: 8367.23,
+  2023: 8394.11,
 }];
 
 export const nickelCosts = [{
   month: 1,
-  2010: 18974,
-  2011: 24298,
-  2012: 18322,
+  2021: 17847.68,
+  2022: 22355.40,
+  2023: 28194.61,
 }, {
   month: 2,
-  2010: 18162,
-  2011: 27929,
-  2012: 21093,
+  2021: 18595.30,
+  2022: 24015.55,
+  2023: 26727.95,
 }, {
   month: 3,
-  2010: 20535,
-  2011: 28802,
-  2012: 19701,
+  2021: 16460.83,
+  2022: 33924.18,
+  2023: 23288.61,
 }, {
   month: 4,
-  2010: 24562,
-  2011: 26142,
-  2012: 17695,
+  2021: 16480.91,
+  2022: 33132.74,
+  2023: 23894.56,
 }, {
   month: 5,
-  2010: 26131,
-  2011: 26753,
-  2012: 17549,
+  2021: 17552.45,
+  2022: 28062.55,
+  2023: 21970.39,
 }, {
   month: 6,
-  2010: 19278,
-  2011: 23055,
-  2012: 16436,
+  2021: 17942.32,
+  2022: 25658.63,
+  2023: 21233.28,
 }, {
   month: 7,
-  2010: 19475,
-  2011: 22870,
-  2012: 16382,
+  2021: 18819.36,
+  2022: 21481.89,
+  2023: 21091.26,
 }, {
   month: 8,
-  2010: 20701,
-  2011: 24388,
-  2012: 15687,
+  2021: 19160.23,
+  2022: 22057.39,
+  2023: 20438.65,
 }, {
   month: 9,
-  2010: 21266,
-  2011: 21845,
-  2012: 16085,
+  2021: 19398.23,
+  2022: 22773.97,
+  2023: 19644.64,
 }, {
   month: 10,
-  2010: 23358,
-  2011: 18346,
-  2012: 18250,
+  2021: 19420.52,
+  2022: 22032.89,
+  2023: 18281.23,
 }, {
   month: 11,
-  2010: 23150,
-  2011: 18822,
-  2012: 16083,
+  2021: 19970.43,
+  2022: 25562.70,
+  2023: 17027.36,
 }, {
   month: 12,
-  2010: 23282,
-  2011: 17320,
-  2012: 17104,
+  2021: 20015.55,
+  2022: 28946.81,
+  2023: 16460.84,
 }];
 
 export const palladiumCosts = [{
   month: 1,
-  2010: 398,
-  2011: 788,
-  2012: 649,
+  2021: 2391.20,
+  2022: 2030.86,
+  2023: 1734.27,
 }, {
   month: 2,
-  2010: 422,
-  2011: 817,
-  2012: 698,
+  2021: 2342.33,
+  2022: 2350.10,
+  2023: 1543.90,
 }, {
   month: 3,
-  2010: 431,
-  2011: 812,
-  2012: 713,
+  2021: 2525.61,
+  2022: 2582.78,
+  2023: 1426.00,
 }, {
   month: 4,
-  2010: 481,
-  2011: 760,
-  2012: 654,
+  2021: 2776.45,
+  2022: 2330.67,
+  2023: 1508.00,
 }, {
   month: 5,
-  2010: 551,
-  2011: 774,
-  2012: 665,
+  2021: 2900.52,
+  2022: 2060.05,
+  2023: 1482.61,
 }, {
   month: 6,
-  2010: 449,
-  2011: 775,
-  2012: 609,
+  2021: 2752.48,
+  2022: 1913.05,
+  2023: 1348.09,
 }, {
   month: 7,
-  2010: 442,
-  2011: 750,
-  2012: 584,
+  2021: 2754.76,
+  2022: 1973.10,
+  2023: 1264.48,
 }, {
   month: 8,
-  2010: 482,
-  2011: 827,
-  2012: 580,
+  2021: 2544.73,
+  2022: 2135.52,
+  2023: 1247.30,
 }, {
   month: 9,
-  2010: 517,
-  2011: 776,
-  2012: 632,
+  2021: 2130.32,
+  2022: 2113.95,
+  2023: 1239.29,
 }, {
   month: 10,
-  2010: 566,
-  2011: 624,
-  2012: 657,
+  2021: 2058.48,
+  2022: 2078.86,
+  2023: 1142.09,
 }, {
   month: 11,
-  2010: 630,
-  2011: 651,
-  2012: 601,
+  2021: 2036.32,
+  2022: 1911.55,
+  2023: 1050.27,
 }, {
   month: 12,
-  2010: 737,
-  2011: 615,
-  2012: 675,
+  2021: 1810.52,
+  2022: 1808.36,
+  2023: 1087.76,
 }];
diff --git a/apps/demos/Demos/Charts/AreaSparklines/jQuery/data.js b/apps/demos/Demos/Charts/AreaSparklines/jQuery/data.js
index 3bf414ea2a25..a8969b44c71a 100644
--- a/apps/demos/Demos/Charts/AreaSparklines/jQuery/data.js
+++ b/apps/demos/Demos/Charts/AreaSparklines/jQuery/data.js
@@ -1,185 +1,185 @@
 const copperCosts = [{
   month: 1,
-  2010: 7341,
-  2011: 9585,
-  2012: 7501,
+  2021: 7970.50,
+  2022: 9775.93,
+  2023: 8999.79,
 }, {
   month: 2,
-  2010: 7016,
-  2011: 10026,
-  2012: 8470,
+  2021: 8460.25,
+  2022: 9941.35,
+  2023: 8955.20,
 }, {
   month: 3,
-  2010: 7202,
-  2011: 9889,
-  2012: 8591,
+  2021: 9004.98,
+  2022: 10237.59,
+  2023: 8835.72,
 }, {
   month: 4,
-  2010: 7851,
-  2011: 9460,
-  2012: 8459,
+  2021: 9335.55,
+  2022: 10183.13,
+  2023: 8814.00,
 }, {
   month: 5,
-  2010: 7481,
-  2011: 9373,
-  2012: 8320,
+  2021: 10183.97,
+  2022: 9362.81,
+  2023: 8234.28,
 }, {
   month: 6,
-  2010: 6532,
-  2011: 9108,
-  2012: 7465,
+  2021: 9612.43,
+  2022: 9033.13,
+  2023: 8386.23,
 }, {
   month: 7,
-  2010: 6498,
-  2011: 9295,
-  2012: 7475,
+  2021: 9433.59,
+  2022: 7529.79,
+  2023: 8445.26,
 }, {
   month: 8,
-  2010: 7191,
-  2011: 9834,
-  2012: 7430,
+  2021: 9357.19,
+  2022: 7960.98,
+  2023: 8351.77,
 }, {
   month: 9,
-  2010: 7596,
-  2011: 9121,
-  2012: 7614,
+  2021: 9324.07,
+  2022: 7734.70,
+  2023: 8270.86,
 }, {
   month: 10,
-  2010: 8057,
-  2011: 7125,
-  2012: 8245,
+  2021: 9778.50,
+  2022: 7621.21,
+  2023: 7939.66,
 }, {
   month: 11,
-  2010: 8373,
-  2011: 7871,
-  2012: 7727,
+  2021: 9765.48,
+  2022: 8029.95,
+  2023: 8173.95,
 }, {
   month: 12,
-  2010: 8636,
-  2011: 7725,
-  2012: 7880,
+  2021: 9550.31,
+  2022: 8367.23,
+  2023: 8394.11,
 }];
 
 const nickelCosts = [{
   month: 1,
-  2010: 18974,
-  2011: 24298,
-  2012: 18322,
+  2021: 17847.68,
+  2022: 22355.40,
+  2023: 28194.61,
 }, {
   month: 2,
-  2010: 18162,
-  2011: 27929,
-  2012: 21093,
+  2021: 18595.30,
+  2022: 24015.55,
+  2023: 26727.95,
 }, {
   month: 3,
-  2010: 20535,
-  2011: 28802,
-  2012: 19701,
+  2021: 16460.83,
+  2022: 33924.18,
+  2023: 23288.61,
 }, {
   month: 4,
-  2010: 24562,
-  2011: 26142,
-  2012: 17695,
+  2021: 16480.91,
+  2022: 33132.74,
+  2023: 23894.56,
 }, {
   month: 5,
-  2010: 26131,
-  2011: 26753,
-  2012: 17549,
+  2021: 17552.45,
+  2022: 28062.55,
+  2023: 21970.39,
 }, {
   month: 6,
-  2010: 19278,
-  2011: 23055,
-  2012: 16436,
+  2021: 17942.32,
+  2022: 25658.63,
+  2023: 21233.28,
 }, {
   month: 7,
-  2010: 19475,
-  2011: 22870,
-  2012: 16382,
+  2021: 18819.36,
+  2022: 21481.89,
+  2023: 21091.26,
 }, {
   month: 8,
-  2010: 20701,
-  2011: 24388,
-  2012: 15687,
+  2021: 19160.23,
+  2022: 22057.39,
+  2023: 20438.65,
 }, {
   month: 9,
-  2010: 21266,
-  2011: 21845,
-  2012: 16085,
+  2021: 19398.23,
+  2022: 22773.97,
+  2023: 19644.64,
 }, {
   month: 10,
-  2010: 23358,
-  2011: 18346,
-  2012: 18250,
+  2021: 19420.52,
+  2022: 22032.89,
+  2023: 18281.23,
 }, {
   month: 11,
-  2010: 23150,
-  2011: 18822,
-  2012: 16083,
+  2021: 19970.43,
+  2022: 25562.70,
+  2023: 17027.36,
 }, {
   month: 12,
-  2010: 23282,
-  2011: 17320,
-  2012: 17104,
+  2021: 20015.55,
+  2022: 28946.81,
+  2023: 16460.84,
 }];
 
 const palladiumCosts = [{
   month: 1,
-  2010: 398,
-  2011: 788,
-  2012: 649,
+  2021: 2391.20,
+  2022: 2030.86,
+  2023: 1734.27,
 }, {
   month: 2,
-  2010: 422,
-  2011: 817,
-  2012: 698,
+  2021: 2342.33,
+  2022: 2350.10,
+  2023: 1543.90,
 }, {
   month: 3,
-  2010: 431,
-  2011: 812,
-  2012: 713,
+  2021: 2525.61,
+  2022: 2582.78,
+  2023: 1426.00,
 }, {
   month: 4,
-  2010: 481,
-  2011: 760,
-  2012: 654,
+  2021: 2776.45,
+  2022: 2330.67,
+  2023: 1508.00,
 }, {
   month: 5,
-  2010: 551,
-  2011: 774,
-  2012: 665,
+  2021: 2900.52,
+  2022: 2060.05,
+  2023: 1482.61,
 }, {
   month: 6,
-  2010: 449,
-  2011: 775,
-  2012: 609,
+  2021: 2752.48,
+  2022: 1913.05,
+  2023: 1348.09,
 }, {
   month: 7,
-  2010: 442,
-  2011: 750,
-  2012: 584,
+  2021: 2754.76,
+  2022: 1973.10,
+  2023: 1264.48,
 }, {
   month: 8,
-  2010: 482,
-  2011: 827,
-  2012: 580,
+  2021: 2544.73,
+  2022: 2135.52,
+  2023: 1247.30,
 }, {
   month: 9,
-  2010: 517,
-  2011: 776,
-  2012: 632,
+  2021: 2130.32,
+  2022: 2113.95,
+  2023: 1239.29,
 }, {
   month: 10,
-  2010: 566,
-  2011: 624,
-  2012: 657,
+  2021: 2058.48,
+  2022: 2078.86,
+  2023: 1142.09,
 }, {
   month: 11,
-  2010: 630,
-  2011: 651,
-  2012: 601,
+  2021: 2036.32,
+  2022: 1911.55,
+  2023: 1050.27,
 }, {
   month: 12,
-  2010: 737,
-  2011: 615,
-  2012: 675,
+  2021: 1810.52,
+  2022: 1808.36,
+  2023: 1087.76,
 }];
diff --git a/apps/demos/Demos/Charts/AreaSparklines/jQuery/index.html b/apps/demos/Demos/Charts/AreaSparklines/jQuery/index.html
index f140550bb75f..ea99590addba 100644
--- a/apps/demos/Demos/Charts/AreaSparklines/jQuery/index.html
+++ b/apps/demos/Demos/Charts/AreaSparklines/jQuery/index.html
@@ -24,22 +24,22 @@
             <th>Palladium (USD/troy ounce)</th>
           </tr>
           <tr>
-            <th>2010</th>
-            <td><div class="sparkline area2010"></div></td>
-            <td><div class="sparkline splinearea2010"></div></td>
-            <td><div class="sparkline steparea2010"></div></td>
+            <th>2021</th>
+            <td><div class="sparkline area2021"></div></td>
+            <td><div class="sparkline splinearea2021"></div></td>
+            <td><div class="sparkline steparea2021"></div></td>
           </tr>
           <tr>
-            <th>2011</th>
-            <td><div class="sparkline area2011"></div></td>
-            <td><div class="sparkline splinearea2011"></div></td>
-            <td><div class="sparkline steparea2011"></div></td>
+            <th>2022</th>
+            <td><div class="sparkline area2022"></div></td>
+            <td><div class="sparkline splinearea2022"></div></td>
+            <td><div class="sparkline steparea2022"></div></td>
           </tr>
           <tr>
-            <th>2012</th>
-            <td><div class="sparkline area2012"></div></td>
-            <td><div class="sparkline splinearea2012"></div></td>
-            <td><div class="sparkline steparea2012"></div></td>
+            <th>2023</th>
+            <td><div class="sparkline area2023"></div></td>
+            <td><div class="sparkline splinearea2023"></div></td>
+            <td><div class="sparkline steparea2023"></div></td>
           </tr>
         </table>
       </div>
diff --git a/apps/demos/Demos/Charts/AreaSparklines/jQuery/index.js b/apps/demos/Demos/Charts/AreaSparklines/jQuery/index.js
index bff28fb5c67d..eb92c5824c8a 100644
--- a/apps/demos/Demos/Charts/AreaSparklines/jQuery/index.js
+++ b/apps/demos/Demos/Charts/AreaSparklines/jQuery/index.js
@@ -2,7 +2,7 @@ $(() => {
   const copOptions = {
     dataSource: copperCosts,
     argumentField: 'month',
-    valueField: '2010',
+    valueField: '2021',
     type: 'area',
     showMinMax: true,
     tooltip: {
@@ -12,7 +12,7 @@ $(() => {
   const nickOptions = {
     dataSource: nickelCosts,
     argumentField: 'month',
-    valueField: '2010',
+    valueField: '2021',
     type: 'splinearea',
     lineColor: '#8076bb',
     minColor: '#6babac',
@@ -27,7 +27,7 @@ $(() => {
   const palOptions = {
     dataSource: palladiumCosts,
     argumentField: 'month',
-    valueField: '2010',
+    valueField: '2021',
     firstLastColor: '#e55253',
     lineColor: '#7e4452',
     lineWidth: 3,
@@ -35,19 +35,22 @@ $(() => {
     pointSymbol: 'polygon',
     type: 'steparea',
     tooltip: {
-      format: 'currency',
+      format: {
+        type: 'currency',
+        precision: 2,
+      },
     },
   };
 
-  $('.area2010').dxSparkline(copOptions);
-  $('.splinearea2010').dxSparkline(nickOptions);
-  $('.steparea2010').dxSparkline(palOptions);
+  $('.area2021').dxSparkline(copOptions);
+  $('.splinearea2021').dxSparkline(nickOptions);
+  $('.steparea2021').dxSparkline(palOptions);
 
-  $('.area2011').dxSparkline($.extend(copOptions, { valueField: '2011' }));
-  $('.splinearea2011').dxSparkline($.extend(nickOptions, { valueField: '2011' }));
-  $('.steparea2011').dxSparkline($.extend(palOptions, { valueField: '2011' }));
+  $('.area2022').dxSparkline($.extend(copOptions, { valueField: '2022' }));
+  $('.splinearea2022').dxSparkline($.extend(nickOptions, { valueField: '2022' }));
+  $('.steparea2022').dxSparkline($.extend(palOptions, { valueField: '2022' }));
 
-  $('.area2012').dxSparkline($.extend(copOptions, { valueField: '2012' }));
-  $('.splinearea2012').dxSparkline($.extend(nickOptions, { valueField: '2012' }));
-  $('.steparea2012').dxSparkline($.extend(palOptions, { valueField: '2012' }));
+  $('.area2023').dxSparkline($.extend(copOptions, { valueField: '2023' }));
+  $('.splinearea2023').dxSparkline($.extend(nickOptions, { valueField: '2023' }));
+  $('.steparea2023').dxSparkline($.extend(palOptions, { valueField: '2023' }));
 });
diff --git a/apps/demos/Demos/Charts/BarSparklines/Angular/app/app.component.html b/apps/demos/Demos/Charts/BarSparklines/Angular/app/app.component.html
index e25ad00dd7f2..993a1c9f497d 100644
--- a/apps/demos/Demos/Charts/BarSparklines/Angular/app/app.component.html
+++ b/apps/demos/Demos/Charts/BarSparklines/Angular/app/app.component.html
@@ -1,13 +1,13 @@
 <div class="long-title"
-  ><h3>Monthly Prices of Aluminium, Nickel and Copper</h3></div
+  ><h3>Monthly Prices of Copper, Nickel and Palladium</h3></div
 >
 <div id="chart-demo">
   <table class="demo-table" border="1">
     <tr>
       <th><div class="dx-screen-reader-only">Year</div></th>
-      <th>Aluminium (USD/ton)</th>
-      <th>Nickel (USD/ton)</th>
       <th>Copper (USD/ton)</th>
+      <th>Nickel (USD/ton)</th>
+      <th>Palladium (USD/troy ounce)</th>
     </tr>
     @for(year of years; track year) {
     <tr>
@@ -17,11 +17,13 @@
           class="sparkline"
           [dataSource]="source"
           argumentField="month"
-          valueField="alum{{ year }}"
+          valueField="copper{{ year }}"
           type="bar"
           [showMinMax]="true"
         >
-          <dxo-sparkline-tooltip format="currency"></dxo-sparkline-tooltip>
+          <dxo-sparkline-tooltip
+            [format]="{ type: 'currency', precision: 2 }"
+          ></dxo-sparkline-tooltip>
         </dx-sparkline>
       </td>
       <td>
@@ -37,7 +39,9 @@
           minColor="#9ab57e"
           maxColor="#8076bb"
         >
-          <dxo-sparkline-tooltip format="currency"></dxo-sparkline-tooltip>
+          <dxo-sparkline-tooltip
+            [format]="{ type: 'currency', precision: 2 }"
+          ></dxo-sparkline-tooltip>
         </dx-sparkline>
       </td>
       <td>
@@ -45,12 +49,14 @@
           class="sparkline"
           [dataSource]="source"
           argumentField="month"
-          valueField="copper{{ year }}"
+          valueField="palladium{{ year }}"
           type="bar"
           barPositiveColor="#e55253"
           firstLastColor="#ebdd8f"
         >
-          <dxo-sparkline-tooltip format="currency"></dxo-sparkline-tooltip>
+          <dxo-sparkline-tooltip
+            [format]="{ type: 'currency', precision: 2 }"
+          ></dxo-sparkline-tooltip>
         </dx-sparkline>
       </td>
     </tr>
diff --git a/apps/demos/Demos/Charts/BarSparklines/Angular/app/app.component.ts b/apps/demos/Demos/Charts/BarSparklines/Angular/app/app.component.ts
index 8cec8414337d..9d52f74c3356 100644
--- a/apps/demos/Demos/Charts/BarSparklines/Angular/app/app.component.ts
+++ b/apps/demos/Demos/Charts/BarSparklines/Angular/app/app.component.ts
@@ -42,7 +42,7 @@ export class AppComponent {
       filter: ['month', '<=', '12'],
       paginate: false,
     });
-    this.years = [2010, 2011, 2012];
+    this.years = [2021, 2022, 2023];
   }
 
   onValueChanged(e) {
diff --git a/apps/demos/Demos/Charts/BarSparklines/React/App.tsx b/apps/demos/Demos/Charts/BarSparklines/React/App.tsx
index c0590e6aa4ba..ca77a7d29504 100644
--- a/apps/demos/Demos/Charts/BarSparklines/React/App.tsx
+++ b/apps/demos/Demos/Charts/BarSparklines/React/App.tsx
@@ -4,7 +4,7 @@ import { DataSource, CustomStore } from 'devextreme-react/common/data';
 import RowTemplate from './RowTemplate.tsx';
 
 const months = [12, 11, 10, 9, 8, 7, 6, 5, 4, 3, 2, 1];
-const years = ['2010', '2011', '2012'];
+const years = ['2021', '2022', '2023'];
 const monthLabel = { 'aria-label': 'Month' };
 
 const dataSource = new DataSource({
@@ -26,7 +26,7 @@ function App() {
 
   return (
     <>
-      <div className="long-title"><h3>Monthly Prices of Aluminium, Nickel and Copper</h3></div>
+      <div className="long-title"><h3>Monthly Prices of Copper, Nickel and Palladium</h3></div>
       <div id="chart-demo">
         <table
           className="demo-table"
@@ -35,9 +35,9 @@ function App() {
           <tbody>
             <tr>
               <th><div className="dx-screen-reader-only">Year</div></th>
-              <th>Aluminium (USD/ton)</th>
-              <th>Nickel (USD/ton)</th>
               <th>Copper (USD/ton)</th>
+              <th>Nickel (USD/ton)</th>
+              <th>Palladium (USD/troy ounce)</th>
             </tr>
             {
               years.map((year, index) => <RowTemplate
diff --git a/apps/demos/Demos/Charts/BarSparklines/React/RowTemplate.tsx b/apps/demos/Demos/Charts/BarSparklines/React/RowTemplate.tsx
index 569c9fd1f4d9..bbaf8df02c15 100644
--- a/apps/demos/Demos/Charts/BarSparklines/React/RowTemplate.tsx
+++ b/apps/demos/Demos/Charts/BarSparklines/React/RowTemplate.tsx
@@ -21,10 +21,10 @@ export default function RowTemplate(props: RowTemplateProps) {
           showMinMax={true}
           className="sparkline"
           argumentField="month"
-          valueField={`alum${props.year}`}
+          valueField={`copper${props.year}`}
           type="bar"
         >
-          <Tooltip format="currency" />
+          <Tooltip format={{ type: 'currency', precision: 2 }} />
         </Sparkline>
       </td>
       <td>
@@ -40,7 +40,7 @@ export default function RowTemplate(props: RowTemplateProps) {
           minColor="#9ab57e"
           maxColor="#8076bb"
         >
-          <Tooltip format="currency" />
+          <Tooltip format={{ type: 'currency', precision: 2 }} />
         </Sparkline>
       </td>
       <td>
@@ -48,13 +48,13 @@ export default function RowTemplate(props: RowTemplateProps) {
           dataSource={props.source}
           className="sparkline"
           argumentField="month"
-          valueField={`copper${props.year}`}
+          valueField={`palladium${props.year}`}
           type="bar"
           barPositiveColor="#e55253"
           firstLastColor="#ebdd8f"
           pointColor="#e8c267"
         >
-          <Tooltip format="currency" />
+          <Tooltip format={{ type: 'currency', precision: 2 }} />
         </Sparkline>
       </td>
     </tr>
diff --git a/apps/demos/Demos/Charts/BarSparklines/ReactJs/App.js b/apps/demos/Demos/Charts/BarSparklines/ReactJs/App.js
index 8e7c20989e2c..346840a16777 100644
--- a/apps/demos/Demos/Charts/BarSparklines/ReactJs/App.js
+++ b/apps/demos/Demos/Charts/BarSparklines/ReactJs/App.js
@@ -4,7 +4,7 @@ import { DataSource, CustomStore } from 'devextreme-react/common/data';
 import RowTemplate from './RowTemplate.js';
 
 const months = [12, 11, 10, 9, 8, 7, 6, 5, 4, 3, 2, 1];
-const years = ['2010', '2011', '2012'];
+const years = ['2021', '2022', '2023'];
 const monthLabel = { 'aria-label': 'Month' };
 const dataSource = new DataSource({
   store: new CustomStore({
@@ -27,7 +27,7 @@ function App() {
   return (
     <>
       <div className="long-title">
-        <h3>Monthly Prices of Aluminium, Nickel and Copper</h3>
+        <h3>Monthly Prices of Copper, Nickel and Palladium</h3>
       </div>
       <div id="chart-demo">
         <table
@@ -39,9 +39,9 @@ function App() {
               <th>
                 <div className="dx-screen-reader-only">Year</div>
               </th>
-              <th>Aluminium (USD/ton)</th>
-              <th>Nickel (USD/ton)</th>
               <th>Copper (USD/ton)</th>
+              <th>Nickel (USD/ton)</th>
+              <th>Palladium (USD/troy ounce)</th>
             </tr>
             {years.map((year, index) => (
               <RowTemplate
diff --git a/apps/demos/Demos/Charts/BarSparklines/ReactJs/RowTemplate.js b/apps/demos/Demos/Charts/BarSparklines/ReactJs/RowTemplate.js
index 3cbe3b2d1eb6..bf723389c572 100644
--- a/apps/demos/Demos/Charts/BarSparklines/ReactJs/RowTemplate.js
+++ b/apps/demos/Demos/Charts/BarSparklines/ReactJs/RowTemplate.js
@@ -11,10 +11,10 @@ export default function RowTemplate(props) {
           showMinMax={true}
           className="sparkline"
           argumentField="month"
-          valueField={`alum${props.year}`}
+          valueField={`copper${props.year}`}
           type="bar"
         >
-          <Tooltip format="currency" />
+          <Tooltip format={{ type: 'currency', precision: 2 }} />
         </Sparkline>
       </td>
       <td>
@@ -30,7 +30,7 @@ export default function RowTemplate(props) {
           minColor="#9ab57e"
           maxColor="#8076bb"
         >
-          <Tooltip format="currency" />
+          <Tooltip format={{ type: 'currency', precision: 2 }} />
         </Sparkline>
       </td>
       <td>
@@ -38,13 +38,13 @@ export default function RowTemplate(props) {
           dataSource={props.source}
           className="sparkline"
           argumentField="month"
-          valueField={`copper${props.year}`}
+          valueField={`palladium${props.year}`}
           type="bar"
           barPositiveColor="#e55253"
           firstLastColor="#ebdd8f"
           pointColor="#e8c267"
         >
-          <Tooltip format="currency" />
+          <Tooltip format={{ type: 'currency', precision: 2 }} />
         </Sparkline>
       </td>
     </tr>
diff --git a/apps/demos/Demos/Charts/BarSparklines/Vue/App.vue b/apps/demos/Demos/Charts/BarSparklines/Vue/App.vue
index 267dff5eb311..3cb3f4bdb304 100644
--- a/apps/demos/Demos/Charts/BarSparklines/Vue/App.vue
+++ b/apps/demos/Demos/Charts/BarSparklines/Vue/App.vue
@@ -1,6 +1,6 @@
 <template>
   <div>
-    <div class="long-title"><h3>Monthly Prices of Aluminium, Nickel and Copper</h3></div>
+    <div class="long-title"><h3>Monthly Prices of Copper, Nickel and Palladium</h3></div>
     <div id="chart-demo">
       <table
         class="demo-table"
@@ -8,9 +8,9 @@
       >
         <tr>
           <th><div class="dx-screen-reader-only">Year</div></th>
-          <th>Aluminium (USD/ton)</th>
-          <th>Nickel (USD/ton)</th>
           <th>Copper (USD/ton)</th>
+          <th>Nickel (USD/ton)</th>
+          <th>Palladium (USD/troy ounce)</th>
         </tr>
         <tbody
           v-for="(year, index) in years"
@@ -43,7 +43,7 @@ import { DataSource, CustomStore } from 'devextreme-vue/common/data';
 import RowTemplate from './RowTemplate.vue';
 
 const months = [12, 11, 10, 9, 8, 7, 6, 5, 4, 3, 2, 1];
-const years = ['2010', '2011', '2012'];
+const years = ['2021', '2022', '2023'];
 
 const source = new DataSource({
   store: new CustomStore({
diff --git a/apps/demos/Demos/Charts/BarSparklines/Vue/RowTemplate.vue b/apps/demos/Demos/Charts/BarSparklines/Vue/RowTemplate.vue
index 8514cb9f5fb4..d61a40662202 100644
--- a/apps/demos/Demos/Charts/BarSparklines/Vue/RowTemplate.vue
+++ b/apps/demos/Demos/Charts/BarSparklines/Vue/RowTemplate.vue
@@ -5,12 +5,12 @@
       <DxSparkline
         :data-source="source"
         :show-min-max="true"
-        :value-field="getValueField('alum')"
+        :value-field="getValueField('copper')"
         class="sparkline"
         argument-field="month"
         type="bar"
       >
-        <DxTooltip format="currency"/>
+        <DxTooltip :format="{ type: 'currency', precision: 2 }"/>
       </DxSparkline>
     </td>
     <td>
@@ -26,13 +26,13 @@
         min-color="#9ab57e"
         max-color="#8076bb"
       >
-        <DxTooltip format="currency"/>
+        <DxTooltip :format="{ type: 'currency', precision: 2 }"/>
       </DxSparkline>
     </td>
     <td>
       <DxSparkline
         :data-source="source"
-        :value-field="getValueField('copper')"
+        :value-field="getValueField('palladium')"
         class="sparkline"
         argument-field="month"
         type="bar"
@@ -41,7 +41,7 @@
 
         point-color="#e8c267"
       >
-        <DxTooltip format="currency"/>
+        <DxTooltip :format="{ type: 'currency', precision: 2 }"/>
       </DxSparkline>
     </td>
   </tr>
diff --git a/apps/demos/Demos/Charts/BarSparklines/jQuery/index.html b/apps/demos/Demos/Charts/BarSparklines/jQuery/index.html
index 9e82044bdacd..2d55fca7f74d 100644
--- a/apps/demos/Demos/Charts/BarSparklines/jQuery/index.html
+++ b/apps/demos/Demos/Charts/BarSparklines/jQuery/index.html
@@ -13,32 +13,32 @@
   </head>
   <body class="dx-viewport">
     <div class="demo-container">
-      <div class="long-title"><h3>Monthly Prices of Aluminium, Nickel and Copper</h3></div>
+      <div class="long-title"><h3>Monthly Prices of Copper, Nickel and Palladium</h3></div>
       <div id="chart-demo">
         <table class="demo-table" border="1">
           <tr>
             <th><div class="dx-screen-reader-only">Year</div></th>
-            <th>Aluminium (USD/ton)</th>
-            <th>Nickel (USD/ton)</th>
             <th>Copper (USD/ton)</th>
+            <th>Nickel (USD/ton)</th>
+            <th>Palladium (USD/troy ounce)</th>
           </tr>
           <tr>
-            <th>2010</th>
-            <td><div class="sparkline alum2010"></div></td>
-            <td><div class="sparkline nick2010"></div></td>
-            <td><div class="sparkline cop2010"></div></td>
+            <th>2021</th>
+            <td><div class="sparkline cop2021"></div></td>
+            <td><div class="sparkline nick2021"></div></td>
+            <td><div class="sparkline pal2021"></div></td>
           </tr>
           <tr>
-            <th>2011</th>
-            <td><div class="sparkline alum2011"></div></td>
-            <td><div class="sparkline nick2011"></div></td>
-            <td><div class="sparkline cop2011"></div></td>
+            <th>2022</th>
+            <td><div class="sparkline cop2022"></div></td>
+            <td><div class="sparkline nick2022"></div></td>
+            <td><div class="sparkline pal2022"></div></td>
           </tr>
           <tr>
-            <th>2012</th>
-            <td><div class="sparkline alum2012"></div></td>
-            <td><div class="sparkline nick2012"></div></td>
-            <td><div class="sparkline cop2012"></div></td>
+            <th>2023</th>
+            <td><div class="sparkline cop2023"></div></td>
+            <td><div class="sparkline nick2023"></div></td>
+            <td><div class="sparkline pal2023"></div></td>
           </tr>
         </table>
         <div class="action">
diff --git a/apps/demos/Demos/Charts/BarSparklines/jQuery/index.js b/apps/demos/Demos/Charts/BarSparklines/jQuery/index.js
index 8fcc15cf7f70..97bd69cc26ec 100644
--- a/apps/demos/Demos/Charts/BarSparklines/jQuery/index.js
+++ b/apps/demos/Demos/Charts/BarSparklines/jQuery/index.js
@@ -8,20 +8,23 @@ $(() => {
     paginate: false,
   });
 
-  const alumOptions = {
+  const copOptions = {
     dataSource: source,
     argumentField: 'month',
-    valueField: 'alum2010',
+    valueField: 'copper2021',
     type: 'bar',
     showMinMax: true,
     tooltip: {
-      format: 'currency',
+      format: {
+        type: 'currency',
+        precision: 2,
+      },
     },
   };
   const nickOptions = {
     dataSource: source,
     argumentField: 'month',
-    valueField: 'nickel2010',
+    valueField: 'nickel2021',
     type: 'bar',
     showMinMax: true,
     showFirstLast: false,
@@ -29,18 +32,24 @@ $(() => {
     minColor: '#9ab57e',
     maxColor: '#8076bb',
     tooltip: {
-      format: 'currency',
+      format: {
+        type: 'currency',
+        precision: 2,
+      },
     },
   };
-  const copOptions = {
+  const palOptions = {
     dataSource: source,
     argumentField: 'month',
-    valueField: 'copper2010',
+    valueField: 'palladium2021',
     type: 'bar',
     barPositiveColor: '#e55253',
     firstLastColor: '#ebdd8f',
     tooltip: {
-      format: 'currency',
+      format: {
+        type: 'currency',
+        precision: 2,
+      },
     },
   };
 
@@ -55,15 +64,15 @@ $(() => {
     },
   });
 
-  $('.alum2010').dxSparkline(alumOptions);
-  $('.nick2010').dxSparkline(nickOptions);
-  $('.cop2010').dxSparkline(copOptions);
+  $('.cop2021').dxSparkline(copOptions);
+  $('.nick2021').dxSparkline(nickOptions);
+  $('.pal2021').dxSparkline(palOptions);
 
-  $('.alum2011').dxSparkline($.extend(alumOptions, { valueField: 'alum2011' }));
-  $('.nick2011').dxSparkline($.extend(nickOptions, { valueField: 'nickel2011' }));
-  $('.cop2011').dxSparkline($.extend(copOptions, { valueField: 'copper2011' }));
+  $('.cop2022').dxSparkline($.extend(copOptions, { valueField: 'copper2022' }));
+  $('.nick2022').dxSparkline($.extend(nickOptions, { valueField: 'nickel2022' }));
+  $('.pal2022').dxSparkline($.extend(palOptions, { valueField: 'palladium2022' }));
 
-  $('.alum2012').dxSparkline($.extend(alumOptions, { valueField: 'alum2012' }));
-  $('.nick2012').dxSparkline($.extend(nickOptions, { valueField: 'nickel2012' }));
-  $('.cop2012').dxSparkline($.extend(copOptions, { valueField: 'copper2012' }));
+  $('.cop2023').dxSparkline($.extend(copOptions, { valueField: 'copper2023' }));
+  $('.nick2023').dxSparkline($.extend(nickOptions, { valueField: 'nickel2023' }));
+  $('.pal2023').dxSparkline($.extend(palOptions, { valueField: 'palladium2023' }));
 });
diff --git a/apps/demos/Demos/Charts/Crosshair/Angular/app/app.component.html b/apps/demos/Demos/Charts/Crosshair/Angular/app/app.component.html
index 7c78e3561283..23aeb438a1b5 100644
--- a/apps/demos/Demos/Charts/Crosshair/Angular/app/app.component.html
+++ b/apps/demos/Demos/Charts/Crosshair/Angular/app/app.component.html
@@ -28,7 +28,7 @@
     itemTextPosition="bottom"
   >
   </dxo-chart-legend>
-  <dxo-chart-title text="Energy Consumption in 2004">
+  <dxo-chart-title text="Energy Consumption in 2024">
     <dxo-chart-subtitle
       text="(Millions of Tons, Oil Equivalent)"
     ></dxo-chart-subtitle>
diff --git a/apps/demos/Demos/Charts/Crosshair/Angular/app/app.service.ts b/apps/demos/Demos/Charts/Crosshair/Angular/app/app.service.ts
index 04a7104a5ebd..c79d4c9a5612 100644
--- a/apps/demos/Demos/Charts/Crosshair/Angular/app/app.service.ts
+++ b/apps/demos/Demos/Charts/Crosshair/Angular/app/app.service.ts
@@ -30,46 +30,46 @@ const energySources: EnergyDescription[] = [
 
 const countriesInfo: CountryInfo[] = [{
   country: 'USA',
-  hydro: 60.2,
-  oil: 974.7,
-  gas: 550.5,
-  coal: 568.9,
-  nuclear: 203.7,
-}, {
-  country: 'China',
-  hydro: 77.8,
-  oil: 304.5,
-  gas: 35,
-  coal: 899,
-  nuclear: 10.8,
-}, {
-  country: 'Russia',
-  hydro: 38.5,
-  oil: 127.2,
-  gas: 349.5,
-  coal: 97.2,
-  nuclear: 30.5,
+  hydro: 60,
+  oil: 940,
+  gas: 910,
+  coal: 210,
+  nuclear: 230,
 }, {
   country: 'Japan',
-  hydro: 23.8,
-  oil: 227.4,
-  gas: 63.2,
-  coal: 118.6,
-  nuclear: 59.7,
+  hydro: 20,
+  oil: 170,
+  gas: 85,
+  coal: 120,
+  nuclear: 35,
 }, {
   country: 'India',
-  hydro: 18.7,
-  oil: 115.7,
-  gas: 30.6,
-  coal: 187,
-  nuclear: 3.5,
+  hydro: 40,
+  oil: 260,
+  gas: 60,
+  coal: 620,
+  nuclear: 10,
 }, {
   country: 'Germany',
-  hydro: 6.7,
-  oil: 120.5,
-  gas: 83.4,
-  coal: 86.6,
-  nuclear: 35.7,
+  hydro: 7,
+  oil: 110,
+  gas: 85,
+  coal: 35,
+  nuclear: 5,
+}, {
+  country: 'Canada',
+  hydro: 90,
+  oil: 110,
+  gas: 120,
+  coal: 5,
+  nuclear: 20,
+}, {
+  country: 'Brazil',
+  hydro: 110,
+  oil: 150,
+  gas: 50,
+  coal: 15,
+  nuclear: 5,
 }];
 
 @Injectable()
diff --git a/apps/demos/Demos/Charts/Crosshair/React/App.tsx b/apps/demos/Demos/Charts/Crosshair/React/App.tsx
index 0fbfbe1f881b..ae657387207b 100644
--- a/apps/demos/Demos/Charts/Crosshair/React/App.tsx
+++ b/apps/demos/Demos/Charts/Crosshair/React/App.tsx
@@ -62,7 +62,7 @@ function App() {
         horizontalAlignment="center"
         itemTextPosition="bottom"
       />
-      <Title text="Energy Consumption in 2004">
+      <Title text="Energy Consumption in 2024">
         <Subtitle text="(Millions of Tons, Oil Equivalent)" />
       </Title>
       <Export enabled={true} />
diff --git a/apps/demos/Demos/Charts/Crosshair/React/data.ts b/apps/demos/Demos/Charts/Crosshair/React/data.ts
index eb9b533c077d..2837eddb1baf 100644
--- a/apps/demos/Demos/Charts/Crosshair/React/data.ts
+++ b/apps/demos/Demos/Charts/Crosshair/React/data.ts
@@ -8,44 +8,44 @@ export const energySources = [
 
 export const countriesInfo = [{
   country: 'USA',
-  hydro: 60.2,
-  oil: 974.7,
-  gas: 550.5,
-  coal: 568.9,
-  nuclear: 203.7,
-}, {
-  country: 'China',
-  hydro: 77.8,
-  oil: 304.5,
-  gas: 35,
-  coal: 899,
-  nuclear: 10.8,
-}, {
-  country: 'Russia',
-  hydro: 38.5,
-  oil: 127.2,
-  gas: 349.5,
-  coal: 97.2,
-  nuclear: 30.5,
+  hydro: 60,
+  oil: 940,
+  gas: 910,
+  coal: 210,
+  nuclear: 230,
 }, {
   country: 'Japan',
-  hydro: 23.8,
-  oil: 227.4,
-  gas: 63.2,
-  coal: 118.6,
-  nuclear: 59.7,
+  hydro: 20,
+  oil: 170,
+  gas: 85,
+  coal: 120,
+  nuclear: 35,
 }, {
   country: 'India',
-  hydro: 18.7,
-  oil: 115.7,
-  gas: 30.6,
-  coal: 187,
-  nuclear: 3.5,
+  hydro: 40,
+  oil: 260,
+  gas: 60,
+  coal: 620,
+  nuclear: 10,
 }, {
   country: 'Germany',
-  hydro: 6.7,
-  oil: 120.5,
-  gas: 83.4,
-  coal: 86.6,
-  nuclear: 35.7,
+  hydro: 7,
+  oil: 110,
+  gas: 85,
+  coal: 35,
+  nuclear: 5,
+}, {
+  country: 'Canada',
+  hydro: 90,
+  oil: 110,
+  gas: 120,
+  coal: 5,
+  nuclear: 20,
+}, {
+  country: 'Brazil',
+  hydro: 110,
+  oil: 150,
+  gas: 50,
+  coal: 15,
+  nuclear: 5,
 }];
diff --git a/apps/demos/Demos/Charts/Crosshair/ReactJs/App.js b/apps/demos/Demos/Charts/Crosshair/ReactJs/App.js
index ebe96878446d..8d4e89ff7241 100644
--- a/apps/demos/Demos/Charts/Crosshair/ReactJs/App.js
+++ b/apps/demos/Demos/Charts/Crosshair/ReactJs/App.js
@@ -63,7 +63,7 @@ function App() {
         horizontalAlignment="center"
         itemTextPosition="bottom"
       />
-      <Title text="Energy Consumption in 2004">
+      <Title text="Energy Consumption in 2024">
         <Subtitle text="(Millions of Tons, Oil Equivalent)" />
       </Title>
       <Export enabled={true} />
diff --git a/apps/demos/Demos/Charts/Crosshair/ReactJs/data.js b/apps/demos/Demos/Charts/Crosshair/ReactJs/data.js
index 6568cb5f0ca4..a6db9a09ef46 100644
--- a/apps/demos/Demos/Charts/Crosshair/ReactJs/data.js
+++ b/apps/demos/Demos/Charts/Crosshair/ReactJs/data.js
@@ -8,50 +8,50 @@ export const energySources = [
 export const countriesInfo = [
   {
     country: 'USA',
-    hydro: 60.2,
-    oil: 974.7,
-    gas: 550.5,
-    coal: 568.9,
-    nuclear: 203.7,
+    hydro: 60,
+    oil: 940,
+    gas: 910,
+    coal: 210,
+    nuclear: 230,
   },
   {
-    country: 'China',
-    hydro: 77.8,
-    oil: 304.5,
-    gas: 35,
-    coal: 899,
-    nuclear: 10.8,
+    country: 'Japan',
+    hydro: 20,
+    oil: 170,
+    gas: 85,
+    coal: 120,
+    nuclear: 35,
   },
   {
-    country: 'Russia',
-    hydro: 38.5,
-    oil: 127.2,
-    gas: 349.5,
-    coal: 97.2,
-    nuclear: 30.5,
+    country: 'India',
+    hydro: 40,
+    oil: 260,
+    gas: 60,
+    coal: 620,
+    nuclear: 10,
   },
   {
-    country: 'Japan',
-    hydro: 23.8,
-    oil: 227.4,
-    gas: 63.2,
-    coal: 118.6,
-    nuclear: 59.7,
+    country: 'Germany',
+    hydro: 7,
+    oil: 110,
+    gas: 85,
+    coal: 35,
+    nuclear: 5,
   },
   {
-    country: 'India',
-    hydro: 18.7,
-    oil: 115.7,
-    gas: 30.6,
-    coal: 187,
-    nuclear: 3.5,
+    country: 'Canada',
+    hydro: 90,
+    oil: 110,
+    gas: 120,
+    coal: 5,
+    nuclear: 20,
   },
   {
-    country: 'Germany',
-    hydro: 6.7,
-    oil: 120.5,
-    gas: 83.4,
-    coal: 86.6,
-    nuclear: 35.7,
+    country: 'Brazil',
+    hydro: 110,
+    oil: 150,
+    gas: 50,
+    coal: 15,
+    nuclear: 5,
   },
 ];
diff --git a/apps/demos/Demos/Charts/Crosshair/Vue/App.vue b/apps/demos/Demos/Charts/Crosshair/Vue/App.vue
index e235ecc82091..174a402df9e0 100644
--- a/apps/demos/Demos/Charts/Crosshair/Vue/App.vue
+++ b/apps/demos/Demos/Charts/Crosshair/Vue/App.vue
@@ -43,7 +43,7 @@
       horizontal-alignment="center"
       item-text-position="bottom"
     />
-    <DxTitle text="Energy Consumption in 2004">
+    <DxTitle text="Energy Consumption in 2024">
       <DxSubtitle text="(Millions of Tons, Oil Equivalent)"/>
     </DxTitle>
     <DxExport :enabled="true"/>
diff --git a/apps/demos/Demos/Charts/Crosshair/Vue/data.ts b/apps/demos/Demos/Charts/Crosshair/Vue/data.ts
index eb9b533c077d..2837eddb1baf 100644
--- a/apps/demos/Demos/Charts/Crosshair/Vue/data.ts
+++ b/apps/demos/Demos/Charts/Crosshair/Vue/data.ts
@@ -8,44 +8,44 @@ export const energySources = [
 
 export const countriesInfo = [{
   country: 'USA',
-  hydro: 60.2,
-  oil: 974.7,
-  gas: 550.5,
-  coal: 568.9,
-  nuclear: 203.7,
-}, {
-  country: 'China',
-  hydro: 77.8,
-  oil: 304.5,
-  gas: 35,
-  coal: 899,
-  nuclear: 10.8,
-}, {
-  country: 'Russia',
-  hydro: 38.5,
-  oil: 127.2,
-  gas: 349.5,
-  coal: 97.2,
-  nuclear: 30.5,
+  hydro: 60,
+  oil: 940,
+  gas: 910,
+  coal: 210,
+  nuclear: 230,
 }, {
   country: 'Japan',
-  hydro: 23.8,
-  oil: 227.4,
-  gas: 63.2,
-  coal: 118.6,
-  nuclear: 59.7,
+  hydro: 20,
+  oil: 170,
+  gas: 85,
+  coal: 120,
+  nuclear: 35,
 }, {
   country: 'India',
-  hydro: 18.7,
-  oil: 115.7,
-  gas: 30.6,
-  coal: 187,
-  nuclear: 3.5,
+  hydro: 40,
+  oil: 260,
+  gas: 60,
+  coal: 620,
+  nuclear: 10,
 }, {
   country: 'Germany',
-  hydro: 6.7,
-  oil: 120.5,
-  gas: 83.4,
-  coal: 86.6,
-  nuclear: 35.7,
+  hydro: 7,
+  oil: 110,
+  gas: 85,
+  coal: 35,
+  nuclear: 5,
+}, {
+  country: 'Canada',
+  hydro: 90,
+  oil: 110,
+  gas: 120,
+  coal: 5,
+  nuclear: 20,
+}, {
+  country: 'Brazil',
+  hydro: 110,
+  oil: 150,
+  gas: 50,
+  coal: 15,
+  nuclear: 5,
 }];
diff --git a/apps/demos/Demos/Charts/Crosshair/jQuery/data.js b/apps/demos/Demos/Charts/Crosshair/jQuery/data.js
index d8d17e218197..6c91260d197f 100644
--- a/apps/demos/Demos/Charts/Crosshair/jQuery/data.js
+++ b/apps/demos/Demos/Charts/Crosshair/jQuery/data.js
@@ -1,43 +1,43 @@
 const dataSource = [{
   country: 'USA',
-  hydro: 60.2,
-  oil: 974.7,
-  gas: 550.5,
-  coal: 568.9,
-  nuclear: 203.7,
-}, {
-  country: 'China',
-  hydro: 77.8,
-  oil: 304.5,
-  gas: 35,
-  coal: 899,
-  nuclear: 10.8,
-}, {
-  country: 'Russia',
-  hydro: 38.5,
-  oil: 127.2,
-  gas: 349.5,
-  coal: 97.2,
-  nuclear: 30.5,
+  hydro: 60,
+  oil: 940,
+  gas: 910,
+  coal: 210,
+  nuclear: 230,
 }, {
   country: 'Japan',
-  hydro: 23.8,
-  oil: 227.4,
-  gas: 63.2,
-  coal: 118.6,
-  nuclear: 59.7,
+  hydro: 20,
+  oil: 170,
+  gas: 85,
+  coal: 120,
+  nuclear: 35,
 }, {
   country: 'India',
-  hydro: 18.7,
-  oil: 115.7,
-  gas: 30.6,
-  coal: 187,
-  nuclear: 3.5,
+  hydro: 40,
+  oil: 260,
+  gas: 60,
+  coal: 620,
+  nuclear: 10,
 }, {
   country: 'Germany',
-  hydro: 6.7,
-  oil: 120.5,
-  gas: 83.4,
-  coal: 86.6,
-  nuclear: 35.7,
+  hydro: 7,
+  oil: 110,
+  gas: 85,
+  coal: 35,
+  nuclear: 5,
+}, {
+  country: 'Canada',
+  hydro: 90,
+  oil: 110,
+  gas: 120,
+  coal: 5,
+  nuclear: 20,
+}, {
+  country: 'Brazil',
+  hydro: 110,
+  oil: 150,
+  gas: 50,
+  coal: 15,
+  nuclear: 5,
 }];
diff --git a/apps/demos/Demos/Charts/Crosshair/jQuery/index.js b/apps/demos/Demos/Charts/Crosshair/jQuery/index.js
index 270971c28170..5c83b9777d32 100644
--- a/apps/demos/Demos/Charts/Crosshair/jQuery/index.js
+++ b/apps/demos/Demos/Charts/Crosshair/jQuery/index.js
@@ -43,7 +43,7 @@ $(() => {
       equalColumnWidth: true,
     },
     title: {
-      text: 'Energy Consumption in 2004',
+      text: 'Energy Consumption in 2024',
       subtitle: {
         text: '(Millions of Tons, Oil Equivalent)',
       },
diff --git a/apps/demos/Demos/Charts/HoverMode/Angular/app/app.component.html b/apps/demos/Demos/Charts/HoverMode/Angular/app/app.component.html
index 11c32c6d4eee..2c68a3b36610 100644
--- a/apps/demos/Demos/Charts/HoverMode/Angular/app/app.component.html
+++ b/apps/demos/Demos/Charts/HoverMode/Angular/app/app.component.html
@@ -4,9 +4,9 @@
   [stickyHovering]="false"
   title="Great Lakes Gross State Product"
 >
-  <dxi-chart-series valueField="year2004" name="2004"></dxi-chart-series>
-  <dxi-chart-series valueField="year2001" name="2001"></dxi-chart-series>
-  <dxi-chart-series valueField="year1998" name="1998"></dxi-chart-series>
+  <dxi-chart-series valueField="year2024" name="2024"></dxi-chart-series>
+  <dxi-chart-series valueField="year2020" name="2020"></dxi-chart-series>
+  <dxi-chart-series valueField="year2016" name="2016"></dxi-chart-series>
   <dxo-chart-common-series-settings
     argumentField="state"
     type="spline"
diff --git a/apps/demos/Demos/Charts/HoverMode/Angular/app/app.service.ts b/apps/demos/Demos/Charts/HoverMode/Angular/app/app.service.ts
index ab8cec65ad4a..7daa2298fbff 100644
--- a/apps/demos/Demos/Charts/HoverMode/Angular/app/app.service.ts
+++ b/apps/demos/Demos/Charts/HoverMode/Angular/app/app.service.ts
@@ -3,38 +3,38 @@ import { Injectable } from '@angular/core';
 export class GrossProduct {
   state: string;
 
-  year1998: number;
+  year2016: number;
 
-  year2001: number;
+  year2020: number;
 
-  year2004: number;
+  year2024: number;
 }
 
 const grossProductData: GrossProduct[] = [{
   state: 'Illinois',
-  year1998: 374,
-  year2001: 427,
-  year2004: 479,
+  year2016: 791,
+  year2020: 874,
+  year2024: 1130,
 }, {
   state: 'Indiana',
-  year1998: 129,
-  year2001: 146,
-  year2004: 177,
+  year2016: 317,
+  year2020: 352,
+  year2024: 480,
 }, {
   state: 'Michigan',
-  year1998: 259,
-  year2001: 286,
-  year2004: 323,
+  year2016: 469,
+  year2020: 516,
+  year2024: 705,
 }, {
   state: 'Ohio',
-  year1998: 299,
-  year2001: 325,
-  year2004: 368,
+  year2016: 626,
+  year2020: 698,
+  year2024: 930,
 }, {
   state: 'Wisconsin',
-  year1998: 110,
-  year2001: 132,
-  year2004: 162,
+  year2016: 296,
+  year2020: 324,
+  year2024: 430,
 }];
 
 @Injectable()
diff --git a/apps/demos/Demos/Charts/HoverMode/React/data.ts b/apps/demos/Demos/Charts/HoverMode/React/data.ts
index 924c7fb233f5..60a19c9c2048 100644
--- a/apps/demos/Demos/Charts/HoverMode/React/data.ts
+++ b/apps/demos/Demos/Charts/HoverMode/React/data.ts
@@ -1,32 +1,32 @@
 export const yearSources = [
-  { value: 'year2004', name: '2004' },
-  { value: 'year2001', name: '2001' },
-  { value: 'year1998', name: '1998' },
+  { value: 'year2024', name: '2024' },
+  { value: 'year2020', name: '2020' },
+  { value: 'year2016', name: '2016' },
 ];
 
 export const grossProductData = [{
   state: 'Illinois',
-  year1998: 374,
-  year2001: 427,
-  year2004: 479,
+  year2016: 791,
+  year2020: 874,
+  year2024: 1130,
 }, {
   state: 'Indiana',
-  year1998: 129,
-  year2001: 146,
-  year2004: 177,
+  year2016: 317,
+  year2020: 352,
+  year2024: 480,
 }, {
   state: 'Michigan',
-  year1998: 259,
-  year2001: 286,
-  year2004: 323,
+  year2016: 469,
+  year2020: 516,
+  year2024: 705,
 }, {
   state: 'Ohio',
-  year1998: 299,
-  year2001: 325,
-  year2004: 368,
+  year2016: 626,
+  year2020: 698,
+  year2024: 930,
 }, {
   state: 'Wisconsin',
-  year1998: 110,
-  year2001: 132,
-  year2004: 162,
+  year2016: 296,
+  year2020: 324,
+  year2024: 430,
 }];
diff --git a/apps/demos/Demos/Charts/HoverMode/ReactJs/data.js b/apps/demos/Demos/Charts/HoverMode/ReactJs/data.js
index 76f8ef1c2e74..ab789b693aa6 100644
--- a/apps/demos/Demos/Charts/HoverMode/ReactJs/data.js
+++ b/apps/demos/Demos/Charts/HoverMode/ReactJs/data.js
@@ -1,37 +1,37 @@
 export const yearSources = [
-  { value: 'year2004', name: '2004' },
-  { value: 'year2001', name: '2001' },
-  { value: 'year1998', name: '1998' },
+  { value: 'year2024', name: '2024' },
+  { value: 'year2020', name: '2020' },
+  { value: 'year2016', name: '2016' },
 ];
 export const grossProductData = [
   {
     state: 'Illinois',
-    year1998: 374,
-    year2001: 427,
-    year2004: 479,
+    year2016: 791,
+    year2020: 874,
+    year2024: 1130,
   },
   {
     state: 'Indiana',
-    year1998: 129,
-    year2001: 146,
-    year2004: 177,
+    year2016: 317,
+    year2020: 352,
+    year2024: 480,
   },
   {
     state: 'Michigan',
-    year1998: 259,
-    year2001: 286,
-    year2004: 323,
+    year2016: 469,
+    year2020: 516,
+    year2024: 705,
   },
   {
     state: 'Ohio',
-    year1998: 299,
-    year2001: 325,
-    year2004: 368,
+    year2016: 626,
+    year2020: 698,
+    year2024: 930,
   },
   {
     state: 'Wisconsin',
-    year1998: 110,
-    year2001: 132,
-    year2004: 162,
+    year2016: 296,
+    year2020: 324,
+    year2024: 430,
   },
 ];
diff --git a/apps/demos/Demos/Charts/HoverMode/Vue/data.ts b/apps/demos/Demos/Charts/HoverMode/Vue/data.ts
index 924c7fb233f5..60a19c9c2048 100644
--- a/apps/demos/Demos/Charts/HoverMode/Vue/data.ts
+++ b/apps/demos/Demos/Charts/HoverMode/Vue/data.ts
@@ -1,32 +1,32 @@
 export const yearSources = [
-  { value: 'year2004', name: '2004' },
-  { value: 'year2001', name: '2001' },
-  { value: 'year1998', name: '1998' },
+  { value: 'year2024', name: '2024' },
+  { value: 'year2020', name: '2020' },
+  { value: 'year2016', name: '2016' },
 ];
 
 export const grossProductData = [{
   state: 'Illinois',
-  year1998: 374,
-  year2001: 427,
-  year2004: 479,
+  year2016: 791,
+  year2020: 874,
+  year2024: 1130,
 }, {
   state: 'Indiana',
-  year1998: 129,
-  year2001: 146,
-  year2004: 177,
+  year2016: 317,
+  year2020: 352,
+  year2024: 480,
 }, {
   state: 'Michigan',
-  year1998: 259,
-  year2001: 286,
-  year2004: 323,
+  year2016: 469,
+  year2020: 516,
+  year2024: 705,
 }, {
   state: 'Ohio',
-  year1998: 299,
-  year2001: 325,
-  year2004: 368,
+  year2016: 626,
+  year2020: 698,
+  year2024: 930,
 }, {
   state: 'Wisconsin',
-  year1998: 110,
-  year2001: 132,
-  year2004: 162,
+  year2016: 296,
+  year2020: 324,
+  year2024: 430,
 }];
diff --git a/apps/demos/Demos/Charts/HoverMode/jQuery/data.js b/apps/demos/Demos/Charts/HoverMode/jQuery/data.js
index 6171c958a88d..954d16598658 100644
--- a/apps/demos/Demos/Charts/HoverMode/jQuery/data.js
+++ b/apps/demos/Demos/Charts/HoverMode/jQuery/data.js
@@ -1,26 +1,26 @@
 const dataSource = [{
   state: 'Illinois',
-  year1998: 374,
-  year2001: 427,
-  year2004: 479,
+  year2016: 791,
+  year2020: 874,
+  year2024: 1130,
 }, {
   state: 'Indiana',
-  year1998: 129,
-  year2001: 146,
-  year2004: 177,
+  year2016: 317,
+  year2020: 352,
+  year2024: 480,
 }, {
   state: 'Michigan',
-  year1998: 259,
-  year2001: 286,
-  year2004: 323,
+  year2016: 469,
+  year2020: 516,
+  year2024: 705,
 }, {
   state: 'Ohio',
-  year1998: 299,
-  year2001: 325,
-  year2004: 368,
+  year2016: 626,
+  year2020: 698,
+  year2024: 930,
 }, {
   state: 'Wisconsin',
-  year1998: 110,
-  year2001: 132,
-  year2004: 162,
+  year2016: 296,
+  year2020: 324,
+  year2024: 430,
 }];
diff --git a/apps/demos/Demos/Charts/HoverMode/jQuery/index.js b/apps/demos/Demos/Charts/HoverMode/jQuery/index.js
index 37385e019191..8983c28dba34 100644
--- a/apps/demos/Demos/Charts/HoverMode/jQuery/index.js
+++ b/apps/demos/Demos/Charts/HoverMode/jQuery/index.js
@@ -10,9 +10,9 @@ $(() => {
       },
     },
     series: [
-      { valueField: 'year2004', name: '2004' },
-      { valueField: 'year2001', name: '2001' },
-      { valueField: 'year1998', name: '1998' },
+      { valueField: 'year2024', name: '2024' },
+      { valueField: 'year2020', name: '2020' },
+      { valueField: 'year2016', name: '2016' },
     ],
     stickyHovering: false,
     title: {
diff --git a/apps/demos/Demos/Charts/LabelCustomization/Angular/app/app.component.html b/apps/demos/Demos/Charts/LabelCustomization/Angular/app/app.component.html
index fd1c65d0d23b..97d522b3d87c 100644
--- a/apps/demos/Demos/Charts/LabelCustomization/Angular/app/app.component.html
+++ b/apps/demos/Demos/Charts/LabelCustomization/Angular/app/app.component.html
@@ -1,6 +1,6 @@
 <dx-pie-chart
   id="pie"
-  title="Olympic Medals in 2008"
+  title="Olympic Medals in 2024"
   palette="bright"
   [dataSource]="olympicMedals"
 >
diff --git a/apps/demos/Demos/Charts/LabelCustomization/Angular/app/app.service.ts b/apps/demos/Demos/Charts/LabelCustomization/Angular/app/app.service.ts
index abf30f6a40ea..0c602ff92b02 100644
--- a/apps/demos/Demos/Charts/LabelCustomization/Angular/app/app.service.ts
+++ b/apps/demos/Demos/Charts/LabelCustomization/Angular/app/app.service.ts
@@ -10,28 +10,25 @@ export class MedalsInfo {
 
 const medals: MedalsInfo[] = [{
   country: 'USA',
-  medals: 110,
+  medals: 126,
 }, {
-  country: 'China',
-  medals: 100,
+  country: 'Great Britain',
+  medals: 65,
 }, {
-  country: 'Russia',
-  medals: 72,
-}, {
-  country: 'Britain',
-  medals: 47,
+  country: 'France',
+  medals: 64,
 }, {
   country: 'Australia',
-  medals: 46,
+  medals: 53,
 }, {
-  country: 'Germany',
-  medals: 41,
+  country: 'Japan',
+  medals: 45,
 }, {
-  country: 'France',
+  country: 'Italy',
   medals: 40,
 }, {
-  country: 'South Korea',
-  medals: 31,
+  country: 'Germany',
+  medals: 33,
 }];
 
 @Injectable()
diff --git a/apps/demos/Demos/Charts/LabelCustomization/React/App.tsx b/apps/demos/Demos/Charts/LabelCustomization/React/App.tsx
index 58dff0b1d4f7..1fb9542b5b92 100644
--- a/apps/demos/Demos/Charts/LabelCustomization/React/App.tsx
+++ b/apps/demos/Demos/Charts/LabelCustomization/React/App.tsx
@@ -18,7 +18,7 @@ function App() {
     <PieChart id="pie"
       palette="Bright"
       dataSource={dataSource}
-      title="Olympic Medals in 2008"
+      title="Olympic Medals in 2024"
     >
       <Legend
         orientation="horizontal"
diff --git a/apps/demos/Demos/Charts/LabelCustomization/React/data.ts b/apps/demos/Demos/Charts/LabelCustomization/React/data.ts
index 43b5f7595790..3ffd5dacae0b 100644
--- a/apps/demos/Demos/Charts/LabelCustomization/React/data.ts
+++ b/apps/demos/Demos/Charts/LabelCustomization/React/data.ts
@@ -1,25 +1,22 @@
 export const dataSource = [{
   country: 'USA',
-  medals: 110,
+  medals: 126,
 }, {
-  country: 'China',
-  medals: 100,
+  country: 'Great Britain',
+  medals: 65,
 }, {
-  country: 'Russia',
-  medals: 72,
-}, {
-  country: 'Britain',
-  medals: 47,
+  country: 'France',
+  medals: 64,
 }, {
   country: 'Australia',
-  medals: 46,
+  medals: 53,
 }, {
-  country: 'Germany',
-  medals: 41,
+  country: 'Japan',
+  medals: 45,
 }, {
-  country: 'France',
+  country: 'Italy',
   medals: 40,
 }, {
-  country: 'South Korea',
-  medals: 31,
+  country: 'Germany',
+  medals: 33,
 }];
diff --git a/apps/demos/Demos/Charts/LabelCustomization/ReactJs/App.js b/apps/demos/Demos/Charts/LabelCustomization/ReactJs/App.js
index 981cec5758a1..37163c25b92b 100644
--- a/apps/demos/Demos/Charts/LabelCustomization/ReactJs/App.js
+++ b/apps/demos/Demos/Charts/LabelCustomization/ReactJs/App.js
@@ -18,7 +18,7 @@ function App() {
       id="pie"
       palette="Bright"
       dataSource={dataSource}
-      title="Olympic Medals in 2008"
+      title="Olympic Medals in 2024"
     >
       <Legend
         orientation="horizontal"
diff --git a/apps/demos/Demos/Charts/LabelCustomization/ReactJs/data.js b/apps/demos/Demos/Charts/LabelCustomization/ReactJs/data.js
index c0b2dc9a624d..baebc50018d3 100644
--- a/apps/demos/Demos/Charts/LabelCustomization/ReactJs/data.js
+++ b/apps/demos/Demos/Charts/LabelCustomization/ReactJs/data.js
@@ -1,34 +1,30 @@
 export const dataSource = [
   {
     country: 'USA',
-    medals: 110,
+    medals: 126,
   },
   {
-    country: 'China',
-    medals: 100,
+    country: 'Great Britain',
+    medals: 65,
   },
   {
-    country: 'Russia',
-    medals: 72,
-  },
-  {
-    country: 'Britain',
-    medals: 47,
+    country: 'France',
+    medals: 64,
   },
   {
     country: 'Australia',
-    medals: 46,
+    medals: 53,
   },
   {
-    country: 'Germany',
-    medals: 41,
+    country: 'Japan',
+    medals: 45,
   },
   {
-    country: 'France',
+    country: 'Italy',
     medals: 40,
   },
   {
-    country: 'South Korea',
-    medals: 31,
+    country: 'Germany',
+    medals: 33,
   },
 ];
diff --git a/apps/demos/Demos/Charts/LabelCustomization/Vue/App.vue b/apps/demos/Demos/Charts/LabelCustomization/Vue/App.vue
index 811b0fe35f99..2bdc079c2b2e 100644
--- a/apps/demos/Demos/Charts/LabelCustomization/Vue/App.vue
+++ b/apps/demos/Demos/Charts/LabelCustomization/Vue/App.vue
@@ -3,7 +3,7 @@
     id="pie"
     :data-source="dataSource"
     palette="Bright"
-    title="Olympic Medals in 2008"
+    title="Olympic Medals in 2024"
   >
     <DxSeries
       argument-field="country"
diff --git a/apps/demos/Demos/Charts/LabelCustomization/Vue/data.ts b/apps/demos/Demos/Charts/LabelCustomization/Vue/data.ts
index 43b5f7595790..3ffd5dacae0b 100644
--- a/apps/demos/Demos/Charts/LabelCustomization/Vue/data.ts
+++ b/apps/demos/Demos/Charts/LabelCustomization/Vue/data.ts
@@ -1,25 +1,22 @@
 export const dataSource = [{
   country: 'USA',
-  medals: 110,
+  medals: 126,
 }, {
-  country: 'China',
-  medals: 100,
+  country: 'Great Britain',
+  medals: 65,
 }, {
-  country: 'Russia',
-  medals: 72,
-}, {
-  country: 'Britain',
-  medals: 47,
+  country: 'France',
+  medals: 64,
 }, {
   country: 'Australia',
-  medals: 46,
+  medals: 53,
 }, {
-  country: 'Germany',
-  medals: 41,
+  country: 'Japan',
+  medals: 45,
 }, {
-  country: 'France',
+  country: 'Italy',
   medals: 40,
 }, {
-  country: 'South Korea',
-  medals: 31,
+  country: 'Germany',
+  medals: 33,
 }];
diff --git a/apps/demos/Demos/Charts/LabelCustomization/jQuery/data.js b/apps/demos/Demos/Charts/LabelCustomization/jQuery/data.js
index 1422a99a36ba..b7453f5e2e34 100644
--- a/apps/demos/Demos/Charts/LabelCustomization/jQuery/data.js
+++ b/apps/demos/Demos/Charts/LabelCustomization/jQuery/data.js
@@ -1,25 +1,22 @@
 const dataSource = [{
   country: 'USA',
-  medals: 110,
+  medals: 126,
 }, {
-  country: 'China',
-  medals: 100,
+  country: 'Great Britain',
+  medals: 65,
 }, {
-  country: 'Russia',
-  medals: 72,
-}, {
-  country: 'Britain',
-  medals: 47,
+  country: 'France',
+  medals: 64,
 }, {
   country: 'Australia',
-  medals: 46,
+  medals: 53,
 }, {
-  country: 'Germany',
-  medals: 41,
+  country: 'Japan',
+  medals: 45,
 }, {
-  country: 'France',
+  country: 'Italy',
   medals: 40,
 }, {
-  country: 'South Korea',
-  medals: 31,
+  country: 'Germany',
+  medals: 33,
 }];
diff --git a/apps/demos/Demos/Charts/LabelCustomization/jQuery/index.js b/apps/demos/Demos/Charts/LabelCustomization/jQuery/index.js
index c935d2282600..996caae987f2 100644
--- a/apps/demos/Demos/Charts/LabelCustomization/jQuery/index.js
+++ b/apps/demos/Demos/Charts/LabelCustomization/jQuery/index.js
@@ -2,7 +2,7 @@ $(() => {
   $('#pie').dxPieChart({
     palette: 'bright',
     dataSource,
-    title: 'Olympic Medals in 2008',
+    title: 'Olympic Medals in 2024',
     legend: {
       orientation: 'horizontal',
       itemTextPosition: 'right',
diff --git a/apps/demos/Demos/Charts/Line/Angular/app/app.component.html b/apps/demos/Demos/Charts/Line/Angular/app/app.component.html
index 403ce6581bbc..3b1cdd1cb81b 100644
--- a/apps/demos/Demos/Charts/Line/Angular/app/app.component.html
+++ b/apps/demos/Demos/Charts/Line/Angular/app/app.component.html
@@ -23,7 +23,7 @@
       itemTextPosition="bottom"
     >
     </dxo-chart-legend>
-    <dxo-chart-title text="Energy Consumption in 2004">
+    <dxo-chart-title text="Energy Consumption in 2024">
       <dxo-chart-subtitle text="(Millions of Tons, Oil Equivalent)">
       </dxo-chart-subtitle>
     </dxo-chart-title>
diff --git a/apps/demos/Demos/Charts/Line/Angular/app/app.service.ts b/apps/demos/Demos/Charts/Line/Angular/app/app.service.ts
index 9f3b0a80679e..b9867a022ccc 100644
--- a/apps/demos/Demos/Charts/Line/Angular/app/app.service.ts
+++ b/apps/demos/Demos/Charts/Line/Angular/app/app.service.ts
@@ -30,46 +30,46 @@ const energySources: EnergyDescription[] = [
 
 const countriesInfo: CountryInfo[] = [{
   country: 'USA',
-  hydro: 71.2,
-  oil: 910.4,
-  gas: 483.2,
-  coal: 564.3,
-  nuclear: 216.1,
-}, {
-  country: 'China',
-  hydro: 72.5,
-  oil: 223.6,
-  gas: 36,
-  coal: 956.9,
-  nuclear: 11.3,
-}, {
-  country: 'Russia',
-  hydro: 47.7,
-  oil: 149.4,
-  gas: 432.3,
-  coal: 105,
-  nuclear: 29.3,
+  hydro: 60,
+  oil: 940,
+  gas: 910,
+  coal: 210,
+  nuclear: 230,
 }, {
   country: 'Japan',
-  hydro: 17.9,
-  oil: 283.6,
-  gas: 61.8,
-  coal: 120.8,
-  nuclear: 52.8,
+  hydro: 20,
+  oil: 170,
+  gas: 85,
+  coal: 120,
+  nuclear: 35,
 }, {
   country: 'India',
-  hydro: 14.4,
-  oil: 86.4,
-  gas: 25.1,
-  coal: 204.8,
-  nuclear: 3.8,
+  hydro: 40,
+  oil: 260,
+  gas: 60,
+  coal: 620,
+  nuclear: 10,
 }, {
   country: 'Germany',
-  hydro: 6.6,
-  oil: 101.7,
-  gas: 92.7,
-  coal: 85.7,
-  nuclear: 30.8,
+  hydro: 7,
+  oil: 110,
+  gas: 85,
+  coal: 35,
+  nuclear: 5,
+}, {
+  country: 'Canada',
+  hydro: 90,
+  oil: 110,
+  gas: 120,
+  coal: 5,
+  nuclear: 20,
+}, {
+  country: 'Brazil',
+  hydro: 110,
+  oil: 150,
+  gas: 50,
+  coal: 15,
+  nuclear: 5,
 }];
 
 @Injectable()
diff --git a/apps/demos/Demos/Charts/Line/React/App.tsx b/apps/demos/Demos/Charts/Line/React/App.tsx
index 9daefbcd7ff0..6091bcb4b147 100644
--- a/apps/demos/Demos/Charts/Line/React/App.tsx
+++ b/apps/demos/Demos/Charts/Line/React/App.tsx
@@ -48,7 +48,7 @@ function App() {
           itemTextPosition="bottom"
         />
         <Export enabled={true} />
-        <Title text="Energy Consumption in 2004">
+        <Title text="Energy Consumption in 2024">
           <Subtitle text="(Millions of Tons, Oil Equivalent)" />
         </Title>
         <Tooltip enabled={true} />
diff --git a/apps/demos/Demos/Charts/Line/React/data.ts b/apps/demos/Demos/Charts/Line/React/data.ts
index d8fd4731f255..555e3275a0bb 100644
--- a/apps/demos/Demos/Charts/Line/React/data.ts
+++ b/apps/demos/Demos/Charts/Line/React/data.ts
@@ -8,46 +8,46 @@ const energySources = [
 
 const countriesInfo = [{
   country: 'USA',
-  hydro: 71.2,
-  oil: 910.4,
-  gas: 483.2,
-  coal: 564.3,
-  nuclear: 216.1,
-}, {
-  country: 'China',
-  hydro: 72.5,
-  oil: 223.6,
-  gas: 36,
-  coal: 956.9,
-  nuclear: 11.3,
-}, {
-  country: 'Russia',
-  hydro: 47.7,
-  oil: 149.4,
-  gas: 432.3,
-  coal: 105,
-  nuclear: 29.3,
+  hydro: 60,
+  oil: 940,
+  gas: 910,
+  coal: 210,
+  nuclear: 230,
 }, {
   country: 'Japan',
-  hydro: 17.9,
-  oil: 283.6,
-  gas: 61.8,
-  coal: 120.8,
-  nuclear: 52.8,
+  hydro: 20,
+  oil: 170,
+  gas: 85,
+  coal: 120,
+  nuclear: 35,
 }, {
   country: 'India',
-  hydro: 14.4,
-  oil: 86.4,
-  gas: 25.1,
-  coal: 204.8,
-  nuclear: 3.8,
+  hydro: 40,
+  oil: 260,
+  gas: 60,
+  coal: 620,
+  nuclear: 10,
 }, {
   country: 'Germany',
-  hydro: 6.6,
-  oil: 101.7,
-  gas: 92.7,
-  coal: 85.7,
-  nuclear: 30.8,
+  hydro: 7,
+  oil: 110,
+  gas: 85,
+  coal: 35,
+  nuclear: 5,
+}, {
+  country: 'Canada',
+  hydro: 90,
+  oil: 110,
+  gas: 120,
+  coal: 5,
+  nuclear: 20,
+}, {
+  country: 'Brazil',
+  hydro: 110,
+  oil: 150,
+  gas: 50,
+  coal: 15,
+  nuclear: 5,
 }];
 
 export default {
diff --git a/apps/demos/Demos/Charts/Line/ReactJs/App.js b/apps/demos/Demos/Charts/Line/ReactJs/App.js
index 69c95833be75..67da22d7f1e1 100644
--- a/apps/demos/Demos/Charts/Line/ReactJs/App.js
+++ b/apps/demos/Demos/Charts/Line/ReactJs/App.js
@@ -54,7 +54,7 @@ function App() {
           itemTextPosition="bottom"
         />
         <Export enabled={true} />
-        <Title text="Energy Consumption in 2004">
+        <Title text="Energy Consumption in 2024">
           <Subtitle text="(Millions of Tons, Oil Equivalent)" />
         </Title>
         <Tooltip enabled={true} />
diff --git a/apps/demos/Demos/Charts/Line/ReactJs/data.js b/apps/demos/Demos/Charts/Line/ReactJs/data.js
index 1fa24d38cf54..d95a6e20ff16 100644
--- a/apps/demos/Demos/Charts/Line/ReactJs/data.js
+++ b/apps/demos/Demos/Charts/Line/ReactJs/data.js
@@ -8,51 +8,51 @@ const energySources = [
 const countriesInfo = [
   {
     country: 'USA',
-    hydro: 71.2,
-    oil: 910.4,
-    gas: 483.2,
-    coal: 564.3,
-    nuclear: 216.1,
+    hydro: 60,
+    oil: 940,
+    gas: 910,
+    coal: 210,
+    nuclear: 230,
   },
   {
-    country: 'China',
-    hydro: 72.5,
-    oil: 223.6,
-    gas: 36,
-    coal: 956.9,
-    nuclear: 11.3,
+    country: 'Japan',
+    hydro: 20,
+    oil: 170,
+    gas: 85,
+    coal: 120,
+    nuclear: 35,
   },
   {
-    country: 'Russia',
-    hydro: 47.7,
-    oil: 149.4,
-    gas: 432.3,
-    coal: 105,
-    nuclear: 29.3,
+    country: 'India',
+    hydro: 40,
+    oil: 260,
+    gas: 60,
+    coal: 620,
+    nuclear: 10,
   },
   {
-    country: 'Japan',
-    hydro: 17.9,
-    oil: 283.6,
-    gas: 61.8,
-    coal: 120.8,
-    nuclear: 52.8,
+    country: 'Germany',
+    hydro: 7,
+    oil: 110,
+    gas: 85,
+    coal: 35,
+    nuclear: 5,
   },
   {
-    country: 'India',
-    hydro: 14.4,
-    oil: 86.4,
-    gas: 25.1,
-    coal: 204.8,
-    nuclear: 3.8,
+    country: 'Canada',
+    hydro: 90,
+    oil: 110,
+    gas: 120,
+    coal: 5,
+    nuclear: 20,
   },
   {
-    country: 'Germany',
-    hydro: 6.6,
-    oil: 101.7,
-    gas: 92.7,
-    coal: 85.7,
-    nuclear: 30.8,
+    country: 'Brazil',
+    hydro: 110,
+    oil: 150,
+    gas: 50,
+    coal: 15,
+    nuclear: 5,
   },
 ];
 export default {
diff --git a/apps/demos/Demos/Charts/Line/Vue/App.vue b/apps/demos/Demos/Charts/Line/Vue/App.vue
index aef6c12095e7..6960ada3a021 100644
--- a/apps/demos/Demos/Charts/Line/Vue/App.vue
+++ b/apps/demos/Demos/Charts/Line/Vue/App.vue
@@ -28,7 +28,7 @@
         item-text-position="bottom"
       />
       <DxExport :enabled="true"/>
-      <DxTitle text="Energy Consumption in 2004">
+      <DxTitle text="Energy Consumption in 2024">
         <DxSubtitle text="(Millions of Tons, Oil Equivalent)"/>
       </DxTitle>
       <DxTooltip :enabled="true"/>
diff --git a/apps/demos/Demos/Charts/Line/Vue/data.ts b/apps/demos/Demos/Charts/Line/Vue/data.ts
index d8fd4731f255..555e3275a0bb 100644
--- a/apps/demos/Demos/Charts/Line/Vue/data.ts
+++ b/apps/demos/Demos/Charts/Line/Vue/data.ts
@@ -8,46 +8,46 @@ const energySources = [
 
 const countriesInfo = [{
   country: 'USA',
-  hydro: 71.2,
-  oil: 910.4,
-  gas: 483.2,
-  coal: 564.3,
-  nuclear: 216.1,
-}, {
-  country: 'China',
-  hydro: 72.5,
-  oil: 223.6,
-  gas: 36,
-  coal: 956.9,
-  nuclear: 11.3,
-}, {
-  country: 'Russia',
-  hydro: 47.7,
-  oil: 149.4,
-  gas: 432.3,
-  coal: 105,
-  nuclear: 29.3,
+  hydro: 60,
+  oil: 940,
+  gas: 910,
+  coal: 210,
+  nuclear: 230,
 }, {
   country: 'Japan',
-  hydro: 17.9,
-  oil: 283.6,
-  gas: 61.8,
-  coal: 120.8,
-  nuclear: 52.8,
+  hydro: 20,
+  oil: 170,
+  gas: 85,
+  coal: 120,
+  nuclear: 35,
 }, {
   country: 'India',
-  hydro: 14.4,
-  oil: 86.4,
-  gas: 25.1,
-  coal: 204.8,
-  nuclear: 3.8,
+  hydro: 40,
+  oil: 260,
+  gas: 60,
+  coal: 620,
+  nuclear: 10,
 }, {
   country: 'Germany',
-  hydro: 6.6,
-  oil: 101.7,
-  gas: 92.7,
-  coal: 85.7,
-  nuclear: 30.8,
+  hydro: 7,
+  oil: 110,
+  gas: 85,
+  coal: 35,
+  nuclear: 5,
+}, {
+  country: 'Canada',
+  hydro: 90,
+  oil: 110,
+  gas: 120,
+  coal: 5,
+  nuclear: 20,
+}, {
+  country: 'Brazil',
+  hydro: 110,
+  oil: 150,
+  gas: 50,
+  coal: 15,
+  nuclear: 5,
 }];
 
 export default {
diff --git a/apps/demos/Demos/Charts/Line/jQuery/data.js b/apps/demos/Demos/Charts/Line/jQuery/data.js
index 3eeeb0108bb5..659839c75c98 100644
--- a/apps/demos/Demos/Charts/Line/jQuery/data.js
+++ b/apps/demos/Demos/Charts/Line/jQuery/data.js
@@ -1,45 +1,45 @@
 const dataSource = [{
   country: 'USA',
-  hydro: 71.2,
-  oil: 910.4,
-  gas: 483.2,
-  coal: 564.3,
-  nuclear: 216.1,
-}, {
-  country: 'China',
-  hydro: 72.5,
-  oil: 223.6,
-  gas: 36,
-  coal: 956.9,
-  nuclear: 11.3,
-}, {
-  country: 'Russia',
-  hydro: 47.7,
-  oil: 149.4,
-  gas: 432.3,
-  coal: 105,
-  nuclear: 29.3,
+  hydro: 60,
+  oil: 940,
+  gas: 910,
+  coal: 210,
+  nuclear: 230,
 }, {
   country: 'Japan',
-  hydro: 17.9,
-  oil: 283.6,
-  gas: 61.8,
-  coal: 120.8,
-  nuclear: 52.8,
+  hydro: 20,
+  oil: 170,
+  gas: 85,
+  coal: 120,
+  nuclear: 35,
 }, {
   country: 'India',
-  hydro: 14.4,
-  oil: 86.4,
-  gas: 25.1,
-  coal: 204.8,
-  nuclear: 3.8,
+  hydro: 40,
+  oil: 260,
+  gas: 60,
+  coal: 620,
+  nuclear: 10,
 }, {
   country: 'Germany',
-  hydro: 6.6,
-  oil: 101.7,
-  gas: 92.7,
-  coal: 85.7,
-  nuclear: 30.8,
+  hydro: 7,
+  oil: 110,
+  gas: 85,
+  coal: 35,
+  nuclear: 5,
+}, {
+  country: 'Canada',
+  hydro: 90,
+  oil: 110,
+  gas: 120,
+  coal: 5,
+  nuclear: 20,
+}, {
+  country: 'Brazil',
+  hydro: 110,
+  oil: 150,
+  gas: 50,
+  coal: 15,
+  nuclear: 5,
 }];
 
 const types = ['line', 'stackedline', 'fullstackedline'];
diff --git a/apps/demos/Demos/Charts/Line/jQuery/index.js b/apps/demos/Demos/Charts/Line/jQuery/index.js
index 3082be4f0dd6..8ae19580e959 100644
--- a/apps/demos/Demos/Charts/Line/jQuery/index.js
+++ b/apps/demos/Demos/Charts/Line/jQuery/index.js
@@ -29,7 +29,7 @@ $(() => {
       itemTextPosition: 'bottom',
     },
     title: {
-      text: 'Energy Consumption in 2004',
+      text: 'Energy Consumption in 2024',
       subtitle: {
         text: '(Millions of Tons, Oil Equivalent)',
       },
diff --git a/apps/demos/Demos/Charts/PieResolveLabelOverlap/Angular/app/app.component.html b/apps/demos/Demos/Charts/PieResolveLabelOverlap/Angular/app/app.component.html
index 76455563a81b..2a802abbd5ee 100644
--- a/apps/demos/Demos/Charts/PieResolveLabelOverlap/Angular/app/app.component.html
+++ b/apps/demos/Demos/Charts/PieResolveLabelOverlap/Angular/app/app.component.html
@@ -1,7 +1,7 @@
 <div id="chart-demo">
   <dx-pie-chart
     #pie
-    title="Olympic Medals in 2008"
+    title="Olympic Medals in 2024"
     palette="bright"
     [dataSource]="olympicMedals"
     [resolveLabelOverlapping]="resolveOverlappingTypes[0]"
diff --git a/apps/demos/Demos/Charts/PieResolveLabelOverlap/Angular/app/app.service.ts b/apps/demos/Demos/Charts/PieResolveLabelOverlap/Angular/app/app.service.ts
index c672d7536e9f..8f73a4b33548 100644
--- a/apps/demos/Demos/Charts/PieResolveLabelOverlap/Angular/app/app.service.ts
+++ b/apps/demos/Demos/Charts/PieResolveLabelOverlap/Angular/app/app.service.ts
@@ -10,46 +10,46 @@ export class MedalsInfo {
 
 const medals: MedalsInfo[] = [{
   country: 'USA',
-  medals: 112,
+  medals: 126,
 }, {
-  country: 'China',
-  medals: 100,
+  country: 'Great Britain',
+  medals: 65,
 }, {
-  country: 'Russia',
-  medals: 60,
-}, {
-  country: 'Britain',
-  medals: 49,
+  country: 'France',
+  medals: 64,
 }, {
   country: 'Australia',
-  medals: 46,
+  medals: 53,
 }, {
-  country: 'France',
-  medals: 43,
+  country: 'Japan',
+  medals: 45,
+}, {
+  country: 'Italy',
+  medals: 40,
+}, {
+  country: 'Netherlands',
+  medals: 34,
 }, {
   country: 'Germany',
-  medals: 41,
+  medals: 33,
 }, {
   country: 'South Korea',
   medals: 32,
 }, {
-  country: 'Cuba',
-  medals: 29,
-}, {
-  country: 'Italy',
+  country: 'Canada',
   medals: 27,
 }, {
-  country: 'Japan',
-  medals: 25,
-}, {
-  country: 'Ukraine',
-  medals: 22,
-}, {
-  country: 'Canada',
+  country: 'New Zealand',
   medals: 20,
 }, {
-  country: 'Spain',
+  country: 'Hungary',
   medals: 19,
+}, {
+  country: 'Spain',
+  medals: 18,
+}, {
+  country: 'Uzbekistan',
+  medals: 13,
 }];
 
 @Injectable()
diff --git a/apps/demos/Demos/Charts/PieResolveLabelOverlap/React/App.tsx b/apps/demos/Demos/Charts/PieResolveLabelOverlap/React/App.tsx
index 31c5a000f0f3..018e42f5ec3a 100644
--- a/apps/demos/Demos/Charts/PieResolveLabelOverlap/React/App.tsx
+++ b/apps/demos/Demos/Charts/PieResolveLabelOverlap/React/App.tsx
@@ -32,7 +32,7 @@ function App() {
         id="pie"
         dataSource={dataSource}
         palette="Bright"
-        title="Olympic Medals in 2008"
+        title="Olympic Medals in 2024"
         resolveLabelOverlapping={resolveMode}
       >
         <Series
diff --git a/apps/demos/Demos/Charts/PieResolveLabelOverlap/React/data.ts b/apps/demos/Demos/Charts/PieResolveLabelOverlap/React/data.ts
index 7ea2b1525637..4cb0ba12c3a9 100644
--- a/apps/demos/Demos/Charts/PieResolveLabelOverlap/React/data.ts
+++ b/apps/demos/Demos/Charts/PieResolveLabelOverlap/React/data.ts
@@ -1,45 +1,45 @@
 export const dataSource = [{
   country: 'USA',
-  medals: 112,
+  medals: 126,
 }, {
-  country: 'China',
-  medals: 100,
+  country: 'Great Britain',
+  medals: 65,
 }, {
-  country: 'Russia',
-  medals: 60,
-}, {
-  country: 'Britain',
-  medals: 49,
+  country: 'France',
+  medals: 64,
 }, {
   country: 'Australia',
-  medals: 46,
+  medals: 53,
 }, {
-  country: 'France',
-  medals: 43,
+  country: 'Japan',
+  medals: 45,
+}, {
+  country: 'Italy',
+  medals: 40,
+}, {
+  country: 'Netherlands',
+  medals: 34,
 }, {
   country: 'Germany',
-  medals: 41,
+  medals: 33,
 }, {
   country: 'South Korea',
   medals: 32,
 }, {
-  country: 'Cuba',
-  medals: 29,
-}, {
-  country: 'Italy',
+  country: 'Canada',
   medals: 27,
 }, {
-  country: 'Japan',
-  medals: 25,
-}, {
-  country: 'Ukraine',
-  medals: 22,
-}, {
-  country: 'Canada',
+  country: 'New Zealand',
   medals: 20,
 }, {
-  country: 'Spain',
+  country: 'Hungary',
   medals: 19,
+}, {
+  country: 'Spain',
+  medals: 18,
+}, {
+  country: 'Uzbekistan',
+  medals: 13,
 }];
 
 export const resolutionModeLabel = { 'aria-label': 'Resolution Mode' };
diff --git a/apps/demos/Demos/Charts/PieResolveLabelOverlap/ReactJs/App.js b/apps/demos/Demos/Charts/PieResolveLabelOverlap/ReactJs/App.js
index a9f4b50fedfb..aa396cbeb807 100644
--- a/apps/demos/Demos/Charts/PieResolveLabelOverlap/ReactJs/App.js
+++ b/apps/demos/Demos/Charts/PieResolveLabelOverlap/ReactJs/App.js
@@ -28,7 +28,7 @@ function App() {
         id="pie"
         dataSource={dataSource}
         palette="Bright"
-        title="Olympic Medals in 2008"
+        title="Olympic Medals in 2024"
         resolveLabelOverlapping={resolveMode}
       >
         <Series
diff --git a/apps/demos/Demos/Charts/PieResolveLabelOverlap/ReactJs/data.js b/apps/demos/Demos/Charts/PieResolveLabelOverlap/ReactJs/data.js
index 706e686d2f6a..35b26c251bff 100644
--- a/apps/demos/Demos/Charts/PieResolveLabelOverlap/ReactJs/data.js
+++ b/apps/demos/Demos/Charts/PieResolveLabelOverlap/ReactJs/data.js
@@ -1,59 +1,59 @@
 export const dataSource = [
   {
     country: 'USA',
-    medals: 112,
+    medals: 126,
   },
   {
-    country: 'China',
-    medals: 100,
+    country: 'Great Britain',
+    medals: 65,
   },
   {
-    country: 'Russia',
-    medals: 60,
+    country: 'France',
+    medals: 64,
   },
   {
-    country: 'Britain',
-    medals: 49,
+    country: 'Australia',
+    medals: 53,
   },
   {
-    country: 'Australia',
-    medals: 46,
+    country: 'Japan',
+    medals: 45,
   },
   {
-    country: 'France',
-    medals: 43,
+    country: 'Italy',
+    medals: 40,
+  },
+  {
+    country: 'Netherlands',
+    medals: 34,
   },
   {
     country: 'Germany',
-    medals: 41,
+    medals: 33,
   },
   {
     country: 'South Korea',
     medals: 32,
   },
   {
-    country: 'Cuba',
-    medals: 29,
-  },
-  {
-    country: 'Italy',
+    country: 'Canada',
     medals: 27,
   },
   {
-    country: 'Japan',
-    medals: 25,
+    country: 'New Zealand',
+    medals: 20,
   },
   {
-    country: 'Ukraine',
-    medals: 22,
+    country: 'Hungary',
+    medals: 19,
   },
   {
-    country: 'Canada',
-    medals: 20,
+    country: 'Spain',
+    medals: 18,
   },
   {
-    country: 'Spain',
-    medals: 19,
+    country: 'Uzbekistan',
+    medals: 13,
   },
 ];
 export const resolutionModeLabel = { 'aria-label': 'Resolution Mode' };
diff --git a/apps/demos/Demos/Charts/PieResolveLabelOverlap/Vue/App.vue b/apps/demos/Demos/Charts/PieResolveLabelOverlap/Vue/App.vue
index d7acd27e3a65..37d41d1dacd8 100644
--- a/apps/demos/Demos/Charts/PieResolveLabelOverlap/Vue/App.vue
+++ b/apps/demos/Demos/Charts/PieResolveLabelOverlap/Vue/App.vue
@@ -4,7 +4,7 @@
       :data-source="dataSource"
       :resolve-label-overlapping="resolveMode"
       palette="Bright"
-      title="Olympic Medals in 2008"
+      title="Olympic Medals in 2024"
     >
       <DxSeries
         argument-field="country"
diff --git a/apps/demos/Demos/Charts/PieResolveLabelOverlap/Vue/data.ts b/apps/demos/Demos/Charts/PieResolveLabelOverlap/Vue/data.ts
index ab171c00cbc3..49da0a020a23 100644
--- a/apps/demos/Demos/Charts/PieResolveLabelOverlap/Vue/data.ts
+++ b/apps/demos/Demos/Charts/PieResolveLabelOverlap/Vue/data.ts
@@ -1,43 +1,43 @@
 export const dataSource = [{
   country: 'USA',
-  medals: 112,
+  medals: 126,
 }, {
-  country: 'China',
-  medals: 100,
+  country: 'Great Britain',
+  medals: 65,
 }, {
-  country: 'Russia',
-  medals: 60,
-}, {
-  country: 'Britain',
-  medals: 49,
+  country: 'France',
+  medals: 64,
 }, {
   country: 'Australia',
-  medals: 46,
+  medals: 53,
 }, {
-  country: 'France',
-  medals: 43,
+  country: 'Japan',
+  medals: 45,
+}, {
+  country: 'Italy',
+  medals: 40,
+}, {
+  country: 'Netherlands',
+  medals: 34,
 }, {
   country: 'Germany',
-  medals: 41,
+  medals: 33,
 }, {
   country: 'South Korea',
   medals: 32,
 }, {
-  country: 'Cuba',
-  medals: 29,
-}, {
-  country: 'Italy',
+  country: 'Canada',
   medals: 27,
 }, {
-  country: 'Japan',
-  medals: 25,
-}, {
-  country: 'Ukraine',
-  medals: 22,
-}, {
-  country: 'Canada',
+  country: 'New Zealand',
   medals: 20,
 }, {
-  country: 'Spain',
+  country: 'Hungary',
   medals: 19,
+}, {
+  country: 'Spain',
+  medals: 18,
+}, {
+  country: 'Uzbekistan',
+  medals: 13,
 }];
diff --git a/apps/demos/Demos/Charts/PieResolveLabelOverlap/jQuery/data.js b/apps/demos/Demos/Charts/PieResolveLabelOverlap/jQuery/data.js
index 46266aac0cdd..47cca327547b 100644
--- a/apps/demos/Demos/Charts/PieResolveLabelOverlap/jQuery/data.js
+++ b/apps/demos/Demos/Charts/PieResolveLabelOverlap/jQuery/data.js
@@ -1,45 +1,45 @@
 const dataSource = [{
   country: 'USA',
-  medals: 112,
+  medals: 126,
 }, {
-  country: 'China',
-  medals: 100,
+  country: 'Great Britain',
+  medals: 65,
 }, {
-  country: 'Russia',
-  medals: 60,
-}, {
-  country: 'Britain',
-  medals: 49,
+  country: 'France',
+  medals: 64,
 }, {
   country: 'Australia',
-  medals: 46,
+  medals: 53,
 }, {
-  country: 'France',
-  medals: 43,
+  country: 'Japan',
+  medals: 45,
+}, {
+  country: 'Italy',
+  medals: 40,
+}, {
+  country: 'Netherlands',
+  medals: 34,
 }, {
   country: 'Germany',
-  medals: 41,
+  medals: 33,
 }, {
   country: 'South Korea',
   medals: 32,
 }, {
-  country: 'Cuba',
-  medals: 29,
-}, {
-  country: 'Italy',
+  country: 'Canada',
   medals: 27,
 }, {
-  country: 'Japan',
-  medals: 25,
-}, {
-  country: 'Ukraine',
-  medals: 22,
-}, {
-  country: 'Canada',
+  country: 'New Zealand',
   medals: 20,
 }, {
-  country: 'Spain',
+  country: 'Hungary',
   medals: 19,
+}, {
+  country: 'Spain',
+  medals: 18,
+}, {
+  country: 'Uzbekistan',
+  medals: 13,
 }];
 
 const types = ['shift', 'hide', 'none'];
diff --git a/apps/demos/Demos/Charts/PieResolveLabelOverlap/jQuery/index.js b/apps/demos/Demos/Charts/PieResolveLabelOverlap/jQuery/index.js
index 1c56575d5e62..1558c6fe9140 100644
--- a/apps/demos/Demos/Charts/PieResolveLabelOverlap/jQuery/index.js
+++ b/apps/demos/Demos/Charts/PieResolveLabelOverlap/jQuery/index.js
@@ -2,7 +2,7 @@ $(() => {
   const pieChart = $('#pie').dxPieChart({
     palette: 'bright',
     dataSource,
-    title: 'Olympic Medals in 2008',
+    title: 'Olympic Medals in 2024',
     margin: {
       bottom: 20,
     },
diff --git a/apps/demos/Demos/Charts/RangeArea/Angular/app/app.component.html b/apps/demos/Demos/Charts/RangeArea/Angular/app/app.component.html
index a4901b8a3173..edd57e5e2583 100644
--- a/apps/demos/Demos/Charts/RangeArea/Angular/app/app.component.html
+++ b/apps/demos/Demos/Charts/RangeArea/Angular/app/app.component.html
@@ -1,7 +1,7 @@
 <dx-chart
   id="chart"
   palette="violet"
-  title="Annual Inflation Rate in 2010 and 2011"
+  title="Annual Inflation Rate in 2024 and 2025"
   [dataSource]="inflationData"
 >
   <dxo-chart-common-series-settings
@@ -23,8 +23,8 @@
   <dxo-chart-export [enabled]="true"></dxo-chart-export>
   <dxo-chart-legend [visible]="false"></dxo-chart-legend>
   <dxi-chart-series
-    rangeValue1Field="val2010"
-    rangeValue2Field="val2011"
-    name="2010 - 2011"
+    rangeValue1Field="val2024"
+    rangeValue2Field="val2025"
+    name="2024 - 2025"
   ></dxi-chart-series>
 </dx-chart>
diff --git a/apps/demos/Demos/Charts/RangeArea/Angular/app/app.service.ts b/apps/demos/Demos/Charts/RangeArea/Angular/app/app.service.ts
index f5564e04a2b7..abde8d8aea06 100644
--- a/apps/demos/Demos/Charts/RangeArea/Angular/app/app.service.ts
+++ b/apps/demos/Demos/Charts/RangeArea/Angular/app/app.service.ts
@@ -5,59 +5,59 @@ import {
 export class InflationEntry {
   date: Date;
 
-  val2010: number;
+  val2024: number;
 
-  val2011: number;
+  val2025: number;
 }
 
 const inflationEntries: InflationEntry[] = [{
-  date: new Date(2010, 0, 1),
-  val2010: 1.63,
-  val2011: 2.63,
+  date: new Date(2024, 0, 1),
+  val2024: 1.63,
+  val2025: 2.63,
 }, {
-  date: new Date(2010, 1, 1),
-  val2010: 2.11,
-  val2011: 2.14,
+  date: new Date(2024, 1, 1),
+  val2024: 2.11,
+  val2025: 2.14,
 }, {
-  date: new Date(2010, 2, 1),
-  val2010: 2.68,
-  val2011: 2.31,
+  date: new Date(2024, 2, 1),
+  val2024: 2.68,
+  val2025: 2.31,
 }, {
-  date: new Date(2010, 3, 1),
-  val2010: 3.16,
-  val2011: 2.24,
+  date: new Date(2024, 3, 1),
+  val2024: 3.16,
+  val2025: 2.24,
 }, {
-  date: new Date(2010, 4, 1),
-  val2010: 3.57,
-  val2011: 2.02,
+  date: new Date(2024, 4, 1),
+  val2024: 3.57,
+  val2025: 2.02,
 }, {
-  date: new Date(2010, 5, 1),
-  val2010: 3.56,
-  val2011: 1.05,
+  date: new Date(2024, 5, 1),
+  val2024: 3.56,
+  val2025: 1.05,
 }, {
-  date: new Date(2010, 6, 1),
-  val2010: 3.63,
-  val2011: 1.24,
+  date: new Date(2024, 6, 1),
+  val2024: 3.63,
+  val2025: 1.24,
 }, {
-  date: new Date(2010, 7, 1),
-  val2010: 3.77,
-  val2011: 1.15,
+  date: new Date(2024, 7, 1),
+  val2024: 3.77,
+  val2025: 1.15,
 }, {
-  date: new Date(2010, 8, 1),
-  val2010: 3.87,
-  val2011: 1.14,
+  date: new Date(2024, 8, 1),
+  val2024: 3.87,
+  val2025: 1.14,
 }, {
-  date: new Date(2010, 9, 1),
-  val2010: 3.53,
-  val2011: 1.17,
+  date: new Date(2024, 9, 1),
+  val2024: 3.53,
+  val2025: 1.17,
 }, {
-  date: new Date(2010, 10, 1),
-  val2010: 3.39,
-  val2011: 1.14,
+  date: new Date(2024, 10, 1),
+  val2024: 3.39,
+  val2025: 1.14,
 }, {
-  date: new Date(2010, 11, 1),
-  val2010: 2.96,
-  val2011: 1.50,
+  date: new Date(2024, 11, 1),
+  val2024: 2.96,
+  val2025: 1.50,
 }];
 
 @Injectable()
diff --git a/apps/demos/Demos/Charts/RangeArea/React/App.tsx b/apps/demos/Demos/Charts/RangeArea/React/App.tsx
index 1dd876d351a5..c5425cb85812 100644
--- a/apps/demos/Demos/Charts/RangeArea/React/App.tsx
+++ b/apps/demos/Demos/Charts/RangeArea/React/App.tsx
@@ -22,16 +22,16 @@ function App() {
       id="chart"
       dataSource={inflationData}
       palette="Violet"
-      title="Annual Inflation Rate in 2010 and 2011"
+      title="Annual Inflation Rate in 2024 and 2025"
     >
       <CommonSeriesSettings
         argumentField="date"
         type="rangearea"
       />
       <Series
-        rangeValue1Field="val2010"
-        rangeValue2Field="val2011"
-        name="2010 - 2011"
+        rangeValue1Field="val2024"
+        rangeValue2Field="val2025"
+        name="2024 - 2025"
       />
 
       <ArgumentAxis valueMarginsEnabled={false}>
diff --git a/apps/demos/Demos/Charts/RangeArea/React/data.ts b/apps/demos/Demos/Charts/RangeArea/React/data.ts
index 33a923f76f69..a60c5119d5e0 100644
--- a/apps/demos/Demos/Charts/RangeArea/React/data.ts
+++ b/apps/demos/Demos/Charts/RangeArea/React/data.ts
@@ -1,49 +1,49 @@
 export const inflationData = [{
-  date: new Date(2010, 0, 1),
-  val2010: 1.63,
-  val2011: 2.63,
+  date: new Date(2024, 0, 1),
+  val2024: 1.63,
+  val2025: 2.63,
 }, {
-  date: new Date(2010, 1, 1),
-  val2010: 2.11,
-  val2011: 2.14,
+  date: new Date(2024, 1, 1),
+  val2024: 2.11,
+  val2025: 2.14,
 }, {
-  date: new Date(2010, 2, 1),
-  val2010: 2.68,
-  val2011: 2.31,
+  date: new Date(2024, 2, 1),
+  val2024: 2.68,
+  val2025: 2.31,
 }, {
-  date: new Date(2010, 3, 1),
-  val2010: 3.16,
-  val2011: 2.24,
+  date: new Date(2024, 3, 1),
+  val2024: 3.16,
+  val2025: 2.24,
 }, {
-  date: new Date(2010, 4, 1),
-  val2010: 3.57,
-  val2011: 2.02,
+  date: new Date(2024, 4, 1),
+  val2024: 3.57,
+  val2025: 2.02,
 }, {
-  date: new Date(2010, 5, 1),
-  val2010: 3.56,
-  val2011: 1.05,
+  date: new Date(2024, 5, 1),
+  val2024: 3.56,
+  val2025: 1.05,
 }, {
-  date: new Date(2010, 6, 1),
-  val2010: 3.63,
-  val2011: 1.24,
+  date: new Date(2024, 6, 1),
+  val2024: 3.63,
+  val2025: 1.24,
 }, {
-  date: new Date(2010, 7, 1),
-  val2010: 3.77,
-  val2011: 1.15,
+  date: new Date(2024, 7, 1),
+  val2024: 3.77,
+  val2025: 1.15,
 }, {
-  date: new Date(2010, 8, 1),
-  val2010: 3.87,
-  val2011: 1.14,
+  date: new Date(2024, 8, 1),
+  val2024: 3.87,
+  val2025: 1.14,
 }, {
-  date: new Date(2010, 9, 1),
-  val2010: 3.53,
-  val2011: 1.17,
+  date: new Date(2024, 9, 1),
+  val2024: 3.53,
+  val2025: 1.17,
 }, {
-  date: new Date(2010, 10, 1),
-  val2010: 3.39,
-  val2011: 1.14,
+  date: new Date(2024, 10, 1),
+  val2024: 3.39,
+  val2025: 1.14,
 }, {
-  date: new Date(2010, 11, 1),
-  val2010: 2.96,
-  val2011: 1.50,
+  date: new Date(2024, 11, 1),
+  val2024: 2.96,
+  val2025: 1.50,
 }];
diff --git a/apps/demos/Demos/Charts/RangeArea/ReactJs/App.js b/apps/demos/Demos/Charts/RangeArea/ReactJs/App.js
index af1709f644c2..94bfe45bd7bb 100644
--- a/apps/demos/Demos/Charts/RangeArea/ReactJs/App.js
+++ b/apps/demos/Demos/Charts/RangeArea/ReactJs/App.js
@@ -21,16 +21,16 @@ function App() {
       id="chart"
       dataSource={inflationData}
       palette="Violet"
-      title="Annual Inflation Rate in 2010 and 2011"
+      title="Annual Inflation Rate in 2024 and 2025"
     >
       <CommonSeriesSettings
         argumentField="date"
         type="rangearea"
       />
       <Series
-        rangeValue1Field="val2010"
-        rangeValue2Field="val2011"
-        name="2010 - 2011"
+        rangeValue1Field="val2024"
+        rangeValue2Field="val2025"
+        name="2024 - 2025"
       />
 
       <ArgumentAxis valueMarginsEnabled={false}>
diff --git a/apps/demos/Demos/Charts/RangeArea/ReactJs/data.js b/apps/demos/Demos/Charts/RangeArea/ReactJs/data.js
index c155e6db1bfc..d927a7cba018 100644
--- a/apps/demos/Demos/Charts/RangeArea/ReactJs/data.js
+++ b/apps/demos/Demos/Charts/RangeArea/ReactJs/data.js
@@ -1,62 +1,62 @@
 export const inflationData = [
   {
-    date: new Date(2010, 0, 1),
-    val2010: 1.63,
-    val2011: 2.63,
+    date: new Date(2024, 0, 1),
+    val2024: 1.63,
+    val2025: 2.63,
   },
   {
-    date: new Date(2010, 1, 1),
-    val2010: 2.11,
-    val2011: 2.14,
+    date: new Date(2024, 1, 1),
+    val2024: 2.11,
+    val2025: 2.14,
   },
   {
-    date: new Date(2010, 2, 1),
-    val2010: 2.68,
-    val2011: 2.31,
+    date: new Date(2024, 2, 1),
+    val2024: 2.68,
+    val2025: 2.31,
   },
   {
-    date: new Date(2010, 3, 1),
-    val2010: 3.16,
-    val2011: 2.24,
+    date: new Date(2024, 3, 1),
+    val2024: 3.16,
+    val2025: 2.24,
   },
   {
-    date: new Date(2010, 4, 1),
-    val2010: 3.57,
-    val2011: 2.02,
+    date: new Date(2024, 4, 1),
+    val2024: 3.57,
+    val2025: 2.02,
   },
   {
-    date: new Date(2010, 5, 1),
-    val2010: 3.56,
-    val2011: 1.05,
+    date: new Date(2024, 5, 1),
+    val2024: 3.56,
+    val2025: 1.05,
   },
   {
-    date: new Date(2010, 6, 1),
-    val2010: 3.63,
-    val2011: 1.24,
+    date: new Date(2024, 6, 1),
+    val2024: 3.63,
+    val2025: 1.24,
   },
   {
-    date: new Date(2010, 7, 1),
-    val2010: 3.77,
-    val2011: 1.15,
+    date: new Date(2024, 7, 1),
+    val2024: 3.77,
+    val2025: 1.15,
   },
   {
-    date: new Date(2010, 8, 1),
-    val2010: 3.87,
-    val2011: 1.14,
+    date: new Date(2024, 8, 1),
+    val2024: 3.87,
+    val2025: 1.14,
   },
   {
-    date: new Date(2010, 9, 1),
-    val2010: 3.53,
-    val2011: 1.17,
+    date: new Date(2024, 9, 1),
+    val2024: 3.53,
+    val2025: 1.17,
   },
   {
-    date: new Date(2010, 10, 1),
-    val2010: 3.39,
-    val2011: 1.14,
+    date: new Date(2024, 10, 1),
+    val2024: 3.39,
+    val2025: 1.14,
   },
   {
-    date: new Date(2010, 11, 1),
-    val2010: 2.96,
-    val2011: 1.5,
+    date: new Date(2024, 11, 1),
+    val2024: 2.96,
+    val2025: 1.5,
   },
 ];
diff --git a/apps/demos/Demos/Charts/RangeArea/Vue/App.vue b/apps/demos/Demos/Charts/RangeArea/Vue/App.vue
index d99cd819a4e4..cce3efb0e086 100644
--- a/apps/demos/Demos/Charts/RangeArea/Vue/App.vue
+++ b/apps/demos/Demos/Charts/RangeArea/Vue/App.vue
@@ -3,16 +3,16 @@
     id="chart"
     :data-source="inflationData"
     palette="Violet"
-    title="Annual Inflation Rate in 2010 and 2011"
+    title="Annual Inflation Rate in 2024 and 2025"
   >
     <DxCommonSeriesSettings
       argument-field="date"
       type="rangearea"
     />
     <DxSeries
-      range-value1-field="val2010"
-      range-value2-field="val2011"
-      name="2010 - 2011"
+      range-value1-field="val2024"
+      range-value2-field="val2025"
+      name="2024 - 2025"
     />
 
     <DxArgumentAxis :value-margins-enabled="false">
diff --git a/apps/demos/Demos/Charts/RangeArea/Vue/data.ts b/apps/demos/Demos/Charts/RangeArea/Vue/data.ts
index 33a923f76f69..a60c5119d5e0 100644
--- a/apps/demos/Demos/Charts/RangeArea/Vue/data.ts
+++ b/apps/demos/Demos/Charts/RangeArea/Vue/data.ts
@@ -1,49 +1,49 @@
 export const inflationData = [{
-  date: new Date(2010, 0, 1),
-  val2010: 1.63,
-  val2011: 2.63,
+  date: new Date(2024, 0, 1),
+  val2024: 1.63,
+  val2025: 2.63,
 }, {
-  date: new Date(2010, 1, 1),
-  val2010: 2.11,
-  val2011: 2.14,
+  date: new Date(2024, 1, 1),
+  val2024: 2.11,
+  val2025: 2.14,
 }, {
-  date: new Date(2010, 2, 1),
-  val2010: 2.68,
-  val2011: 2.31,
+  date: new Date(2024, 2, 1),
+  val2024: 2.68,
+  val2025: 2.31,
 }, {
-  date: new Date(2010, 3, 1),
-  val2010: 3.16,
-  val2011: 2.24,
+  date: new Date(2024, 3, 1),
+  val2024: 3.16,
+  val2025: 2.24,
 }, {
-  date: new Date(2010, 4, 1),
-  val2010: 3.57,
-  val2011: 2.02,
+  date: new Date(2024, 4, 1),
+  val2024: 3.57,
+  val2025: 2.02,
 }, {
-  date: new Date(2010, 5, 1),
-  val2010: 3.56,
-  val2011: 1.05,
+  date: new Date(2024, 5, 1),
+  val2024: 3.56,
+  val2025: 1.05,
 }, {
-  date: new Date(2010, 6, 1),
-  val2010: 3.63,
-  val2011: 1.24,
+  date: new Date(2024, 6, 1),
+  val2024: 3.63,
+  val2025: 1.24,
 }, {
-  date: new Date(2010, 7, 1),
-  val2010: 3.77,
-  val2011: 1.15,
+  date: new Date(2024, 7, 1),
+  val2024: 3.77,
+  val2025: 1.15,
 }, {
-  date: new Date(2010, 8, 1),
-  val2010: 3.87,
-  val2011: 1.14,
+  date: new Date(2024, 8, 1),
+  val2024: 3.87,
+  val2025: 1.14,
 }, {
-  date: new Date(2010, 9, 1),
-  val2010: 3.53,
-  val2011: 1.17,
+  date: new Date(2024, 9, 1),
+  val2024: 3.53,
+  val2025: 1.17,
 }, {
-  date: new Date(2010, 10, 1),
-  val2010: 3.39,
-  val2011: 1.14,
+  date: new Date(2024, 10, 1),
+  val2024: 3.39,
+  val2025: 1.14,
 }, {
-  date: new Date(2010, 11, 1),
-  val2010: 2.96,
-  val2011: 1.50,
+  date: new Date(2024, 11, 1),
+  val2024: 2.96,
+  val2025: 1.50,
 }];
diff --git a/apps/demos/Demos/Charts/RangeArea/jQuery/data.js b/apps/demos/Demos/Charts/RangeArea/jQuery/data.js
index 74875cf74921..868c0550458b 100644
--- a/apps/demos/Demos/Charts/RangeArea/jQuery/data.js
+++ b/apps/demos/Demos/Charts/RangeArea/jQuery/data.js
@@ -1,49 +1,49 @@
 const dataSource = [{
-  date: new Date(2010, 0, 1),
-  val2010: 1.63,
-  val2011: 2.63,
+  date: new Date(2024, 0, 1),
+  val2024: 1.63,
+  val2025: 2.63,
 }, {
-  date: new Date(2010, 1, 1),
-  val2010: 2.11,
-  val2011: 2.14,
+  date: new Date(2024, 1, 1),
+  val2024: 2.11,
+  val2025: 2.14,
 }, {
-  date: new Date(2010, 2, 1),
-  val2010: 2.68,
-  val2011: 2.31,
+  date: new Date(2024, 2, 1),
+  val2024: 2.68,
+  val2025: 2.31,
 }, {
-  date: new Date(2010, 3, 1),
-  val2010: 3.16,
-  val2011: 2.24,
+  date: new Date(2024, 3, 1),
+  val2024: 3.16,
+  val2025: 2.24,
 }, {
-  date: new Date(2010, 4, 1),
-  val2010: 3.57,
-  val2011: 2.02,
+  date: new Date(2024, 4, 1),
+  val2024: 3.57,
+  val2025: 2.02,
 }, {
-  date: new Date(2010, 5, 1),
-  val2010: 3.56,
-  val2011: 1.05,
+  date: new Date(2024, 5, 1),
+  val2024: 3.56,
+  val2025: 1.05,
 }, {
-  date: new Date(2010, 6, 1),
-  val2010: 3.63,
-  val2011: 1.24,
+  date: new Date(2024, 6, 1),
+  val2024: 3.63,
+  val2025: 1.24,
 }, {
-  date: new Date(2010, 7, 1),
-  val2010: 3.77,
-  val2011: 1.15,
+  date: new Date(2024, 7, 1),
+  val2024: 3.77,
+  val2025: 1.15,
 }, {
-  date: new Date(2010, 8, 1),
-  val2010: 3.87,
-  val2011: 1.14,
+  date: new Date(2024, 8, 1),
+  val2024: 3.87,
+  val2025: 1.14,
 }, {
-  date: new Date(2010, 9, 1),
-  val2010: 3.53,
-  val2011: 1.17,
+  date: new Date(2024, 9, 1),
+  val2024: 3.53,
+  val2025: 1.17,
 }, {
-  date: new Date(2010, 10, 1),
-  val2010: 3.39,
-  val2011: 1.14,
+  date: new Date(2024, 10, 1),
+  val2024: 3.39,
+  val2025: 1.14,
 }, {
-  date: new Date(2010, 11, 1),
-  val2010: 2.96,
-  val2011: 1.50,
+  date: new Date(2024, 11, 1),
+  val2024: 2.96,
+  val2025: 1.50,
 }];
diff --git a/apps/demos/Demos/Charts/RangeArea/jQuery/index.js b/apps/demos/Demos/Charts/RangeArea/jQuery/index.js
index 9eb6f924fc46..3c720787651a 100644
--- a/apps/demos/Demos/Charts/RangeArea/jQuery/index.js
+++ b/apps/demos/Demos/Charts/RangeArea/jQuery/index.js
@@ -7,11 +7,11 @@ $(() => {
       argumentField: 'date',
     },
     series: {
-      rangeValue1Field: 'val2010',
-      rangeValue2Field: 'val2011',
-      name: '2010 - 2011',
+      rangeValue1Field: 'val2024',
+      rangeValue2Field: 'val2025',
+      name: '2024 - 2025',
     },
-    title: 'Annual Inflation Rate in 2010 and 2011',
+    title: 'Annual Inflation Rate in 2024 and 2025',
     argumentAxis: {
       valueMarginsEnabled: false,
       label: {
diff --git a/apps/demos/Demos/Charts/RangeBar/Angular/app/app.component.html b/apps/demos/Demos/Charts/RangeBar/Angular/app/app.component.html
index 736747a49d10..106f62e91ea0 100644
--- a/apps/demos/Demos/Charts/RangeBar/Angular/app/app.component.html
+++ b/apps/demos/Demos/Charts/RangeBar/Angular/app/app.component.html
@@ -1,7 +1,7 @@
 <dx-chart
   id="chart"
   palette="violet"
-  title="Crude Oil Prices in 2005"
+  title="Crude Oil Prices in 2024"
   [dataSource]="oilPrices"
 >
   <dxo-chart-common-series-settings
diff --git a/apps/demos/Demos/Charts/RangeBar/Angular/app/app.service.ts b/apps/demos/Demos/Charts/RangeBar/Angular/app/app.service.ts
index 056843981038..7fb8fb987e5a 100644
--- a/apps/demos/Demos/Charts/RangeBar/Angular/app/app.service.ts
+++ b/apps/demos/Demos/Charts/RangeBar/Angular/app/app.service.ts
@@ -15,77 +15,77 @@ export class OilPrice {
 }
 
 const oilPrices: OilPrice[] = [{
-  date: new Date(2005, 0, 1),
-  aVal1: 34.33,
-  aVal2: 43.29,
-  tVal1: 40.18,
-  tVal2: 49.91,
+  date: new Date(2024, 0, 1),
+  aVal1: 72,
+  aVal2: 78,
+  tVal1: 70,
+  tVal2: 74,
 }, {
-  date: new Date(2005, 1, 1),
-  aVal1: 42.24,
-  aVal2: 47.07,
-  tVal1: 29.65,
-  tVal2: 51.75,
+  date: new Date(2024, 1, 1),
+  aVal1: 74,
+  aVal2: 80,
+  tVal1: 73,
+  tVal2: 77,
 }, {
-  date: new Date(2005, 2, 1),
-  aVal1: 42.93,
-  aVal2: 52.77,
-  tVal1: 51.01,
-  tVal2: 56.72,
+  date: new Date(2024, 2, 1),
+  aVal1: 78,
+  aVal2: 84,
+  tVal1: 78,
+  tVal2: 81,
 }, {
-  date: new Date(2005, 3, 1),
-  aVal1: 44.24,
-  aVal2: 54.14,
-  tVal1: 48.06,
-  tVal2: 57.27,
+  date: new Date(2024, 3, 1),
+  aVal1: 82,
+  aVal2: 90,
+  tVal1: 82,
+  tVal2: 85,
 }, {
-  date: new Date(2005, 4, 1),
-  aVal1: 44.47,
-  aVal2: 49.03,
-  tVal1: 47.28,
-  tVal2: 52.07,
+  date: new Date(2024, 4, 1),
+  aVal1: 77,
+  aVal2: 84,
+  tVal1: 77,
+  tVal2: 80,
 }, {
-  date: new Date(2005, 5, 1),
-  aVal1: 50.55,
-  aVal2: 57.94,
-  tVal1: 55.01,
-  tVal2: 60.54,
+  date: new Date(2024, 5, 1),
+  aVal1: 76,
+  aVal2: 83,
+  tVal1: 78,
+  tVal2: 80,
 }, {
-  date: new Date(2005, 6, 1),
-  aVal1: 52.79,
-  aVal2: 58.98,
-  tVal1: 55.52,
-  tVal2: 61.28,
+  date: new Date(2024, 6, 1),
+  aVal1: 78,
+  aVal2: 86,
+  tVal1: 80,
+  tVal2: 82,
 }, {
-  date: new Date(2005, 7, 1),
-  aVal1: 56.49,
-  aVal2: 67.06,
-  tVal1: 62.23,
-  tVal2: 68.94,
+  date: new Date(2024, 7, 1),
+  aVal1: 73,
+  aVal2: 81,
+  tVal1: 74,
+  tVal2: 77,
 }, {
-  date: new Date(2005, 8, 1),
-  aVal1: 62.77,
-  aVal2: 66.72,
-  tVal1: 65.19,
-  tVal2: 69.47,
+  date: new Date(2024, 8, 1),
+  aVal1: 67,
+  aVal2: 74,
+  tVal1: 68,
+  tVal2: 70,
 }, {
-  date: new Date(2005, 9, 1),
-  aVal1: 57.52,
-  aVal2: 63.47,
-  tVal1: 59.35,
-  tVal2: 65.47,
+  date: new Date(2024, 9, 1),
+  aVal1: 69,
+  aVal2: 76,
+  tVal1: 70,
+  tVal2: 72,
 }, {
-  date: new Date(2005, 10, 1),
-  aVal1: 52.92,
-  aVal2: 59.98,
-  tVal1: 56.15,
-  tVal2: 61.78,
+  date: new Date(2024, 10, 1),
+  aVal1: 67,
+  aVal2: 73,
+  tVal1: 68,
+  tVal2: 70,
 }, {
-  date: new Date(2005, 11, 1),
-  aVal1: 55.22,
-  aVal2: 55.22,
-  tVal1: 57.34,
-  tVal2: 57.37,
+  date: new Date(2024, 11, 1),
+  aVal1: 68,
+  aVal2: 74,
+  tVal1: 69,
+  tVal2: 71,
 }];
 
 @Injectable()
diff --git a/apps/demos/Demos/Charts/RangeBar/React/App.tsx b/apps/demos/Demos/Charts/RangeBar/React/App.tsx
index df03fd17f020..a0991b68b1a9 100644
--- a/apps/demos/Demos/Charts/RangeBar/React/App.tsx
+++ b/apps/demos/Demos/Charts/RangeBar/React/App.tsx
@@ -17,7 +17,7 @@ function App() {
       id="chart"
       dataSource={oilPrices}
       palette="Violet"
-      title="Crude Oil Prices in 2005"
+      title="Crude Oil Prices in 2024"
     >
       <Tooltip enabled={true}></Tooltip>
       <CommonSeriesSettings
diff --git a/apps/demos/Demos/Charts/RangeBar/React/data.ts b/apps/demos/Demos/Charts/RangeBar/React/data.ts
index 54067b8ad3eb..133b5653e3d6 100644
--- a/apps/demos/Demos/Charts/RangeBar/React/data.ts
+++ b/apps/demos/Demos/Charts/RangeBar/React/data.ts
@@ -1,73 +1,73 @@
 export const oilPrices = [{
-  date: new Date(2005, 0, 1),
-  aVal1: 34.33,
-  aVal2: 43.29,
-  tVal1: 40.18,
-  tVal2: 49.91,
+  date: new Date(2024, 0, 1),
+  aVal1: 72,
+  aVal2: 78,
+  tVal1: 70,
+  tVal2: 74,
 }, {
-  date: new Date(2005, 1, 1),
-  aVal1: 42.24,
-  aVal2: 47.07,
-  tVal1: 29.65,
-  tVal2: 51.75,
+  date: new Date(2024, 1, 1),
+  aVal1: 74,
+  aVal2: 80,
+  tVal1: 73,
+  tVal2: 77,
 }, {
-  date: new Date(2005, 2, 1),
-  aVal1: 42.93,
-  aVal2: 52.77,
-  tVal1: 51.01,
-  tVal2: 56.72,
+  date: new Date(2024, 2, 1),
+  aVal1: 78,
+  aVal2: 84,
+  tVal1: 78,
+  tVal2: 81,
 }, {
-  date: new Date(2005, 3, 1),
-  aVal1: 44.24,
-  aVal2: 54.14,
-  tVal1: 48.06,
-  tVal2: 57.27,
+  date: new Date(2024, 3, 1),
+  aVal1: 82,
+  aVal2: 90,
+  tVal1: 82,
+  tVal2: 85,
 }, {
-  date: new Date(2005, 4, 1),
-  aVal1: 44.47,
-  aVal2: 49.03,
-  tVal1: 47.28,
-  tVal2: 52.07,
+  date: new Date(2024, 4, 1),
+  aVal1: 77,
+  aVal2: 84,
+  tVal1: 77,
+  tVal2: 80,
 }, {
-  date: new Date(2005, 5, 1),
-  aVal1: 50.55,
-  aVal2: 57.94,
-  tVal1: 55.01,
-  tVal2: 60.54,
+  date: new Date(2024, 5, 1),
+  aVal1: 76,
+  aVal2: 83,
+  tVal1: 78,
+  tVal2: 80,
 }, {
-  date: new Date(2005, 6, 1),
-  aVal1: 52.79,
-  aVal2: 58.98,
-  tVal1: 55.52,
-  tVal2: 61.28,
+  date: new Date(2024, 6, 1),
+  aVal1: 78,
+  aVal2: 86,
+  tVal1: 80,
+  tVal2: 82,
 }, {
-  date: new Date(2005, 7, 1),
-  aVal1: 56.49,
-  aVal2: 67.06,
-  tVal1: 62.23,
-  tVal2: 68.94,
+  date: new Date(2024, 7, 1),
+  aVal1: 73,
+  aVal2: 81,
+  tVal1: 74,
+  tVal2: 77,
 }, {
-  date: new Date(2005, 8, 1),
-  aVal1: 62.77,
-  aVal2: 66.72,
-  tVal1: 65.19,
-  tVal2: 69.47,
+  date: new Date(2024, 8, 1),
+  aVal1: 67,
+  aVal2: 74,
+  tVal1: 68,
+  tVal2: 70,
 }, {
-  date: new Date(2005, 9, 1),
-  aVal1: 57.52,
-  aVal2: 63.47,
-  tVal1: 59.35,
-  tVal2: 65.47,
+  date: new Date(2024, 9, 1),
+  aVal1: 69,
+  aVal2: 76,
+  tVal1: 70,
+  tVal2: 72,
 }, {
-  date: new Date(2005, 10, 1),
-  aVal1: 52.92,
-  aVal2: 59.98,
-  tVal1: 56.15,
-  tVal2: 61.78,
+  date: new Date(2024, 10, 1),
+  aVal1: 67,
+  aVal2: 73,
+  tVal1: 68,
+  tVal2: 70,
 }, {
-  date: new Date(2005, 11, 1),
-  aVal1: 55.22,
-  aVal2: 55.22,
-  tVal1: 57.34,
-  tVal2: 57.37,
+  date: new Date(2024, 11, 1),
+  aVal1: 68,
+  aVal2: 74,
+  tVal1: 69,
+  tVal2: 71,
 }];
diff --git a/apps/demos/Demos/Charts/RangeBar/ReactJs/App.js b/apps/demos/Demos/Charts/RangeBar/ReactJs/App.js
index 74e51e5ab09e..d0697ade6099 100644
--- a/apps/demos/Demos/Charts/RangeBar/ReactJs/App.js
+++ b/apps/demos/Demos/Charts/RangeBar/ReactJs/App.js
@@ -17,7 +17,7 @@ function App() {
       id="chart"
       dataSource={oilPrices}
       palette="Violet"
-      title="Crude Oil Prices in 2005"
+      title="Crude Oil Prices in 2024"
     >
       <Tooltip enabled={true}></Tooltip>
       <CommonSeriesSettings
diff --git a/apps/demos/Demos/Charts/RangeBar/ReactJs/data.js b/apps/demos/Demos/Charts/RangeBar/ReactJs/data.js
index 3e94eeb47350..7430e629d3bd 100644
--- a/apps/demos/Demos/Charts/RangeBar/ReactJs/data.js
+++ b/apps/demos/Demos/Charts/RangeBar/ReactJs/data.js
@@ -1,86 +1,86 @@
 export const oilPrices = [
   {
-    date: new Date(2005, 0, 1),
-    aVal1: 34.33,
-    aVal2: 43.29,
-    tVal1: 40.18,
-    tVal2: 49.91,
+    date: new Date(2024, 0, 1),
+    aVal1: 72,
+    aVal2: 78,
+    tVal1: 70,
+    tVal2: 74,
   },
   {
-    date: new Date(2005, 1, 1),
-    aVal1: 42.24,
-    aVal2: 47.07,
-    tVal1: 29.65,
-    tVal2: 51.75,
+    date: new Date(2024, 1, 1),
+    aVal1: 74,
+    aVal2: 80,
+    tVal1: 73,
+    tVal2: 77,
   },
   {
-    date: new Date(2005, 2, 1),
-    aVal1: 42.93,
-    aVal2: 52.77,
-    tVal1: 51.01,
-    tVal2: 56.72,
+    date: new Date(2024, 2, 1),
+    aVal1: 78,
+    aVal2: 84,
+    tVal1: 78,
+    tVal2: 81,
   },
   {
-    date: new Date(2005, 3, 1),
-    aVal1: 44.24,
-    aVal2: 54.14,
-    tVal1: 48.06,
-    tVal2: 57.27,
+    date: new Date(2024, 3, 1),
+    aVal1: 82,
+    aVal2: 90,
+    tVal1: 82,
+    tVal2: 85,
   },
   {
-    date: new Date(2005, 4, 1),
-    aVal1: 44.47,
-    aVal2: 49.03,
-    tVal1: 47.28,
-    tVal2: 52.07,
+    date: new Date(2024, 4, 1),
+    aVal1: 77,
+    aVal2: 84,
+    tVal1: 77,
+    tVal2: 80,
   },
   {
-    date: new Date(2005, 5, 1),
-    aVal1: 50.55,
-    aVal2: 57.94,
-    tVal1: 55.01,
-    tVal2: 60.54,
+    date: new Date(2024, 5, 1),
+    aVal1: 76,
+    aVal2: 83,
+    tVal1: 78,
+    tVal2: 80,
   },
   {
-    date: new Date(2005, 6, 1),
-    aVal1: 52.79,
-    aVal2: 58.98,
-    tVal1: 55.52,
-    tVal2: 61.28,
+    date: new Date(2024, 6, 1),
+    aVal1: 78,
+    aVal2: 86,
+    tVal1: 80,
+    tVal2: 82,
   },
   {
-    date: new Date(2005, 7, 1),
-    aVal1: 56.49,
-    aVal2: 67.06,
-    tVal1: 62.23,
-    tVal2: 68.94,
+    date: new Date(2024, 7, 1),
+    aVal1: 73,
+    aVal2: 81,
+    tVal1: 74,
+    tVal2: 77,
   },
   {
-    date: new Date(2005, 8, 1),
-    aVal1: 62.77,
-    aVal2: 66.72,
-    tVal1: 65.19,
-    tVal2: 69.47,
+    date: new Date(2024, 8, 1),
+    aVal1: 67,
+    aVal2: 74,
+    tVal1: 68,
+    tVal2: 70,
   },
   {
-    date: new Date(2005, 9, 1),
-    aVal1: 57.52,
-    aVal2: 63.47,
-    tVal1: 59.35,
-    tVal2: 65.47,
+    date: new Date(2024, 9, 1),
+    aVal1: 69,
+    aVal2: 76,
+    tVal1: 70,
+    tVal2: 72,
   },
   {
-    date: new Date(2005, 10, 1),
-    aVal1: 52.92,
-    aVal2: 59.98,
-    tVal1: 56.15,
-    tVal2: 61.78,
+    date: new Date(2024, 10, 1),
+    aVal1: 67,
+    aVal2: 73,
+    tVal1: 68,
+    tVal2: 70,
   },
   {
-    date: new Date(2005, 11, 1),
-    aVal1: 55.22,
-    aVal2: 55.22,
-    tVal1: 57.34,
-    tVal2: 57.37,
+    date: new Date(2024, 11, 1),
+    aVal1: 68,
+    aVal2: 74,
+    tVal1: 69,
+    tVal2: 71,
   },
 ];
diff --git a/apps/demos/Demos/Charts/RangeBar/Vue/App.vue b/apps/demos/Demos/Charts/RangeBar/Vue/App.vue
index ce17c0478ae2..6ab9053abfc4 100644
--- a/apps/demos/Demos/Charts/RangeBar/Vue/App.vue
+++ b/apps/demos/Demos/Charts/RangeBar/Vue/App.vue
@@ -3,7 +3,7 @@
     id="chart"
     :data-source="oilPrices"
     palette="Violet"
-    title="Crude Oil Prices in 2005"
+    title="Crude Oil Prices in 2024"
   >
     <DxCommonSeriesSettings
       argument-field="date"
diff --git a/apps/demos/Demos/Charts/RangeBar/Vue/data.ts b/apps/demos/Demos/Charts/RangeBar/Vue/data.ts
index 54067b8ad3eb..133b5653e3d6 100644
--- a/apps/demos/Demos/Charts/RangeBar/Vue/data.ts
+++ b/apps/demos/Demos/Charts/RangeBar/Vue/data.ts
@@ -1,73 +1,73 @@
 export const oilPrices = [{
-  date: new Date(2005, 0, 1),
-  aVal1: 34.33,
-  aVal2: 43.29,
-  tVal1: 40.18,
-  tVal2: 49.91,
+  date: new Date(2024, 0, 1),
+  aVal1: 72,
+  aVal2: 78,
+  tVal1: 70,
+  tVal2: 74,
 }, {
-  date: new Date(2005, 1, 1),
-  aVal1: 42.24,
-  aVal2: 47.07,
-  tVal1: 29.65,
-  tVal2: 51.75,
+  date: new Date(2024, 1, 1),
+  aVal1: 74,
+  aVal2: 80,
+  tVal1: 73,
+  tVal2: 77,
 }, {
-  date: new Date(2005, 2, 1),
-  aVal1: 42.93,
-  aVal2: 52.77,
-  tVal1: 51.01,
-  tVal2: 56.72,
+  date: new Date(2024, 2, 1),
+  aVal1: 78,
+  aVal2: 84,
+  tVal1: 78,
+  tVal2: 81,
 }, {
-  date: new Date(2005, 3, 1),
-  aVal1: 44.24,
-  aVal2: 54.14,
-  tVal1: 48.06,
-  tVal2: 57.27,
+  date: new Date(2024, 3, 1),
+  aVal1: 82,
+  aVal2: 90,
+  tVal1: 82,
+  tVal2: 85,
 }, {
-  date: new Date(2005, 4, 1),
-  aVal1: 44.47,
-  aVal2: 49.03,
-  tVal1: 47.28,
-  tVal2: 52.07,
+  date: new Date(2024, 4, 1),
+  aVal1: 77,
+  aVal2: 84,
+  tVal1: 77,
+  tVal2: 80,
 }, {
-  date: new Date(2005, 5, 1),
-  aVal1: 50.55,
-  aVal2: 57.94,
-  tVal1: 55.01,
-  tVal2: 60.54,
+  date: new Date(2024, 5, 1),
+  aVal1: 76,
+  aVal2: 83,
+  tVal1: 78,
+  tVal2: 80,
 }, {
-  date: new Date(2005, 6, 1),
-  aVal1: 52.79,
-  aVal2: 58.98,
-  tVal1: 55.52,
-  tVal2: 61.28,
+  date: new Date(2024, 6, 1),
+  aVal1: 78,
+  aVal2: 86,
+  tVal1: 80,
+  tVal2: 82,
 }, {
-  date: new Date(2005, 7, 1),
-  aVal1: 56.49,
-  aVal2: 67.06,
-  tVal1: 62.23,
-  tVal2: 68.94,
+  date: new Date(2024, 7, 1),
+  aVal1: 73,
+  aVal2: 81,
+  tVal1: 74,
+  tVal2: 77,
 }, {
-  date: new Date(2005, 8, 1),
-  aVal1: 62.77,
-  aVal2: 66.72,
-  tVal1: 65.19,
-  tVal2: 69.47,
+  date: new Date(2024, 8, 1),
+  aVal1: 67,
+  aVal2: 74,
+  tVal1: 68,
+  tVal2: 70,
 }, {
-  date: new Date(2005, 9, 1),
-  aVal1: 57.52,
-  aVal2: 63.47,
-  tVal1: 59.35,
-  tVal2: 65.47,
+  date: new Date(2024, 9, 1),
+  aVal1: 69,
+  aVal2: 76,
+  tVal1: 70,
+  tVal2: 72,
 }, {
-  date: new Date(2005, 10, 1),
-  aVal1: 52.92,
-  aVal2: 59.98,
-  tVal1: 56.15,
-  tVal2: 61.78,
+  date: new Date(2024, 10, 1),
+  aVal1: 67,
+  aVal2: 73,
+  tVal1: 68,
+  tVal2: 70,
 }, {
-  date: new Date(2005, 11, 1),
-  aVal1: 55.22,
-  aVal2: 55.22,
-  tVal1: 57.34,
-  tVal2: 57.37,
+  date: new Date(2024, 11, 1),
+  aVal1: 68,
+  aVal2: 74,
+  tVal1: 69,
+  tVal2: 71,
 }];
diff --git a/apps/demos/Demos/Charts/RangeBar/jQuery/data.js b/apps/demos/Demos/Charts/RangeBar/jQuery/data.js
index ccbdd8362172..feb24ec7e809 100644
--- a/apps/demos/Demos/Charts/RangeBar/jQuery/data.js
+++ b/apps/demos/Demos/Charts/RangeBar/jQuery/data.js
@@ -1,73 +1,73 @@
 const dataSource = [{
-  date: new Date(2005, 0, 1),
-  aVal1: 34.33,
-  aVal2: 43.29,
-  tVal1: 40.18,
-  tVal2: 49.91,
+  date: new Date(2024, 0, 1),
+  aVal1: 72,
+  aVal2: 78,
+  tVal1: 70,
+  tVal2: 74,
 }, {
-  date: new Date(2005, 1, 1),
-  aVal1: 42.24,
-  aVal2: 47.07,
-  tVal1: 29.65,
-  tVal2: 51.75,
+  date: new Date(2024, 1, 1),
+  aVal1: 74,
+  aVal2: 80,
+  tVal1: 73,
+  tVal2: 77,
 }, {
-  date: new Date(2005, 2, 1),
-  aVal1: 42.93,
-  aVal2: 52.77,
-  tVal1: 51.01,
-  tVal2: 56.72,
+  date: new Date(2024, 2, 1),
+  aVal1: 78,
+  aVal2: 84,
+  tVal1: 78,
+  tVal2: 81,
 }, {
-  date: new Date(2005, 3, 1),
-  aVal1: 44.24,
-  aVal2: 54.14,
-  tVal1: 48.06,
-  tVal2: 57.27,
+  date: new Date(2024, 3, 1),
+  aVal1: 82,
+  aVal2: 90,
+  tVal1: 82,
+  tVal2: 85,
 }, {
-  date: new Date(2005, 4, 1),
-  aVal1: 44.47,
-  aVal2: 49.03,
-  tVal1: 47.28,
-  tVal2: 52.07,
+  date: new Date(2024, 4, 1),
+  aVal1: 77,
+  aVal2: 84,
+  tVal1: 77,
+  tVal2: 80,
 }, {
-  date: new Date(2005, 5, 1),
-  aVal1: 50.55,
-  aVal2: 57.94,
-  tVal1: 55.01,
-  tVal2: 60.54,
+  date: new Date(2024, 5, 1),
+  aVal1: 76,
+  aVal2: 83,
+  tVal1: 78,
+  tVal2: 80,
 }, {
-  date: new Date(2005, 6, 1),
-  aVal1: 52.79,
-  aVal2: 58.98,
-  tVal1: 55.52,
-  tVal2: 61.28,
+  date: new Date(2024, 6, 1),
+  aVal1: 78,
+  aVal2: 86,
+  tVal1: 80,
+  tVal2: 82,
 }, {
-  date: new Date(2005, 7, 1),
-  aVal1: 56.49,
-  aVal2: 67.06,
-  tVal1: 62.23,
-  tVal2: 68.94,
+  date: new Date(2024, 7, 1),
+  aVal1: 73,
+  aVal2: 81,
+  tVal1: 74,
+  tVal2: 77,
 }, {
-  date: new Date(2005, 8, 1),
-  aVal1: 62.77,
-  aVal2: 66.72,
-  tVal1: 65.19,
-  tVal2: 69.47,
+  date: new Date(2024, 8, 1),
+  aVal1: 67,
+  aVal2: 74,
+  tVal1: 68,
+  tVal2: 70,
 }, {
-  date: new Date(2005, 9, 1),
-  aVal1: 57.52,
-  aVal2: 63.47,
-  tVal1: 59.35,
-  tVal2: 65.47,
+  date: new Date(2024, 9, 1),
+  aVal1: 69,
+  aVal2: 76,
+  tVal1: 70,
+  tVal2: 72,
 }, {
-  date: new Date(2005, 10, 1),
-  aVal1: 52.92,
-  aVal2: 59.98,
-  tVal1: 56.15,
-  tVal2: 61.78,
+  date: new Date(2024, 10, 1),
+  aVal1: 67,
+  aVal2: 73,
+  tVal1: 68,
+  tVal2: 70,
 }, {
-  date: new Date(2005, 11, 1),
-  aVal1: 55.22,
-  aVal2: 55.22,
-  tVal1: 57.34,
-  tVal2: 57.37,
+  date: new Date(2024, 11, 1),
+  aVal1: 68,
+  aVal2: 74,
+  tVal1: 69,
+  tVal2: 71,
 }];
diff --git a/apps/demos/Demos/Charts/RangeBar/jQuery/index.js b/apps/demos/Demos/Charts/RangeBar/jQuery/index.js
index 68ef1bf88117..e90edfb67147 100644
--- a/apps/demos/Demos/Charts/RangeBar/jQuery/index.js
+++ b/apps/demos/Demos/Charts/RangeBar/jQuery/index.js
@@ -1,7 +1,7 @@
 $(() => {
   $('#chart').dxChart({
     palette: 'violet',
-    title: 'Crude Oil Prices in 2005',
+    title: 'Crude Oil Prices in 2024',
     dataSource,
     commonSeriesSettings: {
       argumentField: 'date',
diff --git a/apps/demos/Demos/Charts/SankeyChart/Angular/app/app.component.html b/apps/demos/Demos/Charts/SankeyChart/Angular/app/app.component.html
index a2b2cb110b77..f0a33d29e322 100644
--- a/apps/demos/Demos/Charts/SankeyChart/Angular/app/app.component.html
+++ b/apps/demos/Demos/Charts/SankeyChart/Angular/app/app.component.html
@@ -4,7 +4,7 @@
   sourceField="source"
   targetField="target"
   weightField="weight"
-  title="Commodity Turnover in 2017"
+  title="Commodity Turnover in 2024"
 >
   <dxo-sankey-tooltip
     [enabled]="true"
diff --git a/apps/demos/Demos/Charts/SankeyChart/React/App.tsx b/apps/demos/Demos/Charts/SankeyChart/React/App.tsx
index 98189c7732c4..4901f1d2fc2d 100644
--- a/apps/demos/Demos/Charts/SankeyChart/React/App.tsx
+++ b/apps/demos/Demos/Charts/SankeyChart/React/App.tsx
@@ -17,7 +17,7 @@ function App() {
       sourceField="source"
       targetField="target"
       weightField="weight"
-      title="Commodity Turnover in 2017"
+      title="Commodity Turnover in 2024"
     >
       <Tooltip enabled={true} customizeLinkTooltip={customizeLinkTooltip}></Tooltip>
 
diff --git a/apps/demos/Demos/Charts/SankeyChart/ReactJs/App.js b/apps/demos/Demos/Charts/SankeyChart/ReactJs/App.js
index 0420622fdf71..dc015bc2c589 100644
--- a/apps/demos/Demos/Charts/SankeyChart/ReactJs/App.js
+++ b/apps/demos/Demos/Charts/SankeyChart/ReactJs/App.js
@@ -13,7 +13,7 @@ function App() {
       sourceField="source"
       targetField="target"
       weightField="weight"
-      title="Commodity Turnover in 2017"
+      title="Commodity Turnover in 2024"
     >
       <Tooltip
         enabled={true}
diff --git a/apps/demos/Demos/Charts/SankeyChart/Vue/App.vue b/apps/demos/Demos/Charts/SankeyChart/Vue/App.vue
index 5c939cfcae95..b635f4273b89 100644
--- a/apps/demos/Demos/Charts/SankeyChart/Vue/App.vue
+++ b/apps/demos/Demos/Charts/SankeyChart/Vue/App.vue
@@ -5,7 +5,7 @@
     source-field="source"
     target-field="target"
     weight-field="weight"
-    title="Commodity Turnover in 2017"
+    title="Commodity Turnover in 2024"
   >
     <DxTooltip
       :enabled="true"
diff --git a/apps/demos/Demos/Charts/SankeyChart/jQuery/index.js b/apps/demos/Demos/Charts/SankeyChart/jQuery/index.js
index 078cff685342..32a5181e8287 100644
--- a/apps/demos/Demos/Charts/SankeyChart/jQuery/index.js
+++ b/apps/demos/Demos/Charts/SankeyChart/jQuery/index.js
@@ -4,7 +4,7 @@ $(() => {
     sourceField: 'source',
     targetField: 'target',
     weightField: 'weight',
-    title: 'Commodity Turnover in 2017',
+    title: 'Commodity Turnover in 2024',
     node: {
       width: 8,
       padding: 30,
diff --git a/apps/demos/Demos/Charts/SimpleSparklines/Angular/app/app.component.html b/apps/demos/Demos/Charts/SimpleSparklines/Angular/app/app.component.html
index 60eca68c7a19..b47436b691a6 100644
--- a/apps/demos/Demos/Charts/SimpleSparklines/Angular/app/app.component.html
+++ b/apps/demos/Demos/Charts/SimpleSparklines/Angular/app/app.component.html
@@ -19,7 +19,9 @@
           type="line"
           [showMinMax]="true"
         >
-          <dxo-sparkline-tooltip format="currency"></dxo-sparkline-tooltip>
+          <dxo-sparkline-tooltip
+            [format]="{ type: 'currency', precision: 2 }"
+          ></dxo-sparkline-tooltip>
         </dx-sparkline>
       </td>
       <td>
@@ -36,7 +38,9 @@
           [showMinMax]="true"
           [showFirstLast]="false"
         >
-          <dxo-sparkline-tooltip format="currency"></dxo-sparkline-tooltip>
+          <dxo-sparkline-tooltip
+            [format]="{ type: 'currency', precision: 2 }"
+          ></dxo-sparkline-tooltip>
         </dx-sparkline>
       </td>
       <td>
@@ -52,7 +56,9 @@
           pointSymbol="square"
           pointColor="#ebdd8f"
         >
-          <dxo-sparkline-tooltip format="currency"></dxo-sparkline-tooltip>
+          <dxo-sparkline-tooltip
+            [format]="{ type: 'currency', precision: 2 }"
+          ></dxo-sparkline-tooltip>
         </dx-sparkline>
       </td>
     </tr>
diff --git a/apps/demos/Demos/Charts/SimpleSparklines/Angular/app/app.component.ts b/apps/demos/Demos/Charts/SimpleSparklines/Angular/app/app.component.ts
index b68b58d10542..23484e99f0d9 100644
--- a/apps/demos/Demos/Charts/SimpleSparklines/Angular/app/app.component.ts
+++ b/apps/demos/Demos/Charts/SimpleSparklines/Angular/app/app.component.ts
@@ -35,7 +35,7 @@ export class AppComponent {
     this.oilCosts = service.getOilCosts();
     this.goldCosts = service.getGoldCosts();
     this.silverCosts = service.getSilverCosts();
-    this.years = [2010, 2011, 2012];
+    this.years = [2021, 2022, 2023];
   }
 }
 
diff --git a/apps/demos/Demos/Charts/SimpleSparklines/Angular/app/app.service.ts b/apps/demos/Demos/Charts/SimpleSparklines/Angular/app/app.service.ts
index 594c1bbd38b0..f130c389b92c 100644
--- a/apps/demos/Demos/Charts/SimpleSparklines/Angular/app/app.service.ts
+++ b/apps/demos/Demos/Charts/SimpleSparklines/Angular/app/app.service.ts
@@ -3,197 +3,197 @@ import { Injectable } from '@angular/core';
 export class CostInfo {
   month: number;
 
-  2010: number;
+  2021: number;
 
-  2011: number;
+  2022: number;
 
-  2012: number;
+  2023: number;
 }
 
 const oilCosts: CostInfo[] = [{
   month: 1,
-  2010: 77,
-  2011: 93,
-  2012: 107,
+  2021: 52.16,
+  2022: 89.16,
+  2023: 78.12,
 }, {
   month: 2,
-  2010: 72,
-  2011: 101,
-  2012: 112,
+  2021: 61.55,
+  2022: 96.13,
+  2023: 76.83,
 }, {
   month: 3,
-  2010: 79,
-  2011: 115,
-  2012: 123,
+  2021: 59.19,
+  2022: 100.53,
+  2023: 73.28,
 }, {
   month: 4,
-  2010: 82,
-  2011: 116,
-  2012: 123,
+  2021: 63.50,
+  2022: 104.59,
+  2023: 79.45,
 }, {
   month: 5,
-  2010: 86,
-  2011: 124,
-  2012: 116,
+  2021: 66.31,
+  2022: 114.38,
+  2023: 71.58,
 }, {
   month: 6,
-  2010: 73,
-  2011: 115,
-  2012: 102,
+  2021: 73.52,
+  2022: 107.76,
+  2023: 70.25,
 }, {
   month: 7,
-  2010: 73,
-  2011: 110,
-  2012: 94,
+  2021: 73.93,
+  2022: 101.31,
+  2023: 76.07,
 }, {
   month: 8,
-  2010: 77,
-  2011: 117,
-  2012: 105,
+  2021: 68.43,
+  2022: 90.09,
+  2023: 81.39,
 }, {
   month: 9,
-  2010: 76,
-  2011: 113,
-  2012: 113,
+  2021: 75.22,
+  2022: 79.91,
+  2023: 89.43,
 }, {
   month: 10,
-  2010: 81,
-  2011: 103,
-  2012: 111,
+  2021: 83.50,
+  2022: 86.54,
+  2023: 85.64,
 }, {
   month: 11,
-  2010: 83,
-  2011: 110,
-  2012: 107,
+  2021: 66.14,
+  2022: 80.48,
+  2023: 77.69,
 }, {
   month: 12,
-  2010: 89,
-  2011: 109,
-  2012: 110,
+  2021: 75.33,
+  2022: 80.16,
+  2023: 71.90,
 }];
 
 const goldCosts: CostInfo[] = [{
   month: 1,
-  2010: 1115,
-  2011: 1358,
-  2012: 1661,
+  2021: 1866.98,
+  2022: 1816.51,
+  2023: 1894.75,
 }, {
   month: 2,
-  2010: 1099,
-  2011: 1375,
-  2012: 1742,
+  2021: 1808.17,
+  2022: 1856.30,
+  2023: 1858.74,
 }, {
   month: 3,
-  2010: 1114,
-  2011: 1423,
-  2012: 1677,
+  2021: 1718.23,
+  2022: 1947.83,
+  2023: 1912.12,
 }, {
   month: 4,
-  2010: 1150,
-  2011: 1486,
-  2012: 1650,
+  2021: 1760.27,
+  2022: 1933.88,
+  2023: 2000.13,
 }, {
   month: 5,
-  2010: 1205,
-  2011: 1511,
-  2012: 1589,
+  2021: 1850.26,
+  2022: 1848.33,
+  2023: 1992.05,
 }, {
   month: 6,
-  2010: 1235,
-  2011: 1529,
-  2012: 1602,
+  2021: 1834.57,
+  2022: 1836.57,
+  2023: 1942.92,
 }, {
   month: 7,
-  2010: 1193,
-  2011: 1573,
-  2012: 1593,
+  2021: 1807.84,
+  2022: 1738.41,
+  2023: 1951.01,
 }, {
   month: 8,
-  2010: 1220,
-  2011: 1765,
-  2012: 1634,
+  2021: 1784.28,
+  2022: 1764.56,
+  2023: 1918.41,
 }, {
   month: 9,
-  2010: 1272,
-  2011: 1771,
-  2012: 1750,
+  2021: 1777.27,
+  2022: 1680.78,
+  2023: 1915.65,
 }, {
   month: 10,
-  2010: 1345,
-  2011: 1672,
-  2012: 1745,
+  2021: 1776.85,
+  2022: 1664.15,
+  2023: 1916.14,
 }, {
   month: 11,
-  2010: 1370,
-  2011: 1741,
-  2012: 1720,
+  2021: 1820.23,
+  2022: 1725.06,
+  2023: 1984.45,
 }, {
   month: 12,
-  2010: 1392,
-  2011: 1643,
-  2012: 1684,
+  2021: 1790.43,
+  2022: 1796.87,
+  2023: 2027.01,
 }];
 
 const silverCosts: CostInfo[] = [{
   month: 1,
-  2010: 17,
-  2011: 30,
-  2012: 27,
+  2021: 25.91,
+  2022: 23.13,
+  2023: 23.76,
 }, {
   month: 2,
-  2010: 28,
-  2011: 28,
-  2012: 33,
+  2021: 27.35,
+  2022: 23.51,
+  2023: 21.90,
 }, {
   month: 3,
-  2010: 34,
-  2011: 34,
-  2012: 35,
+  2021: 25.60,
+  2022: 25.17,
+  2023: 21.92,
 }, {
   month: 4,
-  2010: 37,
-  2011: 37,
-  2012: 32,
+  2021: 25.63,
+  2022: 24.51,
+  2023: 24.98,
 }, {
   month: 5,
-  2010: 47,
-  2011: 47,
-  2012: 30,
+  2021: 27.48,
+  2022: 21.90,
+  2023: 24.21,
 }, {
   month: 6,
-  2010: 37,
-  2011: 37,
-  2012: 28,
+  2021: 26.98,
+  2022: 21.46,
+  2023: 23.34,
 }, {
   month: 7,
-  2010: 34,
-  2011: 34,
-  2012: 27,
+  2021: 25.66,
+  2022: 19.07,
+  2023: 24.08,
 }, {
   month: 8,
-  2010: 40,
-  2011: 40,
-  2012: 27,
+  2021: 24.01,
+  2022: 19.74,
+  2023: 23.55,
 }, {
   month: 9,
-  2010: 41,
-  2011: 41,
-  2012: 31,
+  2021: 23.19,
+  2022: 18.91,
+  2023: 23.15,
 }, {
   month: 10,
-  2010: 30,
-  2011: 30,
-  2012: 34,
+  2021: 23.36,
+  2022: 19.34,
+  2023: 22.25,
 }, {
   month: 11,
-  2010: 34,
-  2011: 34,
-  2012: 31,
+  2021: 24.16,
+  2022: 21.03,
+  2023: 23.47,
 }, {
   month: 12,
-  2010: 32,
-  2011: 32,
-  2012: 33,
+  2021: 22.47,
+  2022: 23.29,
+  2023: 24.03,
 }];
 
 @Injectable()
diff --git a/apps/demos/Demos/Charts/SimpleSparklines/React/App.tsx b/apps/demos/Demos/Charts/SimpleSparklines/React/App.tsx
index 47a73fde0b7b..cda20dcc0ba3 100644
--- a/apps/demos/Demos/Charts/SimpleSparklines/React/App.tsx
+++ b/apps/demos/Demos/Charts/SimpleSparklines/React/App.tsx
@@ -2,7 +2,7 @@ import React from 'react';
 
 import RowTemplate from './RowTemplate.tsx';
 
-const years = ['2010', '2011', '2012'];
+const years = ['2021', '2022', '2023'];
 
 function App() {
   return (
diff --git a/apps/demos/Demos/Charts/SimpleSparklines/React/RowTemplate.tsx b/apps/demos/Demos/Charts/SimpleSparklines/React/RowTemplate.tsx
index a4a1ea4227d2..5278256f25c1 100644
--- a/apps/demos/Demos/Charts/SimpleSparklines/React/RowTemplate.tsx
+++ b/apps/demos/Demos/Charts/SimpleSparklines/React/RowTemplate.tsx
@@ -28,7 +28,7 @@ export default function RowTemplate(props: RowTemplateProps) {
           valueField={props.year}
           type="line"
         >
-          <Tooltip format="currency" />
+          <Tooltip format={{ type: 'currency', precision: 2 }} />
         </Sparkline>
       </td>
       <td>
@@ -45,7 +45,7 @@ export default function RowTemplate(props: RowTemplateProps) {
           minColor="#6babac"
           maxColor="#ebdd8f"
         >
-          <Tooltip format="currency" />
+          <Tooltip format={{ type: 'currency', precision: 2 }} />
         </Sparkline>
       </td>
       <td>
@@ -61,7 +61,7 @@ export default function RowTemplate(props: RowTemplateProps) {
           pointSymbol="square"
           pointColor="#ebdd8f"
         >
-          <Tooltip format="currency" />
+          <Tooltip format={{ type: 'currency', precision: 2 }} />
         </Sparkline>
       </td>
     </tr>
diff --git a/apps/demos/Demos/Charts/SimpleSparklines/React/data.ts b/apps/demos/Demos/Charts/SimpleSparklines/React/data.ts
index 4ef3094e790c..3251fb31b58d 100644
--- a/apps/demos/Demos/Charts/SimpleSparklines/React/data.ts
+++ b/apps/demos/Demos/Charts/SimpleSparklines/React/data.ts
@@ -1,185 +1,185 @@
 export const oilCosts = [{
   month: 1,
-  2010: 77,
-  2011: 93,
-  2012: 107,
+  2021: 52.16,
+  2022: 89.16,
+  2023: 78.12,
 }, {
   month: 2,
-  2010: 72,
-  2011: 101,
-  2012: 112,
+  2021: 61.55,
+  2022: 96.13,
+  2023: 76.83,
 }, {
   month: 3,
-  2010: 79,
-  2011: 115,
-  2012: 123,
+  2021: 59.19,
+  2022: 100.53,
+  2023: 73.28,
 }, {
   month: 4,
-  2010: 82,
-  2011: 116,
-  2012: 123,
+  2021: 63.50,
+  2022: 104.59,
+  2023: 79.45,
 }, {
   month: 5,
-  2010: 86,
-  2011: 124,
-  2012: 116,
+  2021: 66.31,
+  2022: 114.38,
+  2023: 71.58,
 }, {
   month: 6,
-  2010: 73,
-  2011: 115,
-  2012: 102,
+  2021: 73.52,
+  2022: 107.76,
+  2023: 70.25,
 }, {
   month: 7,
-  2010: 73,
-  2011: 110,
-  2012: 94,
+  2021: 73.93,
+  2022: 101.31,
+  2023: 76.07,
 }, {
   month: 8,
-  2010: 77,
-  2011: 117,
-  2012: 105,
+  2021: 68.43,
+  2022: 90.09,
+  2023: 81.39,
 }, {
   month: 9,
-  2010: 76,
-  2011: 113,
-  2012: 113,
+  2021: 75.22,
+  2022: 79.91,
+  2023: 89.43,
 }, {
   month: 10,
-  2010: 81,
-  2011: 103,
-  2012: 111,
+  2021: 83.50,
+  2022: 86.54,
+  2023: 85.64,
 }, {
   month: 11,
-  2010: 83,
-  2011: 110,
-  2012: 107,
+  2021: 66.14,
+  2022: 80.48,
+  2023: 77.69,
 }, {
   month: 12,
-  2010: 89,
-  2011: 109,
-  2012: 110,
+  2021: 75.33,
+  2022: 80.16,
+  2023: 71.90,
 }];
 
 export const goldCosts = [{
   month: 1,
-  2010: 1115,
-  2011: 1358,
-  2012: 1661,
+  2021: 1866.98,
+  2022: 1816.51,
+  2023: 1894.75,
 }, {
   month: 2,
-  2010: 1099,
-  2011: 1375,
-  2012: 1742,
+  2021: 1808.17,
+  2022: 1856.30,
+  2023: 1858.74,
 }, {
   month: 3,
-  2010: 1114,
-  2011: 1423,
-  2012: 1677,
+  2021: 1718.23,
+  2022: 1947.83,
+  2023: 1912.12,
 }, {
   month: 4,
-  2010: 1150,
-  2011: 1486,
-  2012: 1650,
+  2021: 1760.27,
+  2022: 1933.88,
+  2023: 2000.13,
 }, {
   month: 5,
-  2010: 1205,
-  2011: 1511,
-  2012: 1589,
+  2021: 1850.26,
+  2022: 1848.33,
+  2023: 1992.05,
 }, {
   month: 6,
-  2010: 1235,
-  2011: 1529,
-  2012: 1602,
+  2021: 1834.57,
+  2022: 1836.57,
+  2023: 1942.92,
 }, {
   month: 7,
-  2010: 1193,
-  2011: 1573,
-  2012: 1593,
+  2021: 1807.84,
+  2022: 1738.41,
+  2023: 1951.01,
 }, {
   month: 8,
-  2010: 1220,
-  2011: 1765,
-  2012: 1634,
+  2021: 1784.28,
+  2022: 1764.56,
+  2023: 1918.41,
 }, {
   month: 9,
-  2010: 1272,
-  2011: 1771,
-  2012: 1750,
+  2021: 1777.27,
+  2022: 1680.78,
+  2023: 1915.65,
 }, {
   month: 10,
-  2010: 1345,
-  2011: 1672,
-  2012: 1745,
+  2021: 1776.85,
+  2022: 1664.15,
+  2023: 1916.14,
 }, {
   month: 11,
-  2010: 1370,
-  2011: 1741,
-  2012: 1720,
+  2021: 1820.23,
+  2022: 1725.06,
+  2023: 1984.45,
 }, {
   month: 12,
-  2010: 1392,
-  2011: 1643,
-  2012: 1684,
+  2021: 1790.43,
+  2022: 1796.87,
+  2023: 2027.01,
 }];
 
 export const silverCosts = [{
   month: 1,
-  2010: 17,
-  2011: 30,
-  2012: 27,
+  2021: 25.91,
+  2022: 23.13,
+  2023: 23.76,
 }, {
   month: 2,
-  2010: 28,
-  2011: 28,
-  2012: 33,
+  2021: 27.35,
+  2022: 23.51,
+  2023: 21.90,
 }, {
   month: 3,
-  2010: 34,
-  2011: 34,
-  2012: 35,
+  2021: 25.60,
+  2022: 25.17,
+  2023: 21.92,
 }, {
   month: 4,
-  2010: 37,
-  2011: 37,
-  2012: 32,
+  2021: 25.63,
+  2022: 24.51,
+  2023: 24.98,
 }, {
   month: 5,
-  2010: 47,
-  2011: 47,
-  2012: 30,
+  2021: 27.48,
+  2022: 21.90,
+  2023: 24.21,
 }, {
   month: 6,
-  2010: 37,
-  2011: 37,
-  2012: 28,
+  2021: 26.98,
+  2022: 21.46,
+  2023: 23.34,
 }, {
   month: 7,
-  2010: 34,
-  2011: 34,
-  2012: 27,
+  2021: 25.66,
+  2022: 19.07,
+  2023: 24.08,
 }, {
   month: 8,
-  2010: 40,
-  2011: 40,
-  2012: 27,
+  2021: 24.01,
+  2022: 19.74,
+  2023: 23.55,
 }, {
   month: 9,
-  2010: 41,
-  2011: 41,
-  2012: 31,
+  2021: 23.19,
+  2022: 18.91,
+  2023: 23.15,
 }, {
   month: 10,
-  2010: 30,
-  2011: 30,
-  2012: 34,
+  2021: 23.36,
+  2022: 19.34,
+  2023: 22.25,
 }, {
   month: 11,
-  2010: 34,
-  2011: 34,
-  2012: 31,
+  2021: 24.16,
+  2022: 21.03,
+  2023: 23.47,
 }, {
   month: 12,
-  2010: 32,
-  2011: 32,
-  2012: 33,
+  2021: 22.47,
+  2022: 23.29,
+  2023: 24.03,
 }];
diff --git a/apps/demos/Demos/Charts/SimpleSparklines/ReactJs/App.js b/apps/demos/Demos/Charts/SimpleSparklines/ReactJs/App.js
index 8ea7dccb9164..cd4055c3e9df 100644
--- a/apps/demos/Demos/Charts/SimpleSparklines/ReactJs/App.js
+++ b/apps/demos/Demos/Charts/SimpleSparklines/ReactJs/App.js
@@ -1,7 +1,7 @@
 import React from 'react';
 import RowTemplate from './RowTemplate.js';
 
-const years = ['2010', '2011', '2012'];
+const years = ['2021', '2022', '2023'];
 function App() {
   return (
     <>
diff --git a/apps/demos/Demos/Charts/SimpleSparklines/ReactJs/RowTemplate.js b/apps/demos/Demos/Charts/SimpleSparklines/ReactJs/RowTemplate.js
index 7ce8e4557993..92c2df1230ae 100644
--- a/apps/demos/Demos/Charts/SimpleSparklines/ReactJs/RowTemplate.js
+++ b/apps/demos/Demos/Charts/SimpleSparklines/ReactJs/RowTemplate.js
@@ -15,7 +15,7 @@ export default function RowTemplate(props) {
           valueField={props.year}
           type="line"
         >
-          <Tooltip format="currency" />
+          <Tooltip format={{ type: 'currency', precision: 2 }} />
         </Sparkline>
       </td>
       <td>
@@ -32,7 +32,7 @@ export default function RowTemplate(props) {
           minColor="#6babac"
           maxColor="#ebdd8f"
         >
-          <Tooltip format="currency" />
+          <Tooltip format={{ type: 'currency', precision: 2 }} />
         </Sparkline>
       </td>
       <td>
@@ -48,7 +48,7 @@ export default function RowTemplate(props) {
           pointSymbol="square"
           pointColor="#ebdd8f"
         >
-          <Tooltip format="currency" />
+          <Tooltip format={{ type: 'currency', precision: 2 }} />
         </Sparkline>
       </td>
     </tr>
diff --git a/apps/demos/Demos/Charts/SimpleSparklines/ReactJs/data.js b/apps/demos/Demos/Charts/SimpleSparklines/ReactJs/data.js
index a7a425674349..8d5f84db2bfa 100644
--- a/apps/demos/Demos/Charts/SimpleSparklines/ReactJs/data.js
+++ b/apps/demos/Demos/Charts/SimpleSparklines/ReactJs/data.js
@@ -1,222 +1,222 @@
 export const oilCosts = [
   {
     month: 1,
-    2010: 77,
-    2011: 93,
-    2012: 107,
+    2021: 52.16,
+    2022: 89.16,
+    2023: 78.12,
   },
   {
     month: 2,
-    2010: 72,
-    2011: 101,
-    2012: 112,
+    2021: 61.55,
+    2022: 96.13,
+    2023: 76.83,
   },
   {
     month: 3,
-    2010: 79,
-    2011: 115,
-    2012: 123,
+    2021: 59.19,
+    2022: 100.53,
+    2023: 73.28,
   },
   {
     month: 4,
-    2010: 82,
-    2011: 116,
-    2012: 123,
+    2021: 63.5,
+    2022: 104.59,
+    2023: 79.45,
   },
   {
     month: 5,
-    2010: 86,
-    2011: 124,
-    2012: 116,
+    2021: 66.31,
+    2022: 114.38,
+    2023: 71.58,
   },
   {
     month: 6,
-    2010: 73,
-    2011: 115,
-    2012: 102,
+    2021: 73.52,
+    2022: 107.76,
+    2023: 70.25,
   },
   {
     month: 7,
-    2010: 73,
-    2011: 110,
-    2012: 94,
+    2021: 73.93,
+    2022: 101.31,
+    2023: 76.07,
   },
   {
     month: 8,
-    2010: 77,
-    2011: 117,
-    2012: 105,
+    2021: 68.43,
+    2022: 90.09,
+    2023: 81.39,
   },
   {
     month: 9,
-    2010: 76,
-    2011: 113,
-    2012: 113,
+    2021: 75.22,
+    2022: 79.91,
+    2023: 89.43,
   },
   {
     month: 10,
-    2010: 81,
-    2011: 103,
-    2012: 111,
+    2021: 83.5,
+    2022: 86.54,
+    2023: 85.64,
   },
   {
     month: 11,
-    2010: 83,
-    2011: 110,
-    2012: 107,
+    2021: 66.14,
+    2022: 80.48,
+    2023: 77.69,
   },
   {
     month: 12,
-    2010: 89,
-    2011: 109,
-    2012: 110,
+    2021: 75.33,
+    2022: 80.16,
+    2023: 71.9,
   },
 ];
 export const goldCosts = [
   {
     month: 1,
-    2010: 1115,
-    2011: 1358,
-    2012: 1661,
+    2021: 1866.98,
+    2022: 1816.51,
+    2023: 1894.75,
   },
   {
     month: 2,
-    2010: 1099,
-    2011: 1375,
-    2012: 1742,
+    2021: 1808.17,
+    2022: 1856.3,
+    2023: 1858.74,
   },
   {
     month: 3,
-    2010: 1114,
-    2011: 1423,
-    2012: 1677,
+    2021: 1718.23,
+    2022: 1947.83,
+    2023: 1912.12,
   },
   {
     month: 4,
-    2010: 1150,
-    2011: 1486,
-    2012: 1650,
+    2021: 1760.27,
+    2022: 1933.88,
+    2023: 2000.13,
   },
   {
     month: 5,
-    2010: 1205,
-    2011: 1511,
-    2012: 1589,
+    2021: 1850.26,
+    2022: 1848.33,
+    2023: 1992.05,
   },
   {
     month: 6,
-    2010: 1235,
-    2011: 1529,
-    2012: 1602,
+    2021: 1834.57,
+    2022: 1836.57,
+    2023: 1942.92,
   },
   {
     month: 7,
-    2010: 1193,
-    2011: 1573,
-    2012: 1593,
+    2021: 1807.84,
+    2022: 1738.41,
+    2023: 1951.01,
   },
   {
     month: 8,
-    2010: 1220,
-    2011: 1765,
-    2012: 1634,
+    2021: 1784.28,
+    2022: 1764.56,
+    2023: 1918.41,
   },
   {
     month: 9,
-    2010: 1272,
-    2011: 1771,
-    2012: 1750,
+    2021: 1777.27,
+    2022: 1680.78,
+    2023: 1915.65,
   },
   {
     month: 10,
-    2010: 1345,
-    2011: 1672,
-    2012: 1745,
+    2021: 1776.85,
+    2022: 1664.15,
+    2023: 1916.14,
   },
   {
     month: 11,
-    2010: 1370,
-    2011: 1741,
-    2012: 1720,
+    2021: 1820.23,
+    2022: 1725.06,
+    2023: 1984.45,
   },
   {
     month: 12,
-    2010: 1392,
-    2011: 1643,
-    2012: 1684,
+    2021: 1790.43,
+    2022: 1796.87,
+    2023: 2027.01,
   },
 ];
 export const silverCosts = [
   {
     month: 1,
-    2010: 17,
-    2011: 30,
-    2012: 27,
+    2021: 25.91,
+    2022: 23.13,
+    2023: 23.76,
   },
   {
     month: 2,
-    2010: 28,
-    2011: 28,
-    2012: 33,
+    2021: 27.35,
+    2022: 23.51,
+    2023: 21.9,
   },
   {
     month: 3,
-    2010: 34,
-    2011: 34,
-    2012: 35,
+    2021: 25.6,
+    2022: 25.17,
+    2023: 21.92,
   },
   {
     month: 4,
-    2010: 37,
-    2011: 37,
-    2012: 32,
+    2021: 25.63,
+    2022: 24.51,
+    2023: 24.98,
   },
   {
     month: 5,
-    2010: 47,
-    2011: 47,
-    2012: 30,
+    2021: 27.48,
+    2022: 21.9,
+    2023: 24.21,
   },
   {
     month: 6,
-    2010: 37,
-    2011: 37,
-    2012: 28,
+    2021: 26.98,
+    2022: 21.46,
+    2023: 23.34,
   },
   {
     month: 7,
-    2010: 34,
-    2011: 34,
-    2012: 27,
+    2021: 25.66,
+    2022: 19.07,
+    2023: 24.08,
   },
   {
     month: 8,
-    2010: 40,
-    2011: 40,
-    2012: 27,
+    2021: 24.01,
+    2022: 19.74,
+    2023: 23.55,
   },
   {
     month: 9,
-    2010: 41,
-    2011: 41,
-    2012: 31,
+    2021: 23.19,
+    2022: 18.91,
+    2023: 23.15,
   },
   {
     month: 10,
-    2010: 30,
-    2011: 30,
-    2012: 34,
+    2021: 23.36,
+    2022: 19.34,
+    2023: 22.25,
   },
   {
     month: 11,
-    2010: 34,
-    2011: 34,
-    2012: 31,
+    2021: 24.16,
+    2022: 21.03,
+    2023: 23.47,
   },
   {
     month: 12,
-    2010: 32,
-    2011: 32,
-    2012: 33,
+    2021: 22.47,
+    2022: 23.29,
+    2023: 24.03,
   },
 ];
diff --git a/apps/demos/Demos/Charts/SimpleSparklines/Vue/App.vue b/apps/demos/Demos/Charts/SimpleSparklines/Vue/App.vue
index eb67b33c930f..cce4276a7c9f 100644
--- a/apps/demos/Demos/Charts/SimpleSparklines/Vue/App.vue
+++ b/apps/demos/Demos/Charts/SimpleSparklines/Vue/App.vue
@@ -23,7 +23,7 @@
 <script setup lang="ts">
 import RowTemplate from './RowTemplate.vue';
 
-const years = ['2010', '2011', '2012'];
+const years = ['2021', '2022', '2023'];
 </script>
 <style>
 #chart-demo {
diff --git a/apps/demos/Demos/Charts/SimpleSparklines/Vue/RowTemplate.vue b/apps/demos/Demos/Charts/SimpleSparklines/Vue/RowTemplate.vue
index 0ccd0c0fc67e..6f82dd7db275 100644
--- a/apps/demos/Demos/Charts/SimpleSparklines/Vue/RowTemplate.vue
+++ b/apps/demos/Demos/Charts/SimpleSparklines/Vue/RowTemplate.vue
@@ -10,7 +10,7 @@
         argument-field="month"
         type="line"
       >
-        <DxTooltip format="currency"/>
+        <DxTooltip :format="{ type: 'currency', precision: 2 }"/>
       </DxSparkline>
     </td>
     <td>
@@ -27,7 +27,7 @@
         min-color="#6babac"
         max-color="#ebdd8f"
       >
-        <DxTooltip format="currency"/>
+        <DxTooltip :format="{ type: 'currency', precision: 2 }"/>
       </DxSparkline>
     </td>
     <td>
@@ -43,7 +43,7 @@
         point-symbol="square"
         point-color="#ebdd8f"
       >
-        <DxTooltip format="currency"/>
+        <DxTooltip :format="{ type: 'currency', precision: 2 }"/>
       </DxSparkline>
     </td>
   </tr>
diff --git a/apps/demos/Demos/Charts/SimpleSparklines/Vue/data.ts b/apps/demos/Demos/Charts/SimpleSparklines/Vue/data.ts
index 4ef3094e790c..3251fb31b58d 100644
--- a/apps/demos/Demos/Charts/SimpleSparklines/Vue/data.ts
+++ b/apps/demos/Demos/Charts/SimpleSparklines/Vue/data.ts
@@ -1,185 +1,185 @@
 export const oilCosts = [{
   month: 1,
-  2010: 77,
-  2011: 93,
-  2012: 107,
+  2021: 52.16,
+  2022: 89.16,
+  2023: 78.12,
 }, {
   month: 2,
-  2010: 72,
-  2011: 101,
-  2012: 112,
+  2021: 61.55,
+  2022: 96.13,
+  2023: 76.83,
 }, {
   month: 3,
-  2010: 79,
-  2011: 115,
-  2012: 123,
+  2021: 59.19,
+  2022: 100.53,
+  2023: 73.28,
 }, {
   month: 4,
-  2010: 82,
-  2011: 116,
-  2012: 123,
+  2021: 63.50,
+  2022: 104.59,
+  2023: 79.45,
 }, {
   month: 5,
-  2010: 86,
-  2011: 124,
-  2012: 116,
+  2021: 66.31,
+  2022: 114.38,
+  2023: 71.58,
 }, {
   month: 6,
-  2010: 73,
-  2011: 115,
-  2012: 102,
+  2021: 73.52,
+  2022: 107.76,
+  2023: 70.25,
 }, {
   month: 7,
-  2010: 73,
-  2011: 110,
-  2012: 94,
+  2021: 73.93,
+  2022: 101.31,
+  2023: 76.07,
 }, {
   month: 8,
-  2010: 77,
-  2011: 117,
-  2012: 105,
+  2021: 68.43,
+  2022: 90.09,
+  2023: 81.39,
 }, {
   month: 9,
-  2010: 76,
-  2011: 113,
-  2012: 113,
+  2021: 75.22,
+  2022: 79.91,
+  2023: 89.43,
 }, {
   month: 10,
-  2010: 81,
-  2011: 103,
-  2012: 111,
+  2021: 83.50,
+  2022: 86.54,
+  2023: 85.64,
 }, {
   month: 11,
-  2010: 83,
-  2011: 110,
-  2012: 107,
+  2021: 66.14,
+  2022: 80.48,
+  2023: 77.69,
 }, {
   month: 12,
-  2010: 89,
-  2011: 109,
-  2012: 110,
+  2021: 75.33,
+  2022: 80.16,
+  2023: 71.90,
 }];
 
 export const goldCosts = [{
   month: 1,
-  2010: 1115,
-  2011: 1358,
-  2012: 1661,
+  2021: 1866.98,
+  2022: 1816.51,
+  2023: 1894.75,
 }, {
   month: 2,
-  2010: 1099,
-  2011: 1375,
-  2012: 1742,
+  2021: 1808.17,
+  2022: 1856.30,
+  2023: 1858.74,
 }, {
   month: 3,
-  2010: 1114,
-  2011: 1423,
-  2012: 1677,
+  2021: 1718.23,
+  2022: 1947.83,
+  2023: 1912.12,
 }, {
   month: 4,
-  2010: 1150,
-  2011: 1486,
-  2012: 1650,
+  2021: 1760.27,
+  2022: 1933.88,
+  2023: 2000.13,
 }, {
   month: 5,
-  2010: 1205,
-  2011: 1511,
-  2012: 1589,
+  2021: 1850.26,
+  2022: 1848.33,
+  2023: 1992.05,
 }, {
   month: 6,
-  2010: 1235,
-  2011: 1529,
-  2012: 1602,
+  2021: 1834.57,
+  2022: 1836.57,
+  2023: 1942.92,
 }, {
   month: 7,
-  2010: 1193,
-  2011: 1573,
-  2012: 1593,
+  2021: 1807.84,
+  2022: 1738.41,
+  2023: 1951.01,
 }, {
   month: 8,
-  2010: 1220,
-  2011: 1765,
-  2012: 1634,
+  2021: 1784.28,
+  2022: 1764.56,
+  2023: 1918.41,
 }, {
   month: 9,
-  2010: 1272,
-  2011: 1771,
-  2012: 1750,
+  2021: 1777.27,
+  2022: 1680.78,
+  2023: 1915.65,
 }, {
   month: 10,
-  2010: 1345,
-  2011: 1672,
-  2012: 1745,
+  2021: 1776.85,
+  2022: 1664.15,
+  2023: 1916.14,
 }, {
   month: 11,
-  2010: 1370,
-  2011: 1741,
-  2012: 1720,
+  2021: 1820.23,
+  2022: 1725.06,
+  2023: 1984.45,
 }, {
   month: 12,
-  2010: 1392,
-  2011: 1643,
-  2012: 1684,
+  2021: 1790.43,
+  2022: 1796.87,
+  2023: 2027.01,
 }];
 
 export const silverCosts = [{
   month: 1,
-  2010: 17,
-  2011: 30,
-  2012: 27,
+  2021: 25.91,
+  2022: 23.13,
+  2023: 23.76,
 }, {
   month: 2,
-  2010: 28,
-  2011: 28,
-  2012: 33,
+  2021: 27.35,
+  2022: 23.51,
+  2023: 21.90,
 }, {
   month: 3,
-  2010: 34,
-  2011: 34,
-  2012: 35,
+  2021: 25.60,
+  2022: 25.17,
+  2023: 21.92,
 }, {
   month: 4,
-  2010: 37,
-  2011: 37,
-  2012: 32,
+  2021: 25.63,
+  2022: 24.51,
+  2023: 24.98,
 }, {
   month: 5,
-  2010: 47,
-  2011: 47,
-  2012: 30,
+  2021: 27.48,
+  2022: 21.90,
+  2023: 24.21,
 }, {
   month: 6,
-  2010: 37,
-  2011: 37,
-  2012: 28,
+  2021: 26.98,
+  2022: 21.46,
+  2023: 23.34,
 }, {
   month: 7,
-  2010: 34,
-  2011: 34,
-  2012: 27,
+  2021: 25.66,
+  2022: 19.07,
+  2023: 24.08,
 }, {
   month: 8,
-  2010: 40,
-  2011: 40,
-  2012: 27,
+  2021: 24.01,
+  2022: 19.74,
+  2023: 23.55,
 }, {
   month: 9,
-  2010: 41,
-  2011: 41,
-  2012: 31,
+  2021: 23.19,
+  2022: 18.91,
+  2023: 23.15,
 }, {
   month: 10,
-  2010: 30,
-  2011: 30,
-  2012: 34,
+  2021: 23.36,
+  2022: 19.34,
+  2023: 22.25,
 }, {
   month: 11,
-  2010: 34,
-  2011: 34,
-  2012: 31,
+  2021: 24.16,
+  2022: 21.03,
+  2023: 23.47,
 }, {
   month: 12,
-  2010: 32,
-  2011: 32,
-  2012: 33,
+  2021: 22.47,
+  2022: 23.29,
+  2023: 24.03,
 }];
diff --git a/apps/demos/Demos/Charts/SimpleSparklines/jQuery/data.js b/apps/demos/Demos/Charts/SimpleSparklines/jQuery/data.js
index 670a026bfda9..293928f1bc65 100644
--- a/apps/demos/Demos/Charts/SimpleSparklines/jQuery/data.js
+++ b/apps/demos/Demos/Charts/SimpleSparklines/jQuery/data.js
@@ -1,185 +1,185 @@
 const oilCosts = [{
   month: 1,
-  2010: 77,
-  2011: 93,
-  2012: 107,
+  2021: 52.16,
+  2022: 89.16,
+  2023: 78.12,
 }, {
   month: 2,
-  2010: 72,
-  2011: 101,
-  2012: 112,
+  2021: 61.55,
+  2022: 96.13,
+  2023: 76.83,
 }, {
   month: 3,
-  2010: 79,
-  2011: 115,
-  2012: 123,
+  2021: 59.19,
+  2022: 100.53,
+  2023: 73.28,
 }, {
   month: 4,
-  2010: 82,
-  2011: 116,
-  2012: 123,
+  2021: 63.50,
+  2022: 104.59,
+  2023: 79.45,
 }, {
   month: 5,
-  2010: 86,
-  2011: 124,
-  2012: 116,
+  2021: 66.31,
+  2022: 114.38,
+  2023: 71.58,
 }, {
   month: 6,
-  2010: 73,
-  2011: 115,
-  2012: 102,
+  2021: 73.52,
+  2022: 107.76,
+  2023: 70.25,
 }, {
   month: 7,
-  2010: 73,
-  2011: 110,
-  2012: 94,
+  2021: 73.93,
+  2022: 101.31,
+  2023: 76.07,
 }, {
   month: 8,
-  2010: 77,
-  2011: 117,
-  2012: 105,
+  2021: 68.43,
+  2022: 90.09,
+  2023: 81.39,
 }, {
   month: 9,
-  2010: 76,
-  2011: 113,
-  2012: 113,
+  2021: 75.22,
+  2022: 79.91,
+  2023: 89.43,
 }, {
   month: 10,
-  2010: 81,
-  2011: 103,
-  2012: 111,
+  2021: 83.50,
+  2022: 86.54,
+  2023: 85.64,
 }, {
   month: 11,
-  2010: 83,
-  2011: 110,
-  2012: 107,
+  2021: 66.14,
+  2022: 80.48,
+  2023: 77.69,
 }, {
   month: 12,
-  2010: 89,
-  2011: 109,
-  2012: 110,
+  2021: 75.33,
+  2022: 80.16,
+  2023: 71.90,
 }];
 
 const goldCosts = [{
   month: 1,
-  2010: 1115,
-  2011: 1358,
-  2012: 1661,
+  2021: 1866.98,
+  2022: 1816.51,
+  2023: 1894.75,
 }, {
   month: 2,
-  2010: 1099,
-  2011: 1375,
-  2012: 1742,
+  2021: 1808.17,
+  2022: 1856.30,
+  2023: 1858.74,
 }, {
   month: 3,
-  2010: 1114,
-  2011: 1423,
-  2012: 1677,
+  2021: 1718.23,
+  2022: 1947.83,
+  2023: 1912.12,
 }, {
   month: 4,
-  2010: 1150,
-  2011: 1486,
-  2012: 1650,
+  2021: 1760.27,
+  2022: 1933.88,
+  2023: 2000.13,
 }, {
   month: 5,
-  2010: 1205,
-  2011: 1511,
-  2012: 1589,
+  2021: 1850.26,
+  2022: 1848.33,
+  2023: 1992.05,
 }, {
   month: 6,
-  2010: 1235,
-  2011: 1529,
-  2012: 1602,
+  2021: 1834.57,
+  2022: 1836.57,
+  2023: 1942.92,
 }, {
   month: 7,
-  2010: 1193,
-  2011: 1573,
-  2012: 1593,
+  2021: 1807.84,
+  2022: 1738.41,
+  2023: 1951.01,
 }, {
   month: 8,
-  2010: 1220,
-  2011: 1765,
-  2012: 1634,
+  2021: 1784.28,
+  2022: 1764.56,
+  2023: 1918.41,
 }, {
   month: 9,
-  2010: 1272,
-  2011: 1771,
-  2012: 1750,
+  2021: 1777.27,
+  2022: 1680.78,
+  2023: 1915.65,
 }, {
   month: 10,
-  2010: 1345,
-  2011: 1672,
-  2012: 1745,
+  2021: 1776.85,
+  2022: 1664.15,
+  2023: 1916.14,
 }, {
   month: 11,
-  2010: 1370,
-  2011: 1741,
-  2012: 1720,
+  2021: 1820.23,
+  2022: 1725.06,
+  2023: 1984.45,
 }, {
   month: 12,
-  2010: 1392,
-  2011: 1643,
-  2012: 1684,
+  2021: 1790.43,
+  2022: 1796.87,
+  2023: 2027.01,
 }];
 
 const silverCosts = [{
   month: 1,
-  2010: 17,
-  2011: 30,
-  2012: 27,
+  2021: 25.91,
+  2022: 23.13,
+  2023: 23.76,
 }, {
   month: 2,
-  2010: 28,
-  2011: 28,
-  2012: 33,
+  2021: 27.35,
+  2022: 23.51,
+  2023: 21.90,
 }, {
   month: 3,
-  2010: 34,
-  2011: 34,
-  2012: 35,
+  2021: 25.60,
+  2022: 25.17,
+  2023: 21.92,
 }, {
   month: 4,
-  2010: 37,
-  2011: 37,
-  2012: 32,
+  2021: 25.63,
+  2022: 24.51,
+  2023: 24.98,
 }, {
   month: 5,
-  2010: 47,
-  2011: 47,
-  2012: 30,
+  2021: 27.48,
+  2022: 21.90,
+  2023: 24.21,
 }, {
   month: 6,
-  2010: 37,
-  2011: 37,
-  2012: 28,
+  2021: 26.98,
+  2022: 21.46,
+  2023: 23.34,
 }, {
   month: 7,
-  2010: 34,
-  2011: 34,
-  2012: 27,
+  2021: 25.66,
+  2022: 19.07,
+  2023: 24.08,
 }, {
   month: 8,
-  2010: 40,
-  2011: 40,
-  2012: 27,
+  2021: 24.01,
+  2022: 19.74,
+  2023: 23.55,
 }, {
   month: 9,
-  2010: 41,
-  2011: 41,
-  2012: 31,
+  2021: 23.19,
+  2022: 18.91,
+  2023: 23.15,
 }, {
   month: 10,
-  2010: 30,
-  2011: 30,
-  2012: 34,
+  2021: 23.36,
+  2022: 19.34,
+  2023: 22.25,
 }, {
   month: 11,
-  2010: 34,
-  2011: 34,
-  2012: 31,
+  2021: 24.16,
+  2022: 21.03,
+  2023: 23.47,
 }, {
   month: 12,
-  2010: 32,
-  2011: 32,
-  2012: 33,
+  2021: 22.47,
+  2022: 23.29,
+  2023: 24.03,
 }];
diff --git a/apps/demos/Demos/Charts/SimpleSparklines/jQuery/index.html b/apps/demos/Demos/Charts/SimpleSparklines/jQuery/index.html
index 8e3ddb2db861..d8d4b683d763 100644
--- a/apps/demos/Demos/Charts/SimpleSparklines/jQuery/index.html
+++ b/apps/demos/Demos/Charts/SimpleSparklines/jQuery/index.html
@@ -24,22 +24,22 @@
             <th>Silver (USD/troy ounce)</th>
           </tr>
           <tr>
-            <th>2010</th>
-            <td><div class="sparkline line2010"></div></td>
-            <td><div class="sparkline spline2010"></div></td>
-            <td><div class="sparkline stepline2010"></div></td>
+            <th>2021</th>
+            <td><div class="sparkline line2021"></div></td>
+            <td><div class="sparkline spline2021"></div></td>
+            <td><div class="sparkline stepline2021"></div></td>
           </tr>
           <tr>
-            <th>2011</th>
-            <td><div class="sparkline line2011"></div></td>
-            <td><div class="sparkline spline2011"></div></td>
-            <td><div class="sparkline stepline2011"></div></td>
+            <th>2022</th>
+            <td><div class="sparkline line2022"></div></td>
+            <td><div class="sparkline spline2022"></div></td>
+            <td><div class="sparkline stepline2022"></div></td>
           </tr>
           <tr>
-            <th>2012</th>
-            <td><div class="sparkline line2012"></div></td>
-            <td><div class="sparkline spline2012"></div></td>
-            <td><div class="sparkline stepline2012"></div></td>
+            <th>2023</th>
+            <td><div class="sparkline line2023"></div></td>
+            <td><div class="sparkline spline2023"></div></td>
+            <td><div class="sparkline stepline2023"></div></td>
           </tr>
         </table>
       </div>
diff --git a/apps/demos/Demos/Charts/SimpleSparklines/jQuery/index.js b/apps/demos/Demos/Charts/SimpleSparklines/jQuery/index.js
index eec08f7bc2d4..e0a26fe1875f 100644
--- a/apps/demos/Demos/Charts/SimpleSparklines/jQuery/index.js
+++ b/apps/demos/Demos/Charts/SimpleSparklines/jQuery/index.js
@@ -2,17 +2,20 @@ $(() => {
   const oilOptions = {
     dataSource: oilCosts,
     argumentField: 'month',
-    valueField: '2010',
+    valueField: '2021',
     type: 'line',
     showMinMax: true,
     tooltip: {
-      format: 'currency',
+      format: {
+        type: 'currency',
+        precision: 2,
+      },
     },
   };
   const goldOptions = {
     dataSource: goldCosts,
     argumentField: 'month',
-    valueField: '2010',
+    valueField: '2021',
     type: 'spline',
     lineWidth: 3,
     lineColor: '#9ab57e',
@@ -21,13 +24,16 @@ $(() => {
     showMinMax: true,
     showFirstLast: false,
     tooltip: {
-      format: 'currency',
+      format: {
+        type: 'currency',
+        precision: 2,
+      },
     },
   };
   const silverOptions = {
     dataSource: silverCosts,
     argumentField: 'month',
-    valueField: '2010',
+    valueField: '2021',
     lineColor: '#e8c267',
     firstLastColor: '#e55253',
     pointSize: 6,
@@ -35,19 +41,22 @@ $(() => {
     pointColor: '#ebdd8f',
     type: 'stepline',
     tooltip: {
-      format: 'currency',
+      format: {
+        type: 'currency',
+        precision: 2,
+      },
     },
   };
 
-  $('.line2010').dxSparkline(oilOptions);
-  $('.spline2010').dxSparkline(goldOptions);
-  $('.stepline2010').dxSparkline(silverOptions);
+  $('.line2021').dxSparkline(oilOptions);
+  $('.spline2021').dxSparkline(goldOptions);
+  $('.stepline2021').dxSparkline(silverOptions);
 
-  $('.line2011').dxSparkline($.extend(oilOptions, { valueField: '2011' }));
-  $('.spline2011').dxSparkline($.extend(goldOptions, { valueField: '2011' }));
-  $('.stepline2011').dxSparkline($.extend(silverOptions, { valueField: '2011' }));
+  $('.line2022').dxSparkline($.extend(oilOptions, { valueField: '2022' }));
+  $('.spline2022').dxSparkline($.extend(goldOptions, { valueField: '2022' }));
+  $('.stepline2022').dxSparkline($.extend(silverOptions, { valueField: '2022' }));
 
-  $('.line2012').dxSparkline($.extend(oilOptions, { valueField: '2012' }));
-  $('.spline2012').dxSparkline($.extend(goldOptions, { valueField: '2012' }));
-  $('.stepline2012').dxSparkline($.extend(silverOptions, { valueField: '2012' }));
+  $('.line2023').dxSparkline($.extend(oilOptions, { valueField: '2023' }));
+  $('.spline2023').dxSparkline($.extend(goldOptions, { valueField: '2023' }));
+  $('.stepline2023').dxSparkline($.extend(silverOptions, { valueField: '2023' }));
 });
diff --git a/apps/demos/Demos/Charts/WinlossSparklines/Angular/app/app.component.html b/apps/demos/Demos/Charts/WinlossSparklines/Angular/app/app.component.html
index 4ede8143ff1e..515f67c7f92e 100644
--- a/apps/demos/Demos/Charts/WinlossSparklines/Angular/app/app.component.html
+++ b/apps/demos/Demos/Charts/WinlossSparklines/Angular/app/app.component.html
@@ -1,13 +1,13 @@
 <div class="long-title"
-  ><h3>Monthly Prices of Aluminium, Nickel and Copper</h3></div
+  ><h3>Monthly Prices of Copper, Nickel and Palladium</h3></div
 >
 <div id="chart-demo">
   <table class="demo-table">
     <tr>
       <th><div class="dx-screen-reader-only">Year</div></th>
-      <th>Aluminium (USD/ton)</th>
-      <th>Nickel (USD/ton)</th>
       <th>Copper (USD/ton)</th>
+      <th>Nickel (USD/ton)</th>
+      <th>Palladium (USD/troy ounce)</th>
     </tr>
     @for(year of years; track year) {
     <tr>
@@ -15,14 +15,16 @@
       <td>
         <dx-sparkline
           class="sparkline"
-          [dataSource]="aluminumCosts"
+          [dataSource]="copperCosts"
           argumentField="month"
           valueField="{{ year }}"
           type="winloss"
           [showMinMax]="true"
-          [winlossThreshold]="2100"
+          [winlossThreshold]="8000"
         >
-          <dxo-sparkline-tooltip format="currency"></dxo-sparkline-tooltip>
+          <dxo-sparkline-tooltip
+            [format]="{ type: 'currency', precision: 2 }"
+          ></dxo-sparkline-tooltip>
         </dx-sparkline>
       </td>
       <td>
@@ -38,22 +40,26 @@
           lossColor="#8076bb"
           [winlossThreshold]="19000"
         >
-          <dxo-sparkline-tooltip format="currency"></dxo-sparkline-tooltip>
+          <dxo-sparkline-tooltip
+            [format]="{ type: 'currency', precision: 2 }"
+          ></dxo-sparkline-tooltip>
         </dx-sparkline>
       </td>
       <td>
         <dx-sparkline
           class="sparkline"
-          [dataSource]="cooperCosts"
+          [dataSource]="palladiumCosts"
           argumentField="month"
           valueField="{{ year }}"
           type="winloss"
           winColor="#7e4452"
           lossColor="#ebdd8f"
           firstLastColor="#e55253"
-          [winlossThreshold]="8000"
+          [winlossThreshold]="2000"
         >
-          <dxo-sparkline-tooltip format="currency"></dxo-sparkline-tooltip>
+          <dxo-sparkline-tooltip
+            [format]="{ type: 'currency', precision: 2 }"
+          ></dxo-sparkline-tooltip>
         </dx-sparkline>
       </td>
     </tr>
diff --git a/apps/demos/Demos/Charts/WinlossSparklines/Angular/app/app.component.ts b/apps/demos/Demos/Charts/WinlossSparklines/Angular/app/app.component.ts
index 20b9f26d7c4e..f653a4534604 100644
--- a/apps/demos/Demos/Charts/WinlossSparklines/Angular/app/app.component.ts
+++ b/apps/demos/Demos/Charts/WinlossSparklines/Angular/app/app.component.ts
@@ -23,19 +23,19 @@ if (window && window.config?.packageConfigPaths) {
   ],
 })
 export class AppComponent {
-  aluminumCosts: CostInfo[];
+  copperCosts: CostInfo[];
 
   nickelCosts: CostInfo[];
 
-  cooperCosts: CostInfo[];
+  palladiumCosts: CostInfo[];
 
   years: number[];
 
   constructor(service: Service) {
-    this.aluminumCosts = service.getAluminumCosts();
+    this.copperCosts = service.getCopperCosts();
     this.nickelCosts = service.getNickelCosts();
-    this.cooperCosts = service.getCooperCosts();
-    this.years = [2010, 2011, 2012];
+    this.palladiumCosts = service.getPalladiumCosts();
+    this.years = [2021, 2022, 2023];
   }
 }
 
diff --git a/apps/demos/Demos/Charts/WinlossSparklines/Angular/app/app.service.ts b/apps/demos/Demos/Charts/WinlossSparklines/Angular/app/app.service.ts
index 0696b0b860aa..8f57bf07fd38 100644
--- a/apps/demos/Demos/Charts/WinlossSparklines/Angular/app/app.service.ts
+++ b/apps/demos/Demos/Charts/WinlossSparklines/Angular/app/app.service.ts
@@ -3,210 +3,210 @@ import { Injectable } from '@angular/core';
 export class CostInfo {
   month: number;
 
-  2010: number;
+  2021: number;
 
-  2011: number;
+  2022: number;
 
-  2012: number;
+  2023: number;
 }
 
-const aluminumCosts: CostInfo[] = [{
+const copperCosts: CostInfo[] = [{
   month: 1,
-  2010: 2262,
-  2011: 2454,
-  2012: 2262,
+  2021: 7970.50,
+  2022: 9775.93,
+  2023: 8999.79,
 }, {
   month: 2,
-  2010: 2087,
-  2011: 2537,
-  2012: 2087,
+  2021: 8460.25,
+  2022: 9941.35,
+  2023: 8955.20,
 }, {
   month: 3,
-  2010: 2238,
-  2011: 2586,
-  2012: 2238,
+  2021: 9004.98,
+  2022: 10237.59,
+  2023: 8835.72,
 }, {
   month: 4,
-  2010: 2349,
-  2011: 2689,
-  2012: 2349,
+  2021: 9335.55,
+  2022: 10183.13,
+  2023: 8814.00,
 }, {
   month: 5,
-  2010: 2071,
-  2011: 2591,
-  2012: 2071,
+  2021: 10183.97,
+  2022: 9362.81,
+  2023: 8234.28,
 }, {
   month: 6,
-  2010: 1957,
-  2011: 2584,
-  2012: 1957,
+  2021: 9612.43,
+  2022: 9033.13,
+  2023: 8386.23,
 }, {
   month: 7,
-  2010: 2008,
-  2011: 2554,
-  2012: 2008,
+  2021: 9433.59,
+  2022: 7529.79,
+  2023: 8445.26,
 }, {
   month: 8,
-  2010: 2119,
-  2011: 2413,
-  2012: 2119,
+  2021: 9357.19,
+  2022: 7960.98,
+  2023: 8351.77,
 }, {
   month: 9,
-  2010: 2199,
-  2011: 2327,
-  2012: 2199,
+  2021: 9324.07,
+  2022: 7734.70,
+  2023: 8270.86,
 }, {
   month: 10,
-  2010: 2374,
-  2011: 2210,
-  2012: 2374,
+  2021: 9778.50,
+  2022: 7621.21,
+  2023: 7939.66,
 }, {
   month: 11,
-  2010: 2354,
-  2011: 2102,
-  2012: 2354,
+  2021: 9765.48,
+  2022: 8029.95,
+  2023: 8173.95,
 }, {
   month: 12,
-  2010: 2369,
-  2011: 2038,
-  2012: 2369,
+  2021: 9550.31,
+  2022: 8367.23,
+  2023: 8394.11,
 }];
 
 const nickelCosts: CostInfo[] = [{
   month: 1,
-  2010: 18974,
-  2011: 24298,
-  2012: 18322,
+  2021: 17847.68,
+  2022: 22355.40,
+  2023: 28194.61,
 }, {
   month: 2,
-  2010: 18162,
-  2011: 27929,
-  2012: 21093,
+  2021: 18595.30,
+  2022: 24015.55,
+  2023: 26727.95,
 }, {
   month: 3,
-  2010: 20535,
-  2011: 28802,
-  2012: 19701,
+  2021: 16460.83,
+  2022: 33924.18,
+  2023: 23288.61,
 }, {
   month: 4,
-  2010: 24562,
-  2011: 26142,
-  2012: 17695,
+  2021: 16480.91,
+  2022: 33132.74,
+  2023: 23894.56,
 }, {
   month: 5,
-  2010: 26131,
-  2011: 26753,
-  2012: 17549,
+  2021: 17552.45,
+  2022: 28062.55,
+  2023: 21970.39,
 }, {
   month: 6,
-  2010: 19278,
-  2011: 23055,
-  2012: 16436,
+  2021: 17942.32,
+  2022: 25658.63,
+  2023: 21233.28,
 }, {
   month: 7,
-  2010: 19475,
-  2011: 22870,
-  2012: 16382,
+  2021: 18819.36,
+  2022: 21481.89,
+  2023: 21091.26,
 }, {
   month: 8,
-  2010: 20701,
-  2011: 24388,
-  2012: 15687,
+  2021: 19160.23,
+  2022: 22057.39,
+  2023: 20438.65,
 }, {
   month: 9,
-  2010: 21266,
-  2011: 21845,
-  2012: 16085,
+  2021: 19398.23,
+  2022: 22773.97,
+  2023: 19644.64,
 }, {
   month: 10,
-  2010: 23358,
-  2011: 18346,
-  2012: 18250,
+  2021: 19420.52,
+  2022: 22032.89,
+  2023: 18281.23,
 }, {
   month: 11,
-  2010: 23150,
-  2011: 18822,
-  2012: 16083,
+  2021: 19970.43,
+  2022: 25562.70,
+  2023: 17027.36,
 }, {
   month: 12,
-  2010: 23282,
-  2011: 17320,
-  2012: 17104,
+  2021: 20015.55,
+  2022: 28946.81,
+  2023: 16460.84,
 }];
 
-const copperCosts: CostInfo[] = [{
+const palladiumCosts: CostInfo[] = [{
   month: 1,
-  2010: 7341,
-  2011: 9585,
-  2012: 7501,
+  2021: 2391.20,
+  2022: 2030.86,
+  2023: 1734.27,
 }, {
   month: 2,
-  2010: 7016,
-  2011: 10026,
-  2012: 8470,
+  2021: 2342.33,
+  2022: 2350.10,
+  2023: 1543.90,
 }, {
   month: 3,
-  2010: 7202,
-  2011: 9889,
-  2012: 8591,
+  2021: 2525.61,
+  2022: 2582.78,
+  2023: 1426.00,
 }, {
   month: 4,
-  2010: 7851,
-  2011: 9460,
-  2012: 8459,
+  2021: 2776.45,
+  2022: 2330.67,
+  2023: 1508.00,
 }, {
   month: 5,
-  2010: 7481,
-  2011: 9373,
-  2012: 8320,
+  2021: 2900.52,
+  2022: 2060.05,
+  2023: 1482.61,
 }, {
   month: 6,
-  2010: 6532,
-  2011: 9108,
-  2012: 7465,
+  2021: 2752.48,
+  2022: 1913.05,
+  2023: 1348.09,
 }, {
   month: 7,
-  2010: 6498,
-  2011: 9295,
-  2012: 7475,
+  2021: 2754.76,
+  2022: 1973.10,
+  2023: 1264.48,
 }, {
   month: 8,
-  2010: 7191,
-  2011: 9834,
-  2012: 7430,
+  2021: 2544.73,
+  2022: 2135.52,
+  2023: 1247.30,
 }, {
   month: 9,
-  2010: 7596,
-  2011: 9121,
-  2012: 7614,
+  2021: 2130.32,
+  2022: 2113.95,
+  2023: 1239.29,
 }, {
   month: 10,
-  2010: 8057,
-  2011: 7125,
-  2012: 8245,
+  2021: 2058.48,
+  2022: 2078.86,
+  2023: 1142.09,
 }, {
   month: 11,
-  2010: 8373,
-  2011: 7871,
-  2012: 7727,
+  2021: 2036.32,
+  2022: 1911.55,
+  2023: 1050.27,
 }, {
   month: 12,
-  2010: 8636,
-  2011: 7725,
-  2012: 7880,
+  2021: 1810.52,
+  2022: 1808.36,
+  2023: 1087.76,
 }];
 
 @Injectable()
 export class Service {
-  getAluminumCosts(): CostInfo[] {
-    return aluminumCosts;
+  getCopperCosts(): CostInfo[] {
+    return copperCosts;
   }
 
   getNickelCosts(): CostInfo[] {
     return nickelCosts;
   }
 
-  getCooperCosts(): CostInfo[] {
-    return copperCosts;
+  getPalladiumCosts(): CostInfo[] {
+    return palladiumCosts;
   }
 }
diff --git a/apps/demos/Demos/Charts/WinlossSparklines/React/App.tsx b/apps/demos/Demos/Charts/WinlossSparklines/React/App.tsx
index d605d3bab4eb..7e596742f459 100644
--- a/apps/demos/Demos/Charts/WinlossSparklines/React/App.tsx
+++ b/apps/demos/Demos/Charts/WinlossSparklines/React/App.tsx
@@ -2,12 +2,12 @@ import React from 'react';
 
 import RowTemplate from './RowTemplate.tsx';
 
-const years = ['2010', '2011', '2012'];
+const years = ['2021', '2022', '2023'];
 
 function App() {
   return (
     <>
-      <div className="long-title"><h3>Monthly Prices of Aluminium, Nickel and Copper</h3></div>
+      <div className="long-title"><h3>Monthly Prices of Copper, Nickel and Palladium</h3></div>
       <div id="chart-demo">
         <table
           className="demo-table"
@@ -16,9 +16,9 @@ function App() {
           <tbody>
             <tr>
               <th><div className="dx-screen-reader-only">Year</div></th>
-              <th>Aluminium (USD/ton)</th>
-              <th>Nickel (USD/ton)</th>
               <th>Copper (USD/ton)</th>
+              <th>Nickel (USD/ton)</th>
+              <th>Palladium (USD/troy ounce)</th>
             </tr>
             {
               years.map((year, index) => <RowTemplate key={index} year={year} />)
diff --git a/apps/demos/Demos/Charts/WinlossSparklines/React/RowTemplate.tsx b/apps/demos/Demos/Charts/WinlossSparklines/React/RowTemplate.tsx
index 2e436f40dca5..47f465c5e750 100644
--- a/apps/demos/Demos/Charts/WinlossSparklines/React/RowTemplate.tsx
+++ b/apps/demos/Demos/Charts/WinlossSparklines/React/RowTemplate.tsx
@@ -5,9 +5,9 @@ import Sparkline, {
 } from 'devextreme-react/sparkline';
 
 import {
-  aluminumCosts,
-  nickelCosts,
   copperCosts,
+  nickelCosts,
+  palladiumCosts,
 } from './data.ts';
 
 interface RowTemplateProps {
@@ -21,15 +21,15 @@ export default function RowTemplate(props: RowTemplateProps) {
       <th>{ props.year }</th>
       <td>
         <Sparkline
-          dataSource={aluminumCosts}
+          dataSource={copperCosts}
           showMinMax={true}
-          winlossThreshold={2100}
+          winlossThreshold={8000}
           className="sparkline"
           argumentField="month"
           valueField={props.year}
           type="winloss"
         >
-          <Tooltip format="currency" />
+          <Tooltip format={{ type: 'currency', precision: 2 }} />
         </Sparkline>
       </td>
       <td>
@@ -45,13 +45,13 @@ export default function RowTemplate(props: RowTemplateProps) {
           winColor="#6babac"
           lossColor="#8076bb"
         >
-          <Tooltip format="currency" />
+          <Tooltip format={{ type: 'currency', precision: 2 }} />
         </Sparkline>
       </td>
       <td>
         <Sparkline
-          dataSource={copperCosts}
-          winlossThreshold={8000}
+          dataSource={palladiumCosts}
+          winlossThreshold={2000}
           className="sparkline"
           argumentField="month"
           valueField={props.year}
@@ -60,7 +60,7 @@ export default function RowTemplate(props: RowTemplateProps) {
           winColor="#7e4452"
           lossColor="#ebdd8f"
         >
-          <Tooltip format="currency" />
+          <Tooltip format={{ type: 'currency', precision: 2 }} />
         </Sparkline>
       </td>
     </tr>
diff --git a/apps/demos/Demos/Charts/WinlossSparklines/React/data.ts b/apps/demos/Demos/Charts/WinlossSparklines/React/data.ts
index 50223f75112d..fcc28d2ec55a 100644
--- a/apps/demos/Demos/Charts/WinlossSparklines/React/data.ts
+++ b/apps/demos/Demos/Charts/WinlossSparklines/React/data.ts
@@ -1,185 +1,185 @@
-export const aluminumCosts = [{
+export const copperCosts = [{
   month: 1,
-  2010: 2262,
-  2011: 2454,
-  2012: 2262,
+  2021: 7970.50,
+  2022: 9775.93,
+  2023: 8999.79,
 }, {
   month: 2,
-  2010: 2087,
-  2011: 2537,
-  2012: 2087,
+  2021: 8460.25,
+  2022: 9941.35,
+  2023: 8955.20,
 }, {
   month: 3,
-  2010: 2238,
-  2011: 2586,
-  2012: 2238,
+  2021: 9004.98,
+  2022: 10237.59,
+  2023: 8835.72,
 }, {
   month: 4,
-  2010: 2349,
-  2011: 2689,
-  2012: 2349,
+  2021: 9335.55,
+  2022: 10183.13,
+  2023: 8814.00,
 }, {
   month: 5,
-  2010: 2071,
-  2011: 2591,
-  2012: 2071,
+  2021: 10183.97,
+  2022: 9362.81,
+  2023: 8234.28,
 }, {
   month: 6,
-  2010: 1957,
-  2011: 2584,
-  2012: 1957,
+  2021: 9612.43,
+  2022: 9033.13,
+  2023: 8386.23,
 }, {
   month: 7,
-  2010: 2008,
-  2011: 2554,
-  2012: 2008,
+  2021: 9433.59,
+  2022: 7529.79,
+  2023: 8445.26,
 }, {
   month: 8,
-  2010: 2119,
-  2011: 2413,
-  2012: 2119,
+  2021: 9357.19,
+  2022: 7960.98,
+  2023: 8351.77,
 }, {
   month: 9,
-  2010: 2199,
-  2011: 2327,
-  2012: 2199,
+  2021: 9324.07,
+  2022: 7734.70,
+  2023: 8270.86,
 }, {
   month: 10,
-  2010: 2374,
-  2011: 2210,
-  2012: 2374,
+  2021: 9778.50,
+  2022: 7621.21,
+  2023: 7939.66,
 }, {
   month: 11,
-  2010: 2354,
-  2011: 2102,
-  2012: 2354,
+  2021: 9765.48,
+  2022: 8029.95,
+  2023: 8173.95,
 }, {
   month: 12,
-  2010: 2369,
-  2011: 2038,
-  2012: 2369,
+  2021: 9550.31,
+  2022: 8367.23,
+  2023: 8394.11,
 }];
 
 export const nickelCosts = [{
   month: 1,
-  2010: 18974,
-  2011: 24298,
-  2012: 18322,
+  2021: 17847.68,
+  2022: 22355.40,
+  2023: 28194.61,
 }, {
   month: 2,
-  2010: 18162,
-  2011: 27929,
-  2012: 21093,
+  2021: 18595.30,
+  2022: 24015.55,
+  2023: 26727.95,
 }, {
   month: 3,
-  2010: 20535,
-  2011: 28802,
-  2012: 19701,
+  2021: 16460.83,
+  2022: 33924.18,
+  2023: 23288.61,
 }, {
   month: 4,
-  2010: 24562,
-  2011: 26142,
-  2012: 17695,
+  2021: 16480.91,
+  2022: 33132.74,
+  2023: 23894.56,
 }, {
   month: 5,
-  2010: 26131,
-  2011: 26753,
-  2012: 17549,
+  2021: 17552.45,
+  2022: 28062.55,
+  2023: 21970.39,
 }, {
   month: 6,
-  2010: 19278,
-  2011: 23055,
-  2012: 16436,
+  2021: 17942.32,
+  2022: 25658.63,
+  2023: 21233.28,
 }, {
   month: 7,
-  2010: 19475,
-  2011: 22870,
-  2012: 16382,
+  2021: 18819.36,
+  2022: 21481.89,
+  2023: 21091.26,
 }, {
   month: 8,
-  2010: 20701,
-  2011: 24388,
-  2012: 15687,
+  2021: 19160.23,
+  2022: 22057.39,
+  2023: 20438.65,
 }, {
   month: 9,
-  2010: 21266,
-  2011: 21845,
-  2012: 16085,
+  2021: 19398.23,
+  2022: 22773.97,
+  2023: 19644.64,
 }, {
   month: 10,
-  2010: 23358,
-  2011: 18346,
-  2012: 18250,
+  2021: 19420.52,
+  2022: 22032.89,
+  2023: 18281.23,
 }, {
   month: 11,
-  2010: 23150,
-  2011: 18822,
-  2012: 16083,
+  2021: 19970.43,
+  2022: 25562.70,
+  2023: 17027.36,
 }, {
   month: 12,
-  2010: 23282,
-  2011: 17320,
-  2012: 17104,
+  2021: 20015.55,
+  2022: 28946.81,
+  2023: 16460.84,
 }];
 
-export const copperCosts = [{
+export const palladiumCosts = [{
   month: 1,
-  2010: 7341,
-  2011: 9585,
-  2012: 7501,
+  2021: 2391.20,
+  2022: 2030.86,
+  2023: 1734.27,
 }, {
   month: 2,
-  2010: 7016,
-  2011: 10026,
-  2012: 8470,
+  2021: 2342.33,
+  2022: 2350.10,
+  2023: 1543.90,
 }, {
   month: 3,
-  2010: 7202,
-  2011: 9889,
-  2012: 8591,
+  2021: 2525.61,
+  2022: 2582.78,
+  2023: 1426.00,
 }, {
   month: 4,
-  2010: 7851,
-  2011: 9460,
-  2012: 8459,
+  2021: 2776.45,
+  2022: 2330.67,
+  2023: 1508.00,
 }, {
   month: 5,
-  2010: 7481,
-  2011: 9373,
-  2012: 8320,
+  2021: 2900.52,
+  2022: 2060.05,
+  2023: 1482.61,
 }, {
   month: 6,
-  2010: 6532,
-  2011: 9108,
-  2012: 7465,
+  2021: 2752.48,
+  2022: 1913.05,
+  2023: 1348.09,
 }, {
   month: 7,
-  2010: 6498,
-  2011: 9295,
-  2012: 7475,
+  2021: 2754.76,
+  2022: 1973.10,
+  2023: 1264.48,
 }, {
   month: 8,
-  2010: 7191,
-  2011: 9834,
-  2012: 7430,
+  2021: 2544.73,
+  2022: 2135.52,
+  2023: 1247.30,
 }, {
   month: 9,
-  2010: 7596,
-  2011: 9121,
-  2012: 7614,
+  2021: 2130.32,
+  2022: 2113.95,
+  2023: 1239.29,
 }, {
   month: 10,
-  2010: 8057,
-  2011: 7125,
-  2012: 8245,
+  2021: 2058.48,
+  2022: 2078.86,
+  2023: 1142.09,
 }, {
   month: 11,
-  2010: 8373,
-  2011: 7871,
-  2012: 7727,
+  2021: 2036.32,
+  2022: 1911.55,
+  2023: 1050.27,
 }, {
   month: 12,
-  2010: 8636,
-  2011: 7725,
-  2012: 7880,
+  2021: 1810.52,
+  2022: 1808.36,
+  2023: 1087.76,
 }];
diff --git a/apps/demos/Demos/Charts/WinlossSparklines/ReactJs/App.js b/apps/demos/Demos/Charts/WinlossSparklines/ReactJs/App.js
index 1135c7a9253e..061ff79f7671 100644
--- a/apps/demos/Demos/Charts/WinlossSparklines/ReactJs/App.js
+++ b/apps/demos/Demos/Charts/WinlossSparklines/ReactJs/App.js
@@ -1,12 +1,12 @@
 import React from 'react';
 import RowTemplate from './RowTemplate.js';
 
-const years = ['2010', '2011', '2012'];
+const years = ['2021', '2022', '2023'];
 function App() {
   return (
     <>
       <div className="long-title">
-        <h3>Monthly Prices of Aluminium, Nickel and Copper</h3>
+        <h3>Monthly Prices of Copper, Nickel and Palladium</h3>
       </div>
       <div id="chart-demo">
         <table
@@ -18,9 +18,9 @@ function App() {
               <th>
                 <div className="dx-screen-reader-only">Year</div>
               </th>
-              <th>Aluminium (USD/ton)</th>
-              <th>Nickel (USD/ton)</th>
               <th>Copper (USD/ton)</th>
+              <th>Nickel (USD/ton)</th>
+              <th>Palladium (USD/troy ounce)</th>
             </tr>
             {years.map((year, index) => (
               <RowTemplate
diff --git a/apps/demos/Demos/Charts/WinlossSparklines/ReactJs/RowTemplate.js b/apps/demos/Demos/Charts/WinlossSparklines/ReactJs/RowTemplate.js
index f2b743bdf674..d3db9a596016 100644
--- a/apps/demos/Demos/Charts/WinlossSparklines/ReactJs/RowTemplate.js
+++ b/apps/demos/Demos/Charts/WinlossSparklines/ReactJs/RowTemplate.js
@@ -1,6 +1,6 @@
 import React from 'react';
 import Sparkline, { Tooltip } from 'devextreme-react/sparkline';
-import { aluminumCosts, nickelCosts, copperCosts } from './data.js';
+import { copperCosts, nickelCosts, palladiumCosts } from './data.js';
 
 export default function RowTemplate(props) {
   return (
@@ -8,15 +8,15 @@ export default function RowTemplate(props) {
       <th>{props.year}</th>
       <td>
         <Sparkline
-          dataSource={aluminumCosts}
+          dataSource={copperCosts}
           showMinMax={true}
-          winlossThreshold={2100}
+          winlossThreshold={8000}
           className="sparkline"
           argumentField="month"
           valueField={props.year}
           type="winloss"
         >
-          <Tooltip format="currency" />
+          <Tooltip format={{ type: 'currency', precision: 2 }} />
         </Sparkline>
       </td>
       <td>
@@ -32,13 +32,13 @@ export default function RowTemplate(props) {
           winColor="#6babac"
           lossColor="#8076bb"
         >
-          <Tooltip format="currency" />
+          <Tooltip format={{ type: 'currency', precision: 2 }} />
         </Sparkline>
       </td>
       <td>
         <Sparkline
-          dataSource={copperCosts}
-          winlossThreshold={8000}
+          dataSource={palladiumCosts}
+          winlossThreshold={2000}
           className="sparkline"
           argumentField="month"
           valueField={props.year}
@@ -47,7 +47,7 @@ export default function RowTemplate(props) {
           winColor="#7e4452"
           lossColor="#ebdd8f"
         >
-          <Tooltip format="currency" />
+          <Tooltip format={{ type: 'currency', precision: 2 }} />
         </Sparkline>
       </td>
     </tr>
diff --git a/apps/demos/Demos/Charts/WinlossSparklines/ReactJs/data.js b/apps/demos/Demos/Charts/WinlossSparklines/ReactJs/data.js
index f2cb8c3593a7..81f86b601460 100644
--- a/apps/demos/Demos/Charts/WinlossSparklines/ReactJs/data.js
+++ b/apps/demos/Demos/Charts/WinlossSparklines/ReactJs/data.js
@@ -1,222 +1,222 @@
-export const aluminumCosts = [
+export const copperCosts = [
   {
     month: 1,
-    2010: 2262,
-    2011: 2454,
-    2012: 2262,
+    2021: 7970.5,
+    2022: 9775.93,
+    2023: 8999.79,
   },
   {
     month: 2,
-    2010: 2087,
-    2011: 2537,
-    2012: 2087,
+    2021: 8460.25,
+    2022: 9941.35,
+    2023: 8955.2,
   },
   {
     month: 3,
-    2010: 2238,
-    2011: 2586,
-    2012: 2238,
+    2021: 9004.98,
+    2022: 10237.59,
+    2023: 8835.72,
   },
   {
     month: 4,
-    2010: 2349,
-    2011: 2689,
-    2012: 2349,
+    2021: 9335.55,
+    2022: 10183.13,
+    2023: 8814.0,
   },
   {
     month: 5,
-    2010: 2071,
-    2011: 2591,
-    2012: 2071,
+    2021: 10183.97,
+    2022: 9362.81,
+    2023: 8234.28,
   },
   {
     month: 6,
-    2010: 1957,
-    2011: 2584,
-    2012: 1957,
+    2021: 9612.43,
+    2022: 9033.13,
+    2023: 8386.23,
   },
   {
     month: 7,
-    2010: 2008,
-    2011: 2554,
-    2012: 2008,
+    2021: 9433.59,
+    2022: 7529.79,
+    2023: 8445.26,
   },
   {
     month: 8,
-    2010: 2119,
-    2011: 2413,
-    2012: 2119,
+    2021: 9357.19,
+    2022: 7960.98,
+    2023: 8351.77,
   },
   {
     month: 9,
-    2010: 2199,
-    2011: 2327,
-    2012: 2199,
+    2021: 9324.07,
+    2022: 7734.7,
+    2023: 8270.86,
   },
   {
     month: 10,
-    2010: 2374,
-    2011: 2210,
-    2012: 2374,
+    2021: 9778.5,
+    2022: 7621.21,
+    2023: 7939.66,
   },
   {
     month: 11,
-    2010: 2354,
-    2011: 2102,
-    2012: 2354,
+    2021: 9765.48,
+    2022: 8029.95,
+    2023: 8173.95,
   },
   {
     month: 12,
-    2010: 2369,
-    2011: 2038,
-    2012: 2369,
+    2021: 9550.31,
+    2022: 8367.23,
+    2023: 8394.11,
   },
 ];
 export const nickelCosts = [
   {
     month: 1,
-    2010: 18974,
-    2011: 24298,
-    2012: 18322,
+    2021: 17847.68,
+    2022: 22355.4,
+    2023: 28194.61,
   },
   {
     month: 2,
-    2010: 18162,
-    2011: 27929,
-    2012: 21093,
+    2021: 18595.3,
+    2022: 24015.55,
+    2023: 26727.95,
   },
   {
     month: 3,
-    2010: 20535,
-    2011: 28802,
-    2012: 19701,
+    2021: 16460.83,
+    2022: 33924.18,
+    2023: 23288.61,
   },
   {
     month: 4,
-    2010: 24562,
-    2011: 26142,
-    2012: 17695,
+    2021: 16480.91,
+    2022: 33132.74,
+    2023: 23894.56,
   },
   {
     month: 5,
-    2010: 26131,
-    2011: 26753,
-    2012: 17549,
+    2021: 17552.45,
+    2022: 28062.55,
+    2023: 21970.39,
   },
   {
     month: 6,
-    2010: 19278,
-    2011: 23055,
-    2012: 16436,
+    2021: 17942.32,
+    2022: 25658.63,
+    2023: 21233.28,
   },
   {
     month: 7,
-    2010: 19475,
-    2011: 22870,
-    2012: 16382,
+    2021: 18819.36,
+    2022: 21481.89,
+    2023: 21091.26,
   },
   {
     month: 8,
-    2010: 20701,
-    2011: 24388,
-    2012: 15687,
+    2021: 19160.23,
+    2022: 22057.39,
+    2023: 20438.65,
   },
   {
     month: 9,
-    2010: 21266,
-    2011: 21845,
-    2012: 16085,
+    2021: 19398.23,
+    2022: 22773.97,
+    2023: 19644.64,
   },
   {
     month: 10,
-    2010: 23358,
-    2011: 18346,
-    2012: 18250,
+    2021: 19420.52,
+    2022: 22032.89,
+    2023: 18281.23,
   },
   {
     month: 11,
-    2010: 23150,
-    2011: 18822,
-    2012: 16083,
+    2021: 19970.43,
+    2022: 25562.7,
+    2023: 17027.36,
   },
   {
     month: 12,
-    2010: 23282,
-    2011: 17320,
-    2012: 17104,
+    2021: 20015.55,
+    2022: 28946.81,
+    2023: 16460.84,
   },
 ];
-export const copperCosts = [
+export const palladiumCosts = [
   {
     month: 1,
-    2010: 7341,
-    2011: 9585,
-    2012: 7501,
+    2021: 2391.2,
+    2022: 2030.86,
+    2023: 1734.27,
   },
   {
     month: 2,
-    2010: 7016,
-    2011: 10026,
-    2012: 8470,
+    2021: 2342.33,
+    2022: 2350.1,
+    2023: 1543.9,
   },
   {
     month: 3,
-    2010: 7202,
-    2011: 9889,
-    2012: 8591,
+    2021: 2525.61,
+    2022: 2582.78,
+    2023: 1426.0,
   },
   {
     month: 4,
-    2010: 7851,
-    2011: 9460,
-    2012: 8459,
+    2021: 2776.45,
+    2022: 2330.67,
+    2023: 1508.0,
   },
   {
     month: 5,
-    2010: 7481,
-    2011: 9373,
-    2012: 8320,
+    2021: 2900.52,
+    2022: 2060.05,
+    2023: 1482.61,
   },
   {
     month: 6,
-    2010: 6532,
-    2011: 9108,
-    2012: 7465,
+    2021: 2752.48,
+    2022: 1913.05,
+    2023: 1348.09,
   },
   {
     month: 7,
-    2010: 6498,
-    2011: 9295,
-    2012: 7475,
+    2021: 2754.76,
+    2022: 1973.1,
+    2023: 1264.48,
   },
   {
     month: 8,
-    2010: 7191,
-    2011: 9834,
-    2012: 7430,
+    2021: 2544.73,
+    2022: 2135.52,
+    2023: 1247.3,
   },
   {
     month: 9,
-    2010: 7596,
-    2011: 9121,
-    2012: 7614,
+    2021: 2130.32,
+    2022: 2113.95,
+    2023: 1239.29,
   },
   {
     month: 10,
-    2010: 8057,
-    2011: 7125,
-    2012: 8245,
+    2021: 2058.48,
+    2022: 2078.86,
+    2023: 1142.09,
   },
   {
     month: 11,
-    2010: 8373,
-    2011: 7871,
-    2012: 7727,
+    2021: 2036.32,
+    2022: 1911.55,
+    2023: 1050.27,
   },
   {
     month: 12,
-    2010: 8636,
-    2011: 7725,
-    2012: 7880,
+    2021: 1810.52,
+    2022: 1808.36,
+    2023: 1087.76,
   },
 ];
diff --git a/apps/demos/Demos/Charts/WinlossSparklines/Vue/App.vue b/apps/demos/Demos/Charts/WinlossSparklines/Vue/App.vue
index d01fbcb09c3d..f554930cbfb2 100644
--- a/apps/demos/Demos/Charts/WinlossSparklines/Vue/App.vue
+++ b/apps/demos/Demos/Charts/WinlossSparklines/Vue/App.vue
@@ -1,6 +1,6 @@
 <template>
   <div>
-    <div class="long-title"><h3>Monthly Prices of Aluminium, Nickel and Copper</h3></div>
+    <div class="long-title"><h3>Monthly Prices of Copper, Nickel and Palladium</h3></div>
     <div id="chart-demo">
       <table
         class="demo-table"
@@ -8,9 +8,9 @@
       >
         <tr>
           <th><div class="dx-screen-reader-only">Year</div></th>
-          <th>Aluminium (USD/ton)</th>
-          <th>Nickel (USD/ton)</th>
           <th>Copper (USD/ton)</th>
+          <th>Nickel (USD/ton)</th>
+          <th>Palladium (USD/troy ounce)</th>
         </tr>
         <tbody
           v-for="(year, index) in years"
@@ -26,7 +26,7 @@
 <script setup lang="ts">
 import RowTemplate from './RowTemplate.vue';
 
-const years = ['2010', '2011', '2012'];
+const years = ['2021', '2022', '2023'];
 </script>
 <style>
 #chart-demo {
diff --git a/apps/demos/Demos/Charts/WinlossSparklines/Vue/RowTemplate.vue b/apps/demos/Demos/Charts/WinlossSparklines/Vue/RowTemplate.vue
index e0bffd165165..886f8e473462 100644
--- a/apps/demos/Demos/Charts/WinlossSparklines/Vue/RowTemplate.vue
+++ b/apps/demos/Demos/Charts/WinlossSparklines/Vue/RowTemplate.vue
@@ -3,15 +3,15 @@
     <th>{{ year }}</th>
     <td>
       <DxSparkline
-        :data-source="aluminumCosts"
+        :data-source="copperCosts"
         :show-min-max="true"
-        :winloss-threshold="2100"
+        :winloss-threshold="8000"
         :value-field="year"
         class="sparkline"
         argument-field="month"
         type="winloss"
       >
-        <DxTooltip format="currency"/>
+        <DxTooltip :format="{ type: 'currency', precision: 2 }"/>
       </DxSparkline>
     </td>
     <td>
@@ -27,13 +27,13 @@
         win-color="#6babac"
         loss-color="#8076bb"
       >
-        <DxTooltip format="currency"/>
+        <DxTooltip :format="{ type: 'currency', precision: 2 }"/>
       </DxSparkline>
     </td>
     <td>
       <DxSparkline
-        :data-source="copperCosts"
-        :winloss-threshold="8000"
+        :data-source="palladiumCosts"
+        :winloss-threshold="2000"
         :value-field="year"
         class="sparkline"
         argument-field="month"
@@ -42,7 +42,7 @@
         win-color="#7e4452"
         loss-color="#ebdd8f"
       >
-        <DxTooltip format="currency"/>
+        <DxTooltip :format="{ type: 'currency', precision: 2 }"/>
       </DxSparkline>
     </td>
   </tr>
@@ -53,9 +53,9 @@ import DxSparkline, {
   DxTooltip,
 } from 'devextreme-vue/sparkline';
 import {
-  aluminumCosts,
-  nickelCosts,
   copperCosts,
+  nickelCosts,
+  palladiumCosts,
 } from './data.ts';
 
 withDefaults(defineProps<{
diff --git a/apps/demos/Demos/Charts/WinlossSparklines/Vue/data.ts b/apps/demos/Demos/Charts/WinlossSparklines/Vue/data.ts
index 50223f75112d..fcc28d2ec55a 100644
--- a/apps/demos/Demos/Charts/WinlossSparklines/Vue/data.ts
+++ b/apps/demos/Demos/Charts/WinlossSparklines/Vue/data.ts
@@ -1,185 +1,185 @@
-export const aluminumCosts = [{
+export const copperCosts = [{
   month: 1,
-  2010: 2262,
-  2011: 2454,
-  2012: 2262,
+  2021: 7970.50,
+  2022: 9775.93,
+  2023: 8999.79,
 }, {
   month: 2,
-  2010: 2087,
-  2011: 2537,
-  2012: 2087,
+  2021: 8460.25,
+  2022: 9941.35,
+  2023: 8955.20,
 }, {
   month: 3,
-  2010: 2238,
-  2011: 2586,
-  2012: 2238,
+  2021: 9004.98,
+  2022: 10237.59,
+  2023: 8835.72,
 }, {
   month: 4,
-  2010: 2349,
-  2011: 2689,
-  2012: 2349,
+  2021: 9335.55,
+  2022: 10183.13,
+  2023: 8814.00,
 }, {
   month: 5,
-  2010: 2071,
-  2011: 2591,
-  2012: 2071,
+  2021: 10183.97,
+  2022: 9362.81,
+  2023: 8234.28,
 }, {
   month: 6,
-  2010: 1957,
-  2011: 2584,
-  2012: 1957,
+  2021: 9612.43,
+  2022: 9033.13,
+  2023: 8386.23,
 }, {
   month: 7,
-  2010: 2008,
-  2011: 2554,
-  2012: 2008,
+  2021: 9433.59,
+  2022: 7529.79,
+  2023: 8445.26,
 }, {
   month: 8,
-  2010: 2119,
-  2011: 2413,
-  2012: 2119,
+  2021: 9357.19,
+  2022: 7960.98,
+  2023: 8351.77,
 }, {
   month: 9,
-  2010: 2199,
-  2011: 2327,
-  2012: 2199,
+  2021: 9324.07,
+  2022: 7734.70,
+  2023: 8270.86,
 }, {
   month: 10,
-  2010: 2374,
-  2011: 2210,
-  2012: 2374,
+  2021: 9778.50,
+  2022: 7621.21,
+  2023: 7939.66,
 }, {
   month: 11,
-  2010: 2354,
-  2011: 2102,
-  2012: 2354,
+  2021: 9765.48,
+  2022: 8029.95,
+  2023: 8173.95,
 }, {
   month: 12,
-  2010: 2369,
-  2011: 2038,
-  2012: 2369,
+  2021: 9550.31,
+  2022: 8367.23,
+  2023: 8394.11,
 }];
 
 export const nickelCosts = [{
   month: 1,
-  2010: 18974,
-  2011: 24298,
-  2012: 18322,
+  2021: 17847.68,
+  2022: 22355.40,
+  2023: 28194.61,
 }, {
   month: 2,
-  2010: 18162,
-  2011: 27929,
-  2012: 21093,
+  2021: 18595.30,
+  2022: 24015.55,
+  2023: 26727.95,
 }, {
   month: 3,
-  2010: 20535,
-  2011: 28802,
-  2012: 19701,
+  2021: 16460.83,
+  2022: 33924.18,
+  2023: 23288.61,
 }, {
   month: 4,
-  2010: 24562,
-  2011: 26142,
-  2012: 17695,
+  2021: 16480.91,
+  2022: 33132.74,
+  2023: 23894.56,
 }, {
   month: 5,
-  2010: 26131,
-  2011: 26753,
-  2012: 17549,
+  2021: 17552.45,
+  2022: 28062.55,
+  2023: 21970.39,
 }, {
   month: 6,
-  2010: 19278,
-  2011: 23055,
-  2012: 16436,
+  2021: 17942.32,
+  2022: 25658.63,
+  2023: 21233.28,
 }, {
   month: 7,
-  2010: 19475,
-  2011: 22870,
-  2012: 16382,
+  2021: 18819.36,
+  2022: 21481.89,
+  2023: 21091.26,
 }, {
   month: 8,
-  2010: 20701,
-  2011: 24388,
-  2012: 15687,
+  2021: 19160.23,
+  2022: 22057.39,
+  2023: 20438.65,
 }, {
   month: 9,
-  2010: 21266,
-  2011: 21845,
-  2012: 16085,
+  2021: 19398.23,
+  2022: 22773.97,
+  2023: 19644.64,
 }, {
   month: 10,
-  2010: 23358,
-  2011: 18346,
-  2012: 18250,
+  2021: 19420.52,
+  2022: 22032.89,
+  2023: 18281.23,
 }, {
   month: 11,
-  2010: 23150,
-  2011: 18822,
-  2012: 16083,
+  2021: 19970.43,
+  2022: 25562.70,
+  2023: 17027.36,
 }, {
   month: 12,
-  2010: 23282,
-  2011: 17320,
-  2012: 17104,
+  2021: 20015.55,
+  2022: 28946.81,
+  2023: 16460.84,
 }];
 
-export const copperCosts = [{
+export const palladiumCosts = [{
   month: 1,
-  2010: 7341,
-  2011: 9585,
-  2012: 7501,
+  2021: 2391.20,
+  2022: 2030.86,
+  2023: 1734.27,
 }, {
   month: 2,
-  2010: 7016,
-  2011: 10026,
-  2012: 8470,
+  2021: 2342.33,
+  2022: 2350.10,
+  2023: 1543.90,
 }, {
   month: 3,
-  2010: 7202,
-  2011: 9889,
-  2012: 8591,
+  2021: 2525.61,
+  2022: 2582.78,
+  2023: 1426.00,
 }, {
   month: 4,
-  2010: 7851,
-  2011: 9460,
-  2012: 8459,
+  2021: 2776.45,
+  2022: 2330.67,
+  2023: 1508.00,
 }, {
   month: 5,
-  2010: 7481,
-  2011: 9373,
-  2012: 8320,
+  2021: 2900.52,
+  2022: 2060.05,
+  2023: 1482.61,
 }, {
   month: 6,
-  2010: 6532,
-  2011: 9108,
-  2012: 7465,
+  2021: 2752.48,
+  2022: 1913.05,
+  2023: 1348.09,
 }, {
   month: 7,
-  2010: 6498,
-  2011: 9295,
-  2012: 7475,
+  2021: 2754.76,
+  2022: 1973.10,
+  2023: 1264.48,
 }, {
   month: 8,
-  2010: 7191,
-  2011: 9834,
-  2012: 7430,
+  2021: 2544.73,
+  2022: 2135.52,
+  2023: 1247.30,
 }, {
   month: 9,
-  2010: 7596,
-  2011: 9121,
-  2012: 7614,
+  2021: 2130.32,
+  2022: 2113.95,
+  2023: 1239.29,
 }, {
   month: 10,
-  2010: 8057,
-  2011: 7125,
-  2012: 8245,
+  2021: 2058.48,
+  2022: 2078.86,
+  2023: 1142.09,
 }, {
   month: 11,
-  2010: 8373,
-  2011: 7871,
-  2012: 7727,
+  2021: 2036.32,
+  2022: 1911.55,
+  2023: 1050.27,
 }, {
   month: 12,
-  2010: 8636,
-  2011: 7725,
-  2012: 7880,
+  2021: 1810.52,
+  2022: 1808.36,
+  2023: 1087.76,
 }];
diff --git a/apps/demos/Demos/Charts/WinlossSparklines/jQuery/data.js b/apps/demos/Demos/Charts/WinlossSparklines/jQuery/data.js
index 6ca330e4f3bd..a8969b44c71a 100644
--- a/apps/demos/Demos/Charts/WinlossSparklines/jQuery/data.js
+++ b/apps/demos/Demos/Charts/WinlossSparklines/jQuery/data.js
@@ -1,185 +1,185 @@
-const aluminumCosts = [{
+const copperCosts = [{
   month: 1,
-  2010: 2262,
-  2011: 2454,
-  2012: 2262,
+  2021: 7970.50,
+  2022: 9775.93,
+  2023: 8999.79,
 }, {
   month: 2,
-  2010: 2087,
-  2011: 2537,
-  2012: 2087,
+  2021: 8460.25,
+  2022: 9941.35,
+  2023: 8955.20,
 }, {
   month: 3,
-  2010: 2238,
-  2011: 2586,
-  2012: 2238,
+  2021: 9004.98,
+  2022: 10237.59,
+  2023: 8835.72,
 }, {
   month: 4,
-  2010: 2349,
-  2011: 2689,
-  2012: 2349,
+  2021: 9335.55,
+  2022: 10183.13,
+  2023: 8814.00,
 }, {
   month: 5,
-  2010: 2071,
-  2011: 2591,
-  2012: 2071,
+  2021: 10183.97,
+  2022: 9362.81,
+  2023: 8234.28,
 }, {
   month: 6,
-  2010: 1957,
-  2011: 2584,
-  2012: 1957,
+  2021: 9612.43,
+  2022: 9033.13,
+  2023: 8386.23,
 }, {
   month: 7,
-  2010: 2008,
-  2011: 2554,
-  2012: 2008,
+  2021: 9433.59,
+  2022: 7529.79,
+  2023: 8445.26,
 }, {
   month: 8,
-  2010: 2119,
-  2011: 2413,
-  2012: 2119,
+  2021: 9357.19,
+  2022: 7960.98,
+  2023: 8351.77,
 }, {
   month: 9,
-  2010: 2199,
-  2011: 2327,
-  2012: 2199,
+  2021: 9324.07,
+  2022: 7734.70,
+  2023: 8270.86,
 }, {
   month: 10,
-  2010: 2374,
-  2011: 2210,
-  2012: 2374,
+  2021: 9778.50,
+  2022: 7621.21,
+  2023: 7939.66,
 }, {
   month: 11,
-  2010: 2354,
-  2011: 2102,
-  2012: 2354,
+  2021: 9765.48,
+  2022: 8029.95,
+  2023: 8173.95,
 }, {
   month: 12,
-  2010: 2369,
-  2011: 2038,
-  2012: 2369,
+  2021: 9550.31,
+  2022: 8367.23,
+  2023: 8394.11,
 }];
 
 const nickelCosts = [{
   month: 1,
-  2010: 18974,
-  2011: 24298,
-  2012: 18322,
+  2021: 17847.68,
+  2022: 22355.40,
+  2023: 28194.61,
 }, {
   month: 2,
-  2010: 18162,
-  2011: 27929,
-  2012: 21093,
+  2021: 18595.30,
+  2022: 24015.55,
+  2023: 26727.95,
 }, {
   month: 3,
-  2010: 20535,
-  2011: 28802,
-  2012: 19701,
+  2021: 16460.83,
+  2022: 33924.18,
+  2023: 23288.61,
 }, {
   month: 4,
-  2010: 24562,
-  2011: 26142,
-  2012: 17695,
+  2021: 16480.91,
+  2022: 33132.74,
+  2023: 23894.56,
 }, {
   month: 5,
-  2010: 26131,
-  2011: 26753,
-  2012: 17549,
+  2021: 17552.45,
+  2022: 28062.55,
+  2023: 21970.39,
 }, {
   month: 6,
-  2010: 19278,
-  2011: 23055,
-  2012: 16436,
+  2021: 17942.32,
+  2022: 25658.63,
+  2023: 21233.28,
 }, {
   month: 7,
-  2010: 19475,
-  2011: 22870,
-  2012: 16382,
+  2021: 18819.36,
+  2022: 21481.89,
+  2023: 21091.26,
 }, {
   month: 8,
-  2010: 20701,
-  2011: 24388,
-  2012: 15687,
+  2021: 19160.23,
+  2022: 22057.39,
+  2023: 20438.65,
 }, {
   month: 9,
-  2010: 21266,
-  2011: 21845,
-  2012: 16085,
+  2021: 19398.23,
+  2022: 22773.97,
+  2023: 19644.64,
 }, {
   month: 10,
-  2010: 23358,
-  2011: 18346,
-  2012: 18250,
+  2021: 19420.52,
+  2022: 22032.89,
+  2023: 18281.23,
 }, {
   month: 11,
-  2010: 23150,
-  2011: 18822,
-  2012: 16083,
+  2021: 19970.43,
+  2022: 25562.70,
+  2023: 17027.36,
 }, {
   month: 12,
-  2010: 23282,
-  2011: 17320,
-  2012: 17104,
+  2021: 20015.55,
+  2022: 28946.81,
+  2023: 16460.84,
 }];
 
-const copperCosts = [{
+const palladiumCosts = [{
   month: 1,
-  2010: 7341,
-  2011: 9585,
-  2012: 7501,
+  2021: 2391.20,
+  2022: 2030.86,
+  2023: 1734.27,
 }, {
   month: 2,
-  2010: 7016,
-  2011: 10026,
-  2012: 8470,
+  2021: 2342.33,
+  2022: 2350.10,
+  2023: 1543.90,
 }, {
   month: 3,
-  2010: 7202,
-  2011: 9889,
-  2012: 8591,
+  2021: 2525.61,
+  2022: 2582.78,
+  2023: 1426.00,
 }, {
   month: 4,
-  2010: 7851,
-  2011: 9460,
-  2012: 8459,
+  2021: 2776.45,
+  2022: 2330.67,
+  2023: 1508.00,
 }, {
   month: 5,
-  2010: 7481,
-  2011: 9373,
-  2012: 8320,
+  2021: 2900.52,
+  2022: 2060.05,
+  2023: 1482.61,
 }, {
   month: 6,
-  2010: 6532,
-  2011: 9108,
-  2012: 7465,
+  2021: 2752.48,
+  2022: 1913.05,
+  2023: 1348.09,
 }, {
   month: 7,
-  2010: 6498,
-  2011: 9295,
-  2012: 7475,
+  2021: 2754.76,
+  2022: 1973.10,
+  2023: 1264.48,
 }, {
   month: 8,
-  2010: 7191,
-  2011: 9834,
-  2012: 7430,
+  2021: 2544.73,
+  2022: 2135.52,
+  2023: 1247.30,
 }, {
   month: 9,
-  2010: 7596,
-  2011: 9121,
-  2012: 7614,
+  2021: 2130.32,
+  2022: 2113.95,
+  2023: 1239.29,
 }, {
   month: 10,
-  2010: 8057,
-  2011: 7125,
-  2012: 8245,
+  2021: 2058.48,
+  2022: 2078.86,
+  2023: 1142.09,
 }, {
   month: 11,
-  2010: 8373,
-  2011: 7871,
-  2012: 7727,
+  2021: 2036.32,
+  2022: 1911.55,
+  2023: 1050.27,
 }, {
   month: 12,
-  2010: 8636,
-  2011: 7725,
-  2012: 7880,
+  2021: 1810.52,
+  2022: 1808.36,
+  2023: 1087.76,
 }];
diff --git a/apps/demos/Demos/Charts/WinlossSparklines/jQuery/index.html b/apps/demos/Demos/Charts/WinlossSparklines/jQuery/index.html
index 67f466172fd1..5414af3a9dfe 100644
--- a/apps/demos/Demos/Charts/WinlossSparklines/jQuery/index.html
+++ b/apps/demos/Demos/Charts/WinlossSparklines/jQuery/index.html
@@ -14,32 +14,32 @@
   </head>
   <body class="dx-viewport">
     <div class="demo-container">
-      <div class="long-title"><h3>Monthly Prices of Aluminium, Nickel and Copper</h3></div>
+      <div class="long-title"><h3>Monthly Prices of Copper, Nickel and Palladium</h3></div>
       <div id="chart-demo">
         <table class="demo-table" border="1">
           <tr>
             <th><div class="dx-screen-reader-only">Year</div></th>
-            <th>Aluminium (USD/ton)</th>
-            <th>Nickel (USD/ton)</th>
             <th>Copper (USD/ton)</th>
+            <th>Nickel (USD/ton)</th>
+            <th>Palladium (USD/troy ounce)</th>
           </tr>
           <tr>
-            <th>2010</th>
-            <td><div class="sparkline alum2010"></div></td>
-            <td><div class="sparkline nick2010"></div></td>
-            <td><div class="sparkline cop2010"></div></td>
+            <th>2021</th>
+            <td><div class="sparkline copper2021"></div></td>
+            <td><div class="sparkline nickel2021"></div></td>
+            <td><div class="sparkline palladium2021"></div></td>
           </tr>
           <tr>
-            <th>2011</th>
-            <td><div class="sparkline alum2011"></div></td>
-            <td><div class="sparkline nick2011"></div></td>
-            <td><div class="sparkline cop2011"></div></td>
+            <th>2022</th>
+            <td><div class="sparkline copper2022"></div></td>
+            <td><div class="sparkline nickel2022"></div></td>
+            <td><div class="sparkline palladium2022"></div></td>
           </tr>
           <tr>
-            <th>2012</th>
-            <td><div class="sparkline alum2012"></div></td>
-            <td><div class="sparkline nick2012"></div></td>
-            <td><div class="sparkline cop2012"></div></td>
+            <th>2023</th>
+            <td><div class="sparkline copper2023"></div></td>
+            <td><div class="sparkline nickel2023"></div></td>
+            <td><div class="sparkline palladium2023"></div></td>
           </tr>
         </table>
       </div>
diff --git a/apps/demos/Demos/Charts/WinlossSparklines/jQuery/index.js b/apps/demos/Demos/Charts/WinlossSparklines/jQuery/index.js
index 0978a82ead17..b24b3b034cb1 100644
--- a/apps/demos/Demos/Charts/WinlossSparklines/jQuery/index.js
+++ b/apps/demos/Demos/Charts/WinlossSparklines/jQuery/index.js
@@ -1,19 +1,22 @@
 $(() => {
-  const alumOptions = {
-    dataSource: aluminumCosts,
+  const copperOptions = {
+    dataSource: copperCosts,
     argumentField: 'month',
-    valueField: '2010',
+    valueField: '2021',
     type: 'winloss',
     showMinMax: true,
-    winlossThreshold: 2100,
+    winlossThreshold: 8000,
     tooltip: {
-      format: 'currency',
+      format: {
+        type: 'currency',
+        precision: 2,
+      },
     },
   };
-  const nickOptions = {
+  const nickelOptions = {
     dataSource: nickelCosts,
     argumentField: 'month',
-    valueField: '2010',
+    valueField: '2021',
     type: 'winloss',
     showMinMax: true,
     showFirstLast: false,
@@ -21,32 +24,38 @@ $(() => {
     lossColor: '#8076bb',
     winlossThreshold: 19000,
     tooltip: {
-      format: 'currency',
+      format: {
+        type: 'currency',
+        precision: 2,
+      },
     },
   };
-  const copOptions = {
-    dataSource: copperCosts,
+  const palladiumOptions = {
+    dataSource: palladiumCosts,
     argumentField: 'month',
-    valueField: '2010',
+    valueField: '2021',
     type: 'winloss',
-    winlossThreshold: 8000,
+    winlossThreshold: 2000,
     winColor: '#7e4452',
     lossColor: '#ebdd8f',
     firstLastColor: '#e55253',
     tooltip: {
-      format: 'currency',
+      format: {
+        type: 'currency',
+        precision: 2,
+      },
     },
   };
 
-  $('.alum2010').dxSparkline(alumOptions);
-  $('.nick2010').dxSparkline(nickOptions);
-  $('.cop2010').dxSparkline(copOptions);
+  $('.copper2021').dxSparkline(copperOptions);
+  $('.nickel2021').dxSparkline(nickelOptions);
+  $('.palladium2021').dxSparkline(palladiumOptions);
 
-  $('.alum2011').dxSparkline($.extend(alumOptions, { valueField: '2011' }));
-  $('.nick2011').dxSparkline($.extend(nickOptions, { valueField: '2011' }));
-  $('.cop2011').dxSparkline($.extend(copOptions, { valueField: '2011' }));
+  $('.copper2022').dxSparkline($.extend(copperOptions, { valueField: '2022' }));
+  $('.nickel2022').dxSparkline($.extend(nickelOptions, { valueField: '2022' }));
+  $('.palladium2022').dxSparkline($.extend(palladiumOptions, { valueField: '2022' }));
 
-  $('.alum2012').dxSparkline($.extend(alumOptions, { valueField: '2012' }));
-  $('.nick2012').dxSparkline($.extend(nickOptions, { valueField: '2012' }));
-  $('.cop2012').dxSparkline($.extend(copOptions, { valueField: '2012' }));
+  $('.copper2023').dxSparkline($.extend(copperOptions, { valueField: '2023' }));
+  $('.nickel2023').dxSparkline($.extend(nickelOptions, { valueField: '2023' }));
+  $('.palladium2023').dxSparkline($.extend(palladiumOptions, { valueField: '2023' }));
 });
diff --git a/apps/demos/data/resourceData.json b/apps/demos/data/resourceData.json
index 828d90e17922..9d0e867aa62f 100644
--- a/apps/demos/data/resourceData.json
+++ b/apps/demos/data/resourceData.json
@@ -1,14 +1,14 @@
 [
-	{ "month": 1, "alum2010": 2262, "alum2011": 2454, "alum2012": 2262, "nickel2010": 18974, "nickel2011": 24298, "nickel2012": 18322, "copper2010": 7341, "copper2011": 9585, "copper2012": 7501 },
-	{ "month": 2, "alum2010": 2087, "alum2011": 2537, "alum2012": 2087, "nickel2010": 18162, "nickel2011": 27929, "nickel2012": 21093, "copper2010": 7016, "copper2011": 10026, "copper2012": 8470 },
-	{ "month": 3, "alum2010": 2238, "alum2011": 2586, "alum2012": 2238, "nickel2010": 20535, "nickel2011": 28802, "nickel2012": 19701, "copper2010": 7202, "copper2011": 9889, "copper2012": 8591 },
-	{ "month": 4, "alum2010": 2349, "alum2011": 2689, "alum2012": 2349, "nickel2010": 24562, "nickel2011": 26142, "nickel2012": 17695, "copper2010": 7851, "copper2011": 9460, "copper2012": 8459 },
-	{ "month": 5, "alum2010": 2071, "alum2011": 2591, "alum2012": 2071, "nickel2010": 26131, "nickel2011": 26753, "nickel2012": 17549, "copper2010": 7481, "copper2011": 9373, "copper2012": 8320 },
-	{ "month": 6, "alum2010": 1957, "alum2011": 2584, "alum2012": 1957, "nickel2010": 19278, "nickel2011": 23055, "nickel2012": 16436, "copper2010": 6532, "copper2011": 9108, "copper2012": 7465 },
-	{ "month": 7, "alum2010": 2008, "alum2011": 2554, "alum2012": 2008, "nickel2010": 19475, "nickel2011": 22870, "nickel2012": 16382, "copper2010": 6498, "copper2011": 9295, "copper2012": 7475 },
-	{ "month": 8, "alum2010": 2119, "alum2011": 2413, "alum2012": 2119, "nickel2010": 20701, "nickel2011": 24388, "nickel2012": 15687, "copper2010": 7191, "copper2011": 9834, "copper2012": 7430 },
-	{ "month": 9, "alum2010": 2199, "alum2011": 2327, "alum2012": 2199, "nickel2010": 21266, "nickel2011": 21845, "nickel2012": 16085, "copper2010": 7596, "copper2011": 9121, "copper2012": 7614 },
-	{ "month": 10, "alum2010": 2374, "alum2011": 2210, "alum2012": 2374, "nickel2010": 23358, "nickel2011": 18346, "nickel2012": 18250, "copper2010": 8057, "copper2011": 7125, "copper2012": 8245 },
-	{ "month": 11, "alum2010": 2354, "alum2011": 2102, "alum2012": 2354, "nickel2010": 23150, "nickel2011": 18822, "nickel2012": 16083, "copper2010": 8373, "copper2011": 7871, "copper2012": 7727 },
-	{ "month": 12, "alum2010": 2369, "alum2011": 2038, "alum2012": 2369, "nickel2010": 23282, "nickel2011": 17320, "nickel2012": 17104, "copper2010": 8636, "copper2011": 7725, "copper2012": 7880 }
-]
\ No newline at end of file
+	{ "month": 1, "copper2021": 7970.50, "copper2022": 9775.93, "copper2023": 8999.79, "nickel2021": 17847.68, "nickel2022": 22355.40, "nickel2023": 28194.61, "palladium2021": 2391.20, "palladium2022": 2030.86, "palladium2023": 1734.27 },
+	{ "month": 2, "copper2021": 8460.25, "copper2022": 9941.35, "copper2023": 8955.20, "nickel2021": 18595.30, "nickel2022": 24015.55, "nickel2023": 26727.95, "palladium2021": 2342.33, "palladium2022": 2350.10, "palladium2023": 1543.90 },
+	{ "month": 3, "copper2021": 9004.98, "copper2022": 10237.59, "copper2023": 8835.72, "nickel2021": 16460.83, "nickel2022": 33924.18, "nickel2023": 23288.61, "palladium2021": 2525.61, "palladium2022": 2582.78, "palladium2023": 1426.00 },
+	{ "month": 4, "copper2021": 9335.55, "copper2022": 10183.13, "copper2023": 8814.00, "nickel2021": 16480.91, "nickel2022": 33132.74, "nickel2023": 23894.56, "palladium2021": 2776.45, "palladium2022": 2330.67, "palladium2023": 1508.00 },
+	{ "month": 5, "copper2021": 10183.97, "copper2022": 9362.81, "copper2023": 8234.28, "nickel2021": 17552.45, "nickel2022": 28062.55, "nickel2023": 21970.39, "palladium2021": 2900.52, "palladium2022": 2060.05, "palladium2023": 1482.61 },
+	{ "month": 6, "copper2021": 9612.43, "copper2022": 9033.13, "copper2023": 8386.23, "nickel2021": 17942.32, "nickel2022": 25658.63, "nickel2023": 21233.28, "palladium2021": 2752.48, "palladium2022": 1913.05, "palladium2023": 1348.09 },
+	{ "month": 7, "copper2021": 9433.59, "copper2022": 7529.79, "copper2023": 8445.26, "nickel2021": 18819.36, "nickel2022": 21481.89, "nickel2023": 21091.26, "palladium2021": 2754.76, "palladium2022": 1973.10, "palladium2023": 1264.48 },
+	{ "month": 8, "copper2021": 9357.19, "copper2022": 7960.98, "copper2023": 8351.77, "nickel2021": 19160.23, "nickel2022": 22057.39, "nickel2023": 20438.65, "palladium2021": 2544.73, "palladium2022": 2135.52, "palladium2023": 1247.30 },
+	{ "month": 9, "copper2021": 9324.07, "copper2022": 7734.70, "copper2023": 8270.86, "nickel2021": 19398.23, "nickel2022": 22773.97, "nickel2023": 19644.64, "palladium2021": 2130.32, "palladium2022": 2113.95, "palladium2023": 1239.29 },
+	{ "month": 10, "copper2021": 9778.50, "copper2022": 7621.21, "copper2023": 7939.66, "nickel2021": 19420.52, "nickel2022": 22032.89, "nickel2023": 18281.23, "palladium2021": 2058.48, "palladium2022": 2078.86, "palladium2023": 1142.09 },
+	{ "month": 11, "copper2021": 9765.48, "copper2022": 8029.95, "copper2023": 8173.95, "nickel2021": 19970.43, "nickel2022": 25562.70, "nickel2023": 17027.36, "palladium2021": 2036.32, "palladium2022": 1911.55, "palladium2023": 1050.27 },
+	{ "month": 12, "copper2021": 9550.31, "copper2022": 8367.23, "copper2023": 8394.11, "nickel2021": 20015.55, "nickel2022": 28946.81, "nickel2023": 16460.84, "palladium2021": 1810.52, "palladium2022": 1808.36, "palladium2023": 1087.76 }
+]
diff --git a/apps/demos/testing/etalons/Charts-AreaSparklines (fluent.blue.light).png b/apps/demos/testing/etalons/Charts-AreaSparklines (fluent.blue.light).png
index 61e13abf3197..9b00b5f5b52f 100644
Binary files a/apps/demos/testing/etalons/Charts-AreaSparklines (fluent.blue.light).png and b/apps/demos/testing/etalons/Charts-AreaSparklines (fluent.blue.light).png differ
diff --git a/apps/demos/testing/etalons/Charts-AreaSparklines (material.blue.light).png b/apps/demos/testing/etalons/Charts-AreaSparklines (material.blue.light).png
index 8047571b46a4..dda7c7efb632 100644
Binary files a/apps/demos/testing/etalons/Charts-AreaSparklines (material.blue.light).png and b/apps/demos/testing/etalons/Charts-AreaSparklines (material.blue.light).png differ
diff --git a/apps/demos/testing/etalons/Charts-BarSparklines (fluent.blue.light).png b/apps/demos/testing/etalons/Charts-BarSparklines (fluent.blue.light).png
index aa0843c2f32e..4ee60f75a921 100644
Binary files a/apps/demos/testing/etalons/Charts-BarSparklines (fluent.blue.light).png and b/apps/demos/testing/etalons/Charts-BarSparklines (fluent.blue.light).png differ
diff --git a/apps/demos/testing/etalons/Charts-BarSparklines (material.blue.light).png b/apps/demos/testing/etalons/Charts-BarSparklines (material.blue.light).png
index 0d45d19dabca..8a949e68318c 100644
Binary files a/apps/demos/testing/etalons/Charts-BarSparklines (material.blue.light).png and b/apps/demos/testing/etalons/Charts-BarSparklines (material.blue.light).png differ
diff --git a/apps/demos/testing/etalons/Charts-Crosshair (fluent.blue.light).png b/apps/demos/testing/etalons/Charts-Crosshair (fluent.blue.light).png
index 3b6dc54ac889..27cb3f48d7a1 100644
Binary files a/apps/demos/testing/etalons/Charts-Crosshair (fluent.blue.light).png and b/apps/demos/testing/etalons/Charts-Crosshair (fluent.blue.light).png differ
diff --git a/apps/demos/testing/etalons/Charts-Crosshair (material.blue.light).png b/apps/demos/testing/etalons/Charts-Crosshair (material.blue.light).png
index 559645778f50..a298d2f420ea 100644
Binary files a/apps/demos/testing/etalons/Charts-Crosshair (material.blue.light).png and b/apps/demos/testing/etalons/Charts-Crosshair (material.blue.light).png differ
diff --git a/apps/demos/testing/etalons/Charts-HoverMode (fluent.blue.light).png b/apps/demos/testing/etalons/Charts-HoverMode (fluent.blue.light).png
index f08d0ec6cda0..a711cd7d4a55 100644
Binary files a/apps/demos/testing/etalons/Charts-HoverMode (fluent.blue.light).png and b/apps/demos/testing/etalons/Charts-HoverMode (fluent.blue.light).png differ
diff --git a/apps/demos/testing/etalons/Charts-HoverMode (material.blue.light).png b/apps/demos/testing/etalons/Charts-HoverMode (material.blue.light).png
index 269db5b3730a..97e3a8418422 100644
Binary files a/apps/demos/testing/etalons/Charts-HoverMode (material.blue.light).png and b/apps/demos/testing/etalons/Charts-HoverMode (material.blue.light).png differ
diff --git a/apps/demos/testing/etalons/Charts-LabelCustomization (fluent.blue.light).png b/apps/demos/testing/etalons/Charts-LabelCustomization (fluent.blue.light).png
index 579f9430bdbb..3c39b61168e9 100644
Binary files a/apps/demos/testing/etalons/Charts-LabelCustomization (fluent.blue.light).png and b/apps/demos/testing/etalons/Charts-LabelCustomization (fluent.blue.light).png differ
diff --git a/apps/demos/testing/etalons/Charts-LabelCustomization (material.blue.light).png b/apps/demos/testing/etalons/Charts-LabelCustomization (material.blue.light).png
index 7637ef307724..7e63e1a20aa9 100644
Binary files a/apps/demos/testing/etalons/Charts-LabelCustomization (material.blue.light).png and b/apps/demos/testing/etalons/Charts-LabelCustomization (material.blue.light).png differ
diff --git a/apps/demos/testing/etalons/Charts-Line (fluent.blue.light).png b/apps/demos/testing/etalons/Charts-Line (fluent.blue.light).png
index 94b8c895b637..da01b64b2a76 100644
Binary files a/apps/demos/testing/etalons/Charts-Line (fluent.blue.light).png and b/apps/demos/testing/etalons/Charts-Line (fluent.blue.light).png differ
diff --git a/apps/demos/testing/etalons/Charts-Line (material.blue.light).png b/apps/demos/testing/etalons/Charts-Line (material.blue.light).png
index 48c303556251..8f5cfaf97137 100644
Binary files a/apps/demos/testing/etalons/Charts-Line (material.blue.light).png and b/apps/demos/testing/etalons/Charts-Line (material.blue.light).png differ
diff --git a/apps/demos/testing/etalons/Charts-PieResolveLabelOverlap (fluent.blue.light).png b/apps/demos/testing/etalons/Charts-PieResolveLabelOverlap (fluent.blue.light).png
index e941d4273d20..1328702e6c54 100644
Binary files a/apps/demos/testing/etalons/Charts-PieResolveLabelOverlap (fluent.blue.light).png and b/apps/demos/testing/etalons/Charts-PieResolveLabelOverlap (fluent.blue.light).png differ
diff --git a/apps/demos/testing/etalons/Charts-PieResolveLabelOverlap (material.blue.light).png b/apps/demos/testing/etalons/Charts-PieResolveLabelOverlap (material.blue.light).png
index 97abbbb10c63..4137d41de125 100644
Binary files a/apps/demos/testing/etalons/Charts-PieResolveLabelOverlap (material.blue.light).png and b/apps/demos/testing/etalons/Charts-PieResolveLabelOverlap (material.blue.light).png differ
diff --git a/apps/demos/testing/etalons/Charts-RangeArea (fluent.blue.light).png b/apps/demos/testing/etalons/Charts-RangeArea (fluent.blue.light).png
index 7bbfa7bc1c69..816f9ca2445b 100644
Binary files a/apps/demos/testing/etalons/Charts-RangeArea (fluent.blue.light).png and b/apps/demos/testing/etalons/Charts-RangeArea (fluent.blue.light).png differ
diff --git a/apps/demos/testing/etalons/Charts-RangeArea (material.blue.light).png b/apps/demos/testing/etalons/Charts-RangeArea (material.blue.light).png
index aea72efafb15..b254f34d35ad 100644
Binary files a/apps/demos/testing/etalons/Charts-RangeArea (material.blue.light).png and b/apps/demos/testing/etalons/Charts-RangeArea (material.blue.light).png differ
diff --git a/apps/demos/testing/etalons/Charts-RangeBar (fluent.blue.light).png b/apps/demos/testing/etalons/Charts-RangeBar (fluent.blue.light).png
index 9f4434f40583..9f5ec617da7f 100644
Binary files a/apps/demos/testing/etalons/Charts-RangeBar (fluent.blue.light).png and b/apps/demos/testing/etalons/Charts-RangeBar (fluent.blue.light).png differ
diff --git a/apps/demos/testing/etalons/Charts-RangeBar (material.blue.light).png b/apps/demos/testing/etalons/Charts-RangeBar (material.blue.light).png
index 94af7ed422e3..c078a3176ad8 100644
Binary files a/apps/demos/testing/etalons/Charts-RangeBar (material.blue.light).png and b/apps/demos/testing/etalons/Charts-RangeBar (material.blue.light).png differ
diff --git a/apps/demos/testing/etalons/Charts-SankeyChart (fluent.blue.light).png b/apps/demos/testing/etalons/Charts-SankeyChart (fluent.blue.light).png
index 5bbaeee15b03..033d4eb0c69c 100644
Binary files a/apps/demos/testing/etalons/Charts-SankeyChart (fluent.blue.light).png and b/apps/demos/testing/etalons/Charts-SankeyChart (fluent.blue.light).png differ
diff --git a/apps/demos/testing/etalons/Charts-SankeyChart (material.blue.light).png b/apps/demos/testing/etalons/Charts-SankeyChart (material.blue.light).png
index 5652e8810fc1..8bffbda7175f 100644
Binary files a/apps/demos/testing/etalons/Charts-SankeyChart (material.blue.light).png and b/apps/demos/testing/etalons/Charts-SankeyChart (material.blue.light).png differ
diff --git a/apps/demos/testing/etalons/Charts-SimpleSparklines (fluent.blue.light).png b/apps/demos/testing/etalons/Charts-SimpleSparklines (fluent.blue.light).png
index f93defc23036..6beae914fa26 100644
Binary files a/apps/demos/testing/etalons/Charts-SimpleSparklines (fluent.blue.light).png and b/apps/demos/testing/etalons/Charts-SimpleSparklines (fluent.blue.light).png differ
diff --git a/apps/demos/testing/etalons/Charts-SimpleSparklines (material.blue.light).png b/apps/demos/testing/etalons/Charts-SimpleSparklines (material.blue.light).png
index 495b36fd59a6..d6b2ea32a21e 100644
Binary files a/apps/demos/testing/etalons/Charts-SimpleSparklines (material.blue.light).png and b/apps/demos/testing/etalons/Charts-SimpleSparklines (material.blue.light).png differ
diff --git a/apps/demos/testing/etalons/Charts-WinlossSparklines (fluent.blue.light).png b/apps/demos/testing/etalons/Charts-WinlossSparklines (fluent.blue.light).png
index 730f5e7c3d65..9e2aa4fca5d2 100644
Binary files a/apps/demos/testing/etalons/Charts-WinlossSparklines (fluent.blue.light).png and b/apps/demos/testing/etalons/Charts-WinlossSparklines (fluent.blue.light).png differ
diff --git a/apps/demos/testing/etalons/Charts-WinlossSparklines (material.blue.light).png b/apps/demos/testing/etalons/Charts-WinlossSparklines (material.blue.light).png
index 32fa80a477f1..d9351c72be78 100644
Binary files a/apps/demos/testing/etalons/Charts-WinlossSparklines (material.blue.light).png and b/apps/demos/testing/etalons/Charts-WinlossSparklines (material.blue.light).png differ
diff --git a/apps/demos/testing/widgets/charts/etalons/charts_crosshair (fluent.blue.light).png b/apps/demos/testing/widgets/charts/etalons/charts_crosshair (fluent.blue.light).png
index ec0940b43987..8041be025778 100644
Binary files a/apps/demos/testing/widgets/charts/etalons/charts_crosshair (fluent.blue.light).png and b/apps/demos/testing/widgets/charts/etalons/charts_crosshair (fluent.blue.light).png differ
diff --git a/apps/demos/testing/widgets/charts/etalons/charts_crosshair (material.blue.light).png b/apps/demos/testing/widgets/charts/etalons/charts_crosshair (material.blue.light).png
index d7e4ca2eae36..45fb3cc5ecd1 100644
Binary files a/apps/demos/testing/widgets/charts/etalons/charts_crosshair (material.blue.light).png and b/apps/demos/testing/widgets/charts/etalons/charts_crosshair (material.blue.light).png differ
diff --git a/apps/demos/testing/widgets/charts/etalons/pie_resolve_labels_overlapping_hide (fluent.blue.light).png b/apps/demos/testing/widgets/charts/etalons/pie_resolve_labels_overlapping_hide (fluent.blue.light).png
index 33e672b02144..22b64c3269a9 100644
Binary files a/apps/demos/testing/widgets/charts/etalons/pie_resolve_labels_overlapping_hide (fluent.blue.light).png and b/apps/demos/testing/widgets/charts/etalons/pie_resolve_labels_overlapping_hide (fluent.blue.light).png differ
diff --git a/apps/demos/testing/widgets/charts/etalons/pie_resolve_labels_overlapping_hide (material.blue.light).png b/apps/demos/testing/widgets/charts/etalons/pie_resolve_labels_overlapping_hide (material.blue.light).png
index 60aad41e3193..37e9bd32d990 100644
Binary files a/apps/demos/testing/widgets/charts/etalons/pie_resolve_labels_overlapping_hide (material.blue.light).png and b/apps/demos/testing/widgets/charts/etalons/pie_resolve_labels_overlapping_hide (material.blue.light).png differ
diff --git a/apps/demos/testing/widgets/charts/etalons/pie_resolve_labels_overlapping_none (fluent.blue.light).png b/apps/demos/testing/widgets/charts/etalons/pie_resolve_labels_overlapping_none (fluent.blue.light).png
index 62292e727029..9b85c7f14601 100644
Binary files a/apps/demos/testing/widgets/charts/etalons/pie_resolve_labels_overlapping_none (fluent.blue.light).png and b/apps/demos/testing/widgets/charts/etalons/pie_resolve_labels_overlapping_none (fluent.blue.light).png differ
diff --git a/apps/demos/testing/widgets/charts/etalons/pie_resolve_labels_overlapping_none (material.blue.light).png b/apps/demos/testing/widgets/charts/etalons/pie_resolve_labels_overlapping_none (material.blue.light).png
index 9ed0308d84eb..346a0b261a67 100644
Binary files a/apps/demos/testing/widgets/charts/etalons/pie_resolve_labels_overlapping_none (material.blue.light).png and b/apps/demos/testing/widgets/charts/etalons/pie_resolve_labels_overlapping_none (material.blue.light).png differ