diff --git a/arkui/ace_ets_components_ux/ace_ets_component_datapanel/src/main/ets/TestAbility/pages/Index.ets b/arkui/ace_ets_components_ux/ace_ets_component_datapanel/src/main/ets/TestAbility/pages/Index.ets
index 1c8956688e637689af0130bcbedc6427f469c5e6..4ad4fdfcb8abcb02920bdaba348bbb949bc40a18 100644
--- a/arkui/ace_ets_components_ux/ace_ets_component_datapanel/src/main/ets/TestAbility/pages/Index.ets
+++ b/arkui/ace_ets_components_ux/ace_ets_component_datapanel/src/main/ets/TestAbility/pages/Index.ets
@@ -291,6 +291,264 @@ struct DatapanelTest {
               .valueColors(null)
               .key("ArkUX_Stage_DataPanel_ValueColors_2400")
           }
+          ListItem() {
+            DataPanel({ values: [20, 10, 10], max: 80, type: DataPanelType.Circle })
+              .width(200)
+              .height(200)
+              .valueColors(undefined)
+              .key("ArkUX_Stage_DataPanel_ValueColors_2500")
+          }
+          ListItem() {
+            DataPanel({ values: [20, 10, 10], max: 80, type: DataPanelType.Circle })
+              .width(200)
+              .height(200)
+              .valueColors(['rgba(255,165,0,0)', 'rgba(0,255,255,0,0)', 'rgba(255,192,203,0)', 'rgba(0,0,128,0)'])
+              .valueColors(undefined)
+              .key("ArkUX_Stage_DataPanel_ValueColors_2600")
+          }
+          ListItem() {
+            DataPanel({ values: [20, 10, 10], max: 80, type: DataPanelType.Circle })
+              .width(200)
+              .height(200)
+              .valueColors('color')
+              .key("ArkUX_Stage_DataPanel_ValueColors_2700")
+          }
+          ListItem() {
+            DataPanel({ values: [20, 10, 10], max: 80, type: DataPanelType.Circle })
+              .width(200)
+              .height(200)
+              .valueColors(this.color18)
+              .key("ArkUX_Stage_DataPanel_ValueColors_2800")
+          }
+          ListItem() {
+            DataPanel({ values: [20, 10, 10], max: 80, type: DataPanelType.Circle })
+              .width(200)
+              .height(200)
+              .valueColors([this.color19, this.color39])
+              .key("ArkUX_Stage_DataPanel_ValueColors_2900")
+          }
+          ListItem() {
+            DataPanel({ values: [20, 10, 10], max: 80, type: DataPanelType.Circle })
+              .width(200)
+              .height(200)
+              .trackBackgroundColor('#FF00FF00')
+              .key("ArkUX_Stage_DataPanel_TrackBackgroundColor_0100")
+          }
+          ListItem() {
+            DataPanel({ values: [20, 10, 10], max: 80, type: DataPanelType.Circle })
+              .width(200)
+              .height(200)
+              .trackBackgroundColor('rgb(0,255,0)')
+              .key("ArkUX_Stage_DataPanel_TrackBackgroundColor_0200")
+          }
+          ListItem() {
+            DataPanel({ values: [20, 10, 10], max: 80, type: DataPanelType.Circle })
+              .width(200)
+              .height(200)
+              .trackBackgroundColor(Color.Green)
+              .key("ArkUX_Stage_DataPanel_TrackBackgroundColor_0300")
+          }
+          ListItem() {
+            DataPanel({ values: [20, 10, 10], max: 80, type: DataPanelType.Circle })
+              .width(200)
+              .height(200)
+              .trackBackgroundColor($r("app.color.DataPanel_TrackBackgroundColor"))
+              .key("ArkUX_Stage_DataPanel_TrackBackgroundColor_0400")
+          }
+          ListItem() {
+            DataPanel({ values: [20, 10, 10], max: 80, type: DataPanelType.Circle })
+              .width(200)
+              .height(200)
+              .trackBackgroundColor("#FF00FF00")
+              .trackBackgroundColor(Color.Yellow)
+              .key("ArkUX_Stage_DataPanel_TrackBackgroundColor_0500")
+          }
+          ListItem() {
+            DataPanel({ values: [20, 10, 10], max: 80, type: DataPanelType.Circle })
+              .width(200)
+              .height(200)
+              .trackBackgroundColor("#FF0000FF")
+              .backgroundColor(Color.Green)
+              .padding(10)
+              .margin(20)
+              .key("ArkUX_Stage_DataPanel_TrackBackgroundColor_0600")
+          }
+          ListItem() {
+            DataPanel({ values: [20, 10, 10], max: 80, type: DataPanelType.Circle })
+              .width(200)
+              .height(200)
+              .trackBackgroundColor('')
+              .key("ArkUX_Stage_DataPanel_TrackBackgroundColor_0700")
+          }
+          ListItem() {
+            DataPanel({ values: [20, 10, 10], max: 80, type: DataPanelType.Circle })
+              .width(200)
+              .height(200)
+              .trackBackgroundColor(null)
+              .key("ArkUX_Stage_DataPanel_TrackBackgroundColor_0800")
+          }
+          ListItem() {
+            DataPanel({ values: [20, 10, 10], max: 80, type: DataPanelType.Circle })
+              .width(200)
+              .height(200)
+              .trackBackgroundColor(undefined)
+              .key("ArkUX_Stage_DataPanel_TrackBackgroundColor_0900")
+          }
+          ListItem() {
+            DataPanel({ values: [20, 10, 10], max: 80, type: DataPanelType.Circle })
+              .width(200)
+              .height(200)
+              .trackBackgroundColor("#FF00FF00")
+              .trackBackgroundColor(undefined)
+              .key("ArkUX_Stage_DataPanel_TrackBackgroundColor_1000")
+          }
+          ListItem() {
+            DataPanel({ values: [20, 10, 10], max: 80, type: DataPanelType.Circle })
+              .width(200)
+              .height(200)
+              .trackBackgroundColor('color')
+              .key("ArkUX_Stage_DataPanel_TrackBackgroundColor_1100")
+          }
+          ListItem() {
+            DataPanel({ values: [20, 10, 10], max: 80, type: DataPanelType.Circle })
+              .width(200)
+              .height(200)
+              .strokeWidth(30.00)
+              .key("ArkUX_Stage_DataPanel_StrokeWidth_0100")
+          }
+          ListItem() {
+            DataPanel({ values: [20, 10, 10], max: 80, type: DataPanelType.Circle })
+              .width(200)
+              .height(200)
+              .strokeWidth('30.00vp')
+              .key("ArkUX_Stage_DataPanel_StrokeWidth_0200")
+          }
+          ListItem() {
+            DataPanel({ values: [20, 10, 10], max: 80, type: DataPanelType.Circle })
+              .width(200)
+              .height(200)
+              .strokeWidth($r("app.string.DataPanel_StrokeWidth"))
+              .key("ArkUX_Stage_DataPanel_StrokeWidth_0300")
+          }
+          ListItem() {
+            DataPanel({ values: [20, 10, 10], max: 80, type: DataPanelType.Circle })
+              .width(200)
+              .height(200)
+              .strokeWidth('')
+              .key("ArkUX_Stage_DataPanel_StrokeWidth_0400")
+          }
+          ListItem() {
+            DataPanel({ values: [20, 10, 10], max: 80, type: DataPanelType.Circle })
+              .width(200)
+              .height(200)
+              .strokeWidth(null)
+              .key("ArkUX_Stage_DataPanel_StrokeWidth_0500")
+          }
+          ListItem() {
+            DataPanel({ values: [20, 10, 10], max: 80, type: DataPanelType.Circle })
+              .width(200)
+              .height(200)
+              .strokeWidth(undefined)
+              .key("ArkUX_Stage_DataPanel_StrokeWidth_0600")
+          }
+          ListItem() {
+            DataPanel({ values: [20, 10, 10], max: 80, type: DataPanelType.Circle })
+              .width(200)
+              .height(200)
+              .trackShadow({ radius: 20 })
+              .key("ArkUX_Stage_DataPanel_TrackShadow_0100")
+          }
+          ListItem() {
+            DataPanel({ values: [20, 10, 10], max: 80, type: DataPanelType.Circle })
+              .width(200)
+              .height(200)
+              .trackShadow({ radius: -1 })
+              .key("ArkUX_Stage_DataPanel_TrackShadow_0200")
+          }
+          ListItem() {
+            DataPanel({ values: [20, 10, 10], max: 80, type: DataPanelType.Circle })
+              .width(200)
+              .height(200)
+              .trackShadow({ radius: '' })
+              .key("ArkUX_Stage_DataPanel_TrackShadow_0300")
+          }
+          ListItem() {
+            DataPanel({ values: [20, 10, 10], max: 80, type: DataPanelType.Circle })
+              .width(200)
+              .height(200)
+              .trackShadow({ radius: null })
+              .key("ArkUX_Stage_DataPanel_TrackShadow_0400")
+          }
+          ListItem() {
+            DataPanel({ values: [20, 10, 10], max: 80, type: DataPanelType.Circle })
+              .width(200)
+              .height(200)
+              .trackShadow({ radius: undefined })
+              .key("ArkUX_Stage_DataPanel_TrackShadow_0500")
+          }
+          ListItem() {
+            DataPanel({ values: [20, 10, 10], max: 80, type: DataPanelType.Circle })
+              .width(200)
+              .height(200)
+              .trackShadow({ offsetX: 15 })
+              .key("ArkUX_Stage_DataPanel_TrackShadow_0600")
+          }
+          ListItem() {
+            DataPanel({ values: [20, 10, 10], max: 80, type: DataPanelType.Circle })
+              .width(200)
+              .height(200)
+              .trackShadow({ offsetX: -10 })
+              .key("ArkUX_Stage_DataPanel_TrackShadow_0700")
+          }
+          ListItem() {
+            DataPanel({ values: [20, 10, 10], max: 80, type: DataPanelType.Circle })
+              .width(200)
+              .height(200)
+              .trackShadow({ offsetX: '' })
+              .key("ArkUX_Stage_DataPanel_TrackShadow_0800")
+          }
+          ListItem() {
+            DataPanel({ values: [20, 10, 10], max: 80, type: DataPanelType.Circle })
+              .width(200)
+              .height(200)
+              .trackShadow({ offsetX: null })
+              .key("ArkUX_Stage_DataPanel_TrackShadow_0900")
+          }
+          ListItem() {
+            DataPanel({ values: [20, 10, 10], max: 80, type: DataPanelType.Circle })
+              .width(200)
+              .height(200)
+              .trackShadow({ offsetX: undefined })
+              .key("ArkUX_Stage_DataPanel_TrackShadow_1000")
+          }
+          ListItem() {
+            DataPanel({ values: [20, 10, 10], max: 80, type: DataPanelType.Circle })
+              .width(200)
+              .height(200)
+              .trackShadow({ offsetY: 15 })
+              .key("ArkUX_Stage_DataPanel_TrackShadow_1100")
+          }
+          ListItem() {
+            DataPanel({ values: [20, 10, 10], max: 80, type: DataPanelType.Circle })
+              .width(200)
+              .height(200)
+              .trackShadow({ offsetY: -10 })
+              .key("ArkUX_Stage_DataPanel_TrackShadow_1200")
+          }
+          ListItem() {
+            DataPanel({ values: [20, 10, 10], max: 80, type: DataPanelType.Circle })
+              .width(200)
+              .height(200)
+              .trackShadow({ offsetY: '' })
+              .key("ArkUX_Stage_DataPanel_TrackShadow_1300")
+          }
+          ListItem() {
+            DataPanel({ values: [20, 10, 10], max: 80, type: DataPanelType.Circle })
+              .width(200)
+              .height(200)
+              .trackShadow({ offsetY: null })
+              .key("ArkUX_Stage_DataPanel_TrackShadow_1400")
+          }
         }
       }
     .width('100%')
diff --git a/arkui/ace_ets_components_ux/ace_ets_component_datapanel/src/main/ets/test/datapanel.ets b/arkui/ace_ets_components_ux/ace_ets_component_datapanel/src/main/ets/test/datapanel.ets
index e1fe790c86b431081eb11f77458d52aa1d636927..5133711327b4511a369f0bf988c3a0bc80390be5 100644
--- a/arkui/ace_ets_components_ux/ace_ets_component_datapanel/src/main/ets/test/datapanel.ets
+++ b/arkui/ace_ets_components_ux/ace_ets_component_datapanel/src/main/ets/test/datapanel.ets
@@ -1140,5 +1140,1127 @@ export default function datapanelTest() {
         }
       }, 500)
     });
+
+     /**
+     * @tc.number    ArkUX_Stage_DataPanel_ValueColors_2500
+     * @tc.name      Tests the valueColors property of the DataPanel component
+     * @tc.desc      DataPanel common components, set valueColors property parameter to undefined
+     */
+    it('ArkUX_Stage_DataPanel_ValueColors_2500', 0, async function (done) {
+      console.info('ArkUX_Stage_DataPanel_ValueColors_2500 START');
+      setTimeout(() => {
+        try {
+          let strJson = getInspectorByKey('ArkUX_Stage_DataPanel_ValueColors_2500');
+          console.info('ArkUX_Stage_DataPanel_ValueColors_2500 strJson  :' + JSON.stringify(strJson));
+          let obj = JSON.parse(strJson);
+          console.info("ArkUX_Stage_DataPanel_ValueColors_2500 component obj is: " + JSON.stringify(obj));
+          console.info("ArkUX_Stage_DataPanel_ValueColors_2500 component obj.$attrs is: " + JSON.stringify(obj.$attrs));
+          console.info("ArkUX_Stage_DataPanel_ValueColors_2500 component obj.$attrs.valueColors is: " +
+          JSON.stringify(obj.$attrs.valueColors));
+          expect(obj.$attrs.valueColors[0][0].color).assertEqual("#FFF7CE00");
+          expect(obj.$attrs.valueColors[0][0].offset).assertEqual("0.000000");
+          expect(obj.$attrs.valueColors[0][1].color).assertEqual("#FFF99B11");
+          expect(obj.$attrs.valueColors[0][1].offset).assertEqual("1.000000");
+          expect(obj.$attrs.valueColors[1][0].color).assertEqual("#FFF76223");
+          expect(obj.$attrs.valueColors[1][0].offset).assertEqual("0.000000");
+          expect(obj.$attrs.valueColors[1][1].color).assertEqual("#FFF2400A");
+          expect(obj.$attrs.valueColors[1][1].offset).assertEqual("1.000000");
+          expect(obj.$attrs.valueColors[2][0].color).assertEqual("#FFF772AC");
+          expect(obj.$attrs.valueColors[2][0].offset).assertEqual("0.000000");
+          expect(obj.$attrs.valueColors[2][1].color).assertEqual("#FFE65392");
+          expect(obj.$attrs.valueColors[2][1].offset).assertEqual("1.000000");
+          expect(obj.$attrs.valueColors[3][0].color).assertEqual("#FFA575EB");
+          expect(obj.$attrs.valueColors[3][0].offset).assertEqual("0.000000");
+          expect(obj.$attrs.valueColors[3][1].color).assertEqual("#FFA12DF7");
+          expect(obj.$attrs.valueColors[3][1].offset).assertEqual("1.000000");
+          expect(obj.$attrs.valueColors[4][0].color).assertEqual("#FF7B79F7");
+          expect(obj.$attrs.valueColors[4][0].offset).assertEqual("0.000000");
+          expect(obj.$attrs.valueColors[4][1].color).assertEqual("#FF4B48F7");
+          expect(obj.$attrs.valueColors[4][1].offset).assertEqual("1.000000");
+          expect(obj.$attrs.valueColors[5][0].color).assertEqual("#FF4B8AF3");
+          expect(obj.$attrs.valueColors[5][0].offset).assertEqual("0.000000");
+          expect(obj.$attrs.valueColors[5][1].color).assertEqual("#FF007DFF");
+          expect(obj.$attrs.valueColors[5][1].offset).assertEqual("1.000000");
+          expect(obj.$attrs.valueColors[6][0].color).assertEqual("#FF73C1E6");
+          expect(obj.$attrs.valueColors[6][0].offset).assertEqual("0.000000");
+          expect(obj.$attrs.valueColors[6][1].color).assertEqual("#FF4FB4E3");
+          expect(obj.$attrs.valueColors[6][1].offset).assertEqual("1.000000");
+          expect(obj.$attrs.valueColors[7][0].color).assertEqual("#FFA5D61D");
+          expect(obj.$attrs.valueColors[7][0].offset).assertEqual("0.000000");
+          expect(obj.$attrs.valueColors[7][1].color).assertEqual("#FF69D14F");
+          expect(obj.$attrs.valueColors[7][1].offset).assertEqual("1.000000");
+          expect(obj.$attrs.valueColors[8][0].color).assertEqual("#FFA2A2B0");
+          expect(obj.$attrs.valueColors[8][0].offset).assertEqual("0.000000");
+          expect(obj.$attrs.valueColors[8][1].color).assertEqual("#FF8E8E93");
+          expect(obj.$attrs.valueColors[8][1].offset).assertEqual("1.000000");
+          console.info('ArkUX_Stage_DataPanel_ValueColors_2500 END ');
+          done();
+        } catch (err) {
+          expect().assertFail();
+          console.info('ArkUX_Stage_DataPanel_ValueColors_2500 ERR  ' + JSON.stringify(err));
+          done();
+        }
+      }, 500)
+    });
+
+    /**
+     * @tc.number    ArkUX_Stage_DataPanel_ValueColors_2600
+     * @tc.name      Tests the valueColors property of the DataPanel component
+     * @tc.desc      DataPanel common components, set valueColors property parameter to
+     *               ['rgba(255,165,0,0)', 'rgba(0,255,255,0,0)', 'rgba(255,192,203,0)', 'rgba(0,0,128,0)'],
+     *                and set the valueColors parameter to undefined
+     */
+    it('ArkUX_Stage_DataPanel_ValueColors_2600', 0, async function (done) {
+      console.info('ArkUX_Stage_DataPanel_ValueColors_2600 START');
+      setTimeout(() => {
+        try {
+          let strJson = getInspectorByKey('ArkUX_Stage_DataPanel_ValueColors_2600');
+          console.info('ArkUX_Stage_DataPanel_ValueColors_2600 strJson  :' + JSON.stringify(strJson));
+          let obj = JSON.parse(strJson);
+          console.info("ArkUX_Stage_DataPanel_ValueColors_2600 component obj is: " + JSON.stringify(obj));
+          console.info("ArkUX_Stage_DataPanel_ValueColors_2600 component obj.$attrs is: " + JSON.stringify(obj.$attrs));
+          console.info("ArkUX_Stage_DataPanel_ValueColors_2600 component obj.$attrs.valueColors is: " +
+          JSON.stringify(obj.$attrs.valueColors));
+          expect(obj.$attrs.valueColors[0][0].color).assertEqual("#FFF7CE00");
+          expect(obj.$attrs.valueColors[0][0].offset).assertEqual("0.000000");
+          expect(obj.$attrs.valueColors[0][1].color).assertEqual("#FFF99B11");
+          expect(obj.$attrs.valueColors[0][1].offset).assertEqual("1.000000");
+          expect(obj.$attrs.valueColors[1][0].color).assertEqual("#FFF76223");
+          expect(obj.$attrs.valueColors[1][0].offset).assertEqual("0.000000");
+          expect(obj.$attrs.valueColors[1][1].color).assertEqual("#FFF2400A");
+          expect(obj.$attrs.valueColors[1][1].offset).assertEqual("1.000000");
+          expect(obj.$attrs.valueColors[2][0].color).assertEqual("#FFF772AC");
+          expect(obj.$attrs.valueColors[2][0].offset).assertEqual("0.000000");
+          expect(obj.$attrs.valueColors[2][1].color).assertEqual("#FFE65392");
+          expect(obj.$attrs.valueColors[2][1].offset).assertEqual("1.000000");
+          expect(obj.$attrs.valueColors[3][0].color).assertEqual("#FFA575EB");
+          expect(obj.$attrs.valueColors[3][0].offset).assertEqual("0.000000");
+          expect(obj.$attrs.valueColors[3][1].color).assertEqual("#FFA12DF7");
+          expect(obj.$attrs.valueColors[3][1].offset).assertEqual("1.000000");
+          expect(obj.$attrs.valueColors[4][0].color).assertEqual("#FF7B79F7");
+          expect(obj.$attrs.valueColors[4][0].offset).assertEqual("0.000000");
+          expect(obj.$attrs.valueColors[4][1].color).assertEqual("#FF4B48F7");
+          expect(obj.$attrs.valueColors[4][1].offset).assertEqual("1.000000");
+          expect(obj.$attrs.valueColors[5][0].color).assertEqual("#FF4B8AF3");
+          expect(obj.$attrs.valueColors[5][0].offset).assertEqual("0.000000");
+          expect(obj.$attrs.valueColors[5][1].color).assertEqual("#FF007DFF");
+          expect(obj.$attrs.valueColors[5][1].offset).assertEqual("1.000000");
+          expect(obj.$attrs.valueColors[6][0].color).assertEqual("#FF73C1E6");
+          expect(obj.$attrs.valueColors[6][0].offset).assertEqual("0.000000");
+          expect(obj.$attrs.valueColors[6][1].color).assertEqual("#FF4FB4E3");
+          expect(obj.$attrs.valueColors[6][1].offset).assertEqual("1.000000");
+          expect(obj.$attrs.valueColors[7][0].color).assertEqual("#FFA5D61D");
+          expect(obj.$attrs.valueColors[7][0].offset).assertEqual("0.000000");
+          expect(obj.$attrs.valueColors[7][1].color).assertEqual("#FF69D14F");
+          expect(obj.$attrs.valueColors[7][1].offset).assertEqual("1.000000");
+          expect(obj.$attrs.valueColors[8][0].color).assertEqual("#FFA2A2B0");
+          expect(obj.$attrs.valueColors[8][0].offset).assertEqual("0.000000");
+          expect(obj.$attrs.valueColors[8][1].color).assertEqual("#FF8E8E93");
+          expect(obj.$attrs.valueColors[8][1].offset).assertEqual("1.000000");
+          console.info('ArkUX_Stage_DataPanel_ValueColors_2600 END ');
+          done();
+        } catch (err) {
+          expect().assertFail();
+          console.info('ArkUX_Stage_DataPanel_ValueColors_2600 ERR  ' + JSON.stringify(err));
+          done();
+        }
+      }, 500)
+    });
+
+    /**
+     * @tc.number    ArkUX_Stage_DataPanel_ValueColors_2700
+     * @tc.name      Tests the valueColors property of the DataPanel component
+     * @tc.desc      DataPanel common components, set valueColors property parameter to 'color'
+     */
+    it('ArkUX_Stage_DataPanel_ValueColors_2700', 0, async function (done) {
+      console.info('ArkUX_Stage_DataPanel_ValueColors_2700 START');
+      setTimeout(() => {
+        try {
+          let strJson = getInspectorByKey('ArkUX_Stage_DataPanel_ValueColors_2700');
+          console.info('ArkUX_Stage_DataPanel_ValueColors_2700 strJson  :' + JSON.stringify(strJson));
+          let obj = JSON.parse(strJson);
+          console.info("ArkUX_Stage_DataPanel_ValueColors_2700 component obj is: " + JSON.stringify(obj));
+          console.info("ArkUX_Stage_DataPanel_ValueColors_2700 component obj.$attrs is: " + JSON.stringify(obj.$attrs));
+          console.info("ArkUX_Stage_DataPanel_ValueColors_2700 component obj.$attrs.valueColors is: " +
+          JSON.stringify(obj.$attrs.valueColors));
+          expect(obj.$attrs.valueColors[0][0].color).assertEqual("#FFF7CE00");
+          expect(obj.$attrs.valueColors[0][0].offset).assertEqual("0.000000");
+          expect(obj.$attrs.valueColors[0][1].color).assertEqual("#FFF99B11");
+          expect(obj.$attrs.valueColors[0][1].offset).assertEqual("1.000000");
+          expect(obj.$attrs.valueColors[1][0].color).assertEqual("#FFF76223");
+          expect(obj.$attrs.valueColors[1][0].offset).assertEqual("0.000000");
+          expect(obj.$attrs.valueColors[1][1].color).assertEqual("#FFF2400A");
+          expect(obj.$attrs.valueColors[1][1].offset).assertEqual("1.000000");
+          expect(obj.$attrs.valueColors[2][0].color).assertEqual("#FFF772AC");
+          expect(obj.$attrs.valueColors[2][0].offset).assertEqual("0.000000");
+          expect(obj.$attrs.valueColors[2][1].color).assertEqual("#FFE65392");
+          expect(obj.$attrs.valueColors[2][1].offset).assertEqual("1.000000");
+          expect(obj.$attrs.valueColors[3][0].color).assertEqual("#FFA575EB");
+          expect(obj.$attrs.valueColors[3][0].offset).assertEqual("0.000000");
+          expect(obj.$attrs.valueColors[3][1].color).assertEqual("#FFA12DF7");
+          expect(obj.$attrs.valueColors[3][1].offset).assertEqual("1.000000");
+          expect(obj.$attrs.valueColors[4][0].color).assertEqual("#FF7B79F7");
+          expect(obj.$attrs.valueColors[4][0].offset).assertEqual("0.000000");
+          expect(obj.$attrs.valueColors[4][1].color).assertEqual("#FF4B48F7");
+          expect(obj.$attrs.valueColors[4][1].offset).assertEqual("1.000000");
+          expect(obj.$attrs.valueColors[5][0].color).assertEqual("#FF4B8AF3");
+          expect(obj.$attrs.valueColors[5][0].offset).assertEqual("0.000000");
+          expect(obj.$attrs.valueColors[5][1].color).assertEqual("#FF007DFF");
+          expect(obj.$attrs.valueColors[5][1].offset).assertEqual("1.000000");
+          expect(obj.$attrs.valueColors[6][0].color).assertEqual("#FF73C1E6");
+          expect(obj.$attrs.valueColors[6][0].offset).assertEqual("0.000000");
+          expect(obj.$attrs.valueColors[6][1].color).assertEqual("#FF4FB4E3");
+          expect(obj.$attrs.valueColors[6][1].offset).assertEqual("1.000000");
+          expect(obj.$attrs.valueColors[7][0].color).assertEqual("#FFA5D61D");
+          expect(obj.$attrs.valueColors[7][0].offset).assertEqual("0.000000");
+          expect(obj.$attrs.valueColors[7][1].color).assertEqual("#FF69D14F");
+          expect(obj.$attrs.valueColors[7][1].offset).assertEqual("1.000000");
+          expect(obj.$attrs.valueColors[8][0].color).assertEqual("#FFA2A2B0");
+          expect(obj.$attrs.valueColors[8][0].offset).assertEqual("0.000000");
+          expect(obj.$attrs.valueColors[8][1].color).assertEqual("#FF8E8E93");
+          expect(obj.$attrs.valueColors[8][1].offset).assertEqual("1.000000");
+          console.info('ArkUX_Stage_DataPanel_ValueColors_2700 END ');
+          done();
+        } catch (err) {
+          expect().assertFail();
+          console.info('ArkUX_Stage_DataPanel_ValueColors_2700 ERR  ' + JSON.stringify(err));
+          done();
+        }
+      }, 500)
+    });
+
+    /**
+     * @tc.number    ArkUX_Stage_DataPanel_ValueColors_2800
+     * @tc.name      Tests the valueColors property of the DataPanel component
+     * @tc.desc      DataPanel common components, set valueColors property parameter to
+     *               ["#01FFA500", "#4C800080", "#9AFFFF00", "#FF00FF00"]
+     */
+    it('ArkUX_Stage_DataPanel_ValueColors_2800', 0, async function (done) {
+      console.info('ArkUX_Stage_DataPanel_ValueColors_2800 START');
+      setTimeout(() => {
+        try {
+          let strJson = getInspectorByKey('ArkUX_Stage_DataPanel_ValueColors_2800');
+          console.info('ArkUX_Stage_DataPanel_ValueColors_2800 strJson  :' + JSON.stringify(strJson));
+          let obj = JSON.parse(strJson);
+          console.info("ArkUX_Stage_DataPanel_ValueColors_2800 component obj is: " + JSON.stringify(obj));
+          console.info("ArkUX_Stage_DataPanel_ValueColors_2800 component obj.$attrs is: " + JSON.stringify(obj.$attrs));
+          console.info("ArkUX_Stage_DataPanel_ValueColors_2800 component obj.$attrs.valueColors is: " +
+          JSON.stringify(obj.$attrs.valueColors));
+          expect(obj.$attrs.valueColors[0][0].color).assertEqual("#01FFA500");
+          expect(obj.$attrs.valueColors[0][0].offset).assertEqual("0.000000");
+          expect(obj.$attrs.valueColors[0][1].color).assertEqual("#01FFA500");
+          expect(obj.$attrs.valueColors[0][1].offset).assertEqual("1.000000");
+          expect(obj.$attrs.valueColors[1][0].color).assertEqual("#4C800080");
+          expect(obj.$attrs.valueColors[1][0].offset).assertEqual("0.000000");
+          expect(obj.$attrs.valueColors[1][1].color).assertEqual("#4C800080");
+          expect(obj.$attrs.valueColors[1][1].offset).assertEqual("1.000000");
+          expect(obj.$attrs.valueColors[2][0].color).assertEqual("#9AFFFF00");
+          expect(obj.$attrs.valueColors[2][0].offset).assertEqual("0.000000");
+          expect(obj.$attrs.valueColors[2][1].color).assertEqual("#9AFFFF00");
+          expect(obj.$attrs.valueColors[2][1].offset).assertEqual("1.000000");
+          expect(obj.$attrs.valueColors[3][0].color).assertEqual("#FF00FF00");
+          expect(obj.$attrs.valueColors[3][0].offset).assertEqual("0.000000");
+          expect(obj.$attrs.valueColors[3][1].color).assertEqual("#FF00FF00");
+          expect(obj.$attrs.valueColors[3][1].offset).assertEqual("1.000000");
+          console.info('ArkUX_Stage_DataPanel_ValueColors_2800 END ');
+          done();
+        } catch (err) {
+          expect().assertFail();
+          console.info('ArkUX_Stage_DataPanel_ValueColors_2800 ERR  ' + JSON.stringify(err));
+          done();
+        }
+      }, 500)
+    });
+
+    /**
+     * @tc.number    ArkUX_Stage_DataPanel_ValueColors_2900
+     * @tc.name      Tests the valueColors property of the DataPanel component
+     * @tc.desc      DataPanel common components, set valueColors property parameter to
+     *               [{ color: "#01FFA500", offset: 0 }, { color: "#01FFFF00", offset: 1 }],
+     *               [{ color: "#01FFC0CB", offset: 0 }, { color: "#0100FF00", offset: 1 }]
+     */
+    it('ArkUX_Stage_DataPanel_ValueColors_2900', 0, async function (done) {
+      console.info('ArkUX_Stage_DataPanel_ValueColors_2900 START');
+      setTimeout(() => {
+        try {
+          let strJson = getInspectorByKey('ArkUX_Stage_DataPanel_ValueColors_2900');
+          console.info('ArkUX_Stage_DataPanel_ValueColors_2900 strJson  :' + JSON.stringify(strJson));
+          let obj = JSON.parse(strJson);
+          console.info("ArkUX_Stage_DataPanel_ValueColors_2900 component obj is: " + JSON.stringify(obj));
+          console.info("ArkUX_Stage_DataPanel_ValueColors_2900 component obj.$attrs is: " + JSON.stringify(obj.$attrs));
+          console.info("ArkUX_Stage_DataPanel_ValueColors_2900 component obj.$attrs.valueColors is: " +
+          JSON.stringify(obj.$attrs.valueColors));
+          expect(obj.$attrs.valueColors[0][0].color).assertEqual("#01FFA500");
+          expect(obj.$attrs.valueColors[0][0].offset).assertEqual("0.000000");
+          expect(obj.$attrs.valueColors[0][1].color).assertEqual("#01FFFF00");
+          expect(obj.$attrs.valueColors[0][1].offset).assertEqual("1.000000");
+          expect(obj.$attrs.valueColors[1][0].color).assertEqual("#01FFC0CB");
+          expect(obj.$attrs.valueColors[1][0].offset).assertEqual("0.000000");
+          expect(obj.$attrs.valueColors[1][1].color).assertEqual("#0100FF00");
+          expect(obj.$attrs.valueColors[1][1].offset).assertEqual("1.000000");
+          console.info('ArkUX_Stage_DataPanel_ValueColors_2900 END ');
+          done();
+        } catch (err) {
+          expect().assertFail();
+          console.info('ArkUX_Stage_DataPanel_ValueColors_2900 ERR  ' + JSON.stringify(err));
+          done();
+        }
+      }, 500)
+    });
+
+    /**
+     * @tc.number    ArkUX_Stage_DataPanel_TrackBackgroundColor_0100
+     * @tc.name      Tests the trackBackgroundColor property of the DataPanel component
+     * @tc.desc      DataPanel common components, set trackBackgroundColor property parameter to '#FF00FF00'
+     */
+    it('ArkUX_Stage_DataPanel_TrackBackgroundColor_0100', 0, async function (done) {
+      console.info('ArkUX_Stage_DataPanel_TrackBackgroundColor_0100 START');
+      setTimeout(() => {
+        try {
+          let strJson = getInspectorByKey('ArkUX_Stage_DataPanel_TrackBackgroundColor_0100');
+          console.info('ArkUX_Stage_DataPanel_TrackBackgroundColor_0100 strJson  :' + JSON.stringify(strJson));
+          let obj = JSON.parse(strJson);
+          console.info("ArkUX_Stage_DataPanel_TrackBackgroundColor_0100 component obj is: " + JSON.stringify(obj));
+          console.info("ArkUX_Stage_DataPanel_TrackBackgroundColor_0100 component obj.$attrs is: " +
+          JSON.stringify(obj.$attrs));
+          console.info("ArkUX_Stage_DataPanel_TrackBackgroundColor_0100 component obj.$attrs.trackBackgroundColor is:" +
+          JSON.stringify(obj.$attrs.trackBackgroundColor));
+          expect(obj.$attrs.trackBackgroundColor).assertEqual('#FF00FF00');
+          console.info('ArkUX_Stage_DataPanel_TrackBackgroundColor_0100 END ');
+          done();
+        } catch (err) {
+          expect().assertFail();
+          console.info('ArkUX_Stage_DataPanel_TrackBackgroundColor_0100 ERR  ' + JSON.stringify(err));
+          done();
+        }
+      }, 500)
+    });
+
+    /**
+     * @tc.number    ArkUX_Stage_DataPanel_TrackBackgroundColor_0200
+     * @tc.name      Tests the trackBackgroundColor property of the DataPanel component
+     * @tc.desc      DataPanel common components, set trackBackgroundColor property parameter to 'rgb(0,255,0)'
+     */
+    it('ArkUX_Stage_DataPanel_TrackBackgroundColor_0200', 0, async function (done) {
+      console.info('ArkUX_Stage_DataPanel_TrackBackgroundColor_0200 START');
+      setTimeout(() => {
+        try {
+          let strJson = getInspectorByKey('ArkUX_Stage_DataPanel_TrackBackgroundColor_0200');
+          console.info('ArkUX_Stage_DataPanel_TrackBackgroundColor_0200 strJson  :' + JSON.stringify(strJson));
+          let obj = JSON.parse(strJson);
+          console.info("ArkUX_Stage_DataPanel_TrackBackgroundColor_0200 component obj is: " + JSON.stringify(obj));
+          console.info("ArkUX_Stage_DataPanel_TrackBackgroundColor_0200 component obj.$attrs is: " +
+          JSON.stringify(obj.$attrs));
+          console.info("ArkUX_Stage_DataPanel_TrackBackgroundColor_0200 component obj.$attrs.trackBackgroundColor is:" +
+          JSON.stringify(obj.$attrs.trackBackgroundColor));
+          expect(obj.$attrs.trackBackgroundColor).assertEqual('#FF00FF00');
+          console.info('ArkUX_Stage_DataPanel_TrackBackgroundColor_0200 END ');
+          done();
+        } catch (err) {
+          expect().assertFail();
+          console.info('ArkUX_Stage_DataPanel_TrackBackgroundColor_0200 ERR  ' + JSON.stringify(err));
+          done();
+        }
+      }, 500)
+    });
+
+    /**
+     * @tc.number    ArkUX_Stage_DataPanel_TrackBackgroundColor_0300
+     * @tc.name      Tests the trackBackgroundColor property of the DataPanel component
+     * @tc.desc      DataPanel common components, set trackBackgroundColor property parameter to Color.Green
+     */
+    it('ArkUX_Stage_DataPanel_TrackBackgroundColor_0300', 0, async function (done) {
+      console.info('ArkUX_Stage_DataPanel_TrackBackgroundColor_0300 START');
+      setTimeout(() => {
+        try {
+          let strJson = getInspectorByKey('ArkUX_Stage_DataPanel_TrackBackgroundColor_0300');
+          console.info('ArkUX_Stage_DataPanel_TrackBackgroundColor_0300 strJson  :' + JSON.stringify(strJson));
+          let obj = JSON.parse(strJson);
+          console.info("ArkUX_Stage_DataPanel_TrackBackgroundColor_0300 component obj is: " + JSON.stringify(obj));
+          console.info("ArkUX_Stage_DataPanel_TrackBackgroundColor_0300 component obj.$attrs is: " +
+          JSON.stringify(obj.$attrs));
+          console.info("ArkUX_Stage_DataPanel_TrackBackgroundColor_0300 component obj.$attrs.trackBackgroundColor is:" +
+          JSON.stringify(obj.$attrs.trackBackgroundColor));
+          expect(obj.$attrs.trackBackgroundColor).assertEqual('#FF008000');
+          console.info('ArkUX_Stage_DataPanel_TrackBackgroundColor_0300 END ');
+          done();
+        } catch (err) {
+          expect().assertFail();
+          console.info('ArkUX_Stage_DataPanel_TrackBackgroundColor_0300 ERR  ' + JSON.stringify(err));
+          done();
+        }
+      }, 500)
+    });
+
+    /**
+     * @tc.number    ArkUX_Stage_DataPanel_TrackBackgroundColor_0400
+     * @tc.name      Tests the trackBackgroundColor property of the DataPanel component
+     * @tc.desc      DataPanel common components, set trackBackgroundColor property parameter to
+     *               $r("app.color.DataPanel_TrackBackgroundColor")
+     */
+    it('ArkUX_Stage_DataPanel_TrackBackgroundColor_0400', 0, async function (done) {
+      console.info('ArkUX_Stage_DataPanel_TrackBackgroundColor_0400 START');
+      setTimeout(() => {
+        try {
+          let strJson = getInspectorByKey('ArkUX_Stage_DataPanel_TrackBackgroundColor_0400');
+          console.info('ArkUX_Stage_DataPanel_TrackBackgroundColor_0400 strJson  :' + JSON.stringify(strJson));
+          let obj = JSON.parse(strJson);
+          console.info("ArkUX_Stage_DataPanel_TrackBackgroundColor_0400 component obj is: " + JSON.stringify(obj));
+          console.info("ArkUX_Stage_DataPanel_TrackBackgroundColor_0400 component obj.$attrs is: " +
+          JSON.stringify(obj.$attrs));
+          console.info("ArkUX_Stage_DataPanel_TrackBackgroundColor_0400 component obj.$attrs.trackBackgroundColor is:" +
+          JSON.stringify(obj.$attrs.trackBackgroundColor));
+          expect(obj.$attrs.trackBackgroundColor).assertEqual('#FF00FF00');
+          console.info('ArkUX_Stage_DataPanel_TrackBackgroundColor_0400 END ');
+          done();
+        } catch (err) {
+          expect().assertFail();
+          console.info('ArkUX_Stage_DataPanel_TrackBackgroundColor_0400 ERR  ' + JSON.stringify(err));
+          done();
+        }
+      }, 500)
+    });
+
+    /**
+     * @tc.number    ArkUX_Stage_DataPanel_TrackBackgroundColor_0500
+     * @tc.name      Tests the trackBackgroundColor property of the DataPanel component
+     * @tc.desc      DataPanel common components, set trackBackgroundColor property parameter to "#FF00FF00"
+     *               DataPanel common components, set trackBackgroundColor property once more parameter to Color.Yellow
+     */
+    it('ArkUX_Stage_DataPanel_TrackBackgroundColor_0500', 0, async function (done) {
+      console.info('ArkUX_Stage_DataPanel_TrackBackgroundColor_0500 START');
+      setTimeout(() => {
+        try {
+          let strJson = getInspectorByKey('ArkUX_Stage_DataPanel_TrackBackgroundColor_0500');
+          console.info('ArkUX_Stage_DataPanel_TrackBackgroundColor_0500 strJson  :' + JSON.stringify(strJson));
+          let obj = JSON.parse(strJson);
+          console.info("ArkUX_Stage_DataPanel_TrackBackgroundColor_0500 component obj is: " + JSON.stringify(obj));
+          console.info("ArkUX_Stage_DataPanel_TrackBackgroundColor_0500 component obj.$attrs is: " +
+          JSON.stringify(obj.$attrs));
+          console.info("ArkUX_Stage_DataPanel_TrackBackgroundColor_0500 component obj.$attrs.trackBackgroundColor is:" +
+          JSON.stringify(obj.$attrs.trackBackgroundColor));
+          expect(obj.$attrs.trackBackgroundColor).assertEqual('#FFFFFF00');
+          console.info('ArkUX_Stage_DataPanel_TrackBackgroundColor_0500 END ');
+          done();
+        } catch (err) {
+          expect().assertFail();
+          console.info('ArkUX_Stage_DataPanel_TrackBackgroundColor_0500 ERR  ' + JSON.stringify(err));
+          done();
+        }
+      }, 500)
+    });
+
+    /**
+     * @tc.number    ArkUX_Stage_DataPanel_TrackBackgroundColor_0600
+     * @tc.name      Tests the trackBackgroundColor property of the DataPanel component
+     * @tc.desc      DataPanel common components, set trackBackgroundColor property parameter to "#FF0000FF",
+     *               set the general attribute backgroundColor parameter to Color.Green
+     */
+    it('ArkUX_Stage_DataPanel_TrackBackgroundColor_0600', 0, async function (done) {
+      console.info('ArkUX_Stage_DataPanel_TrackBackgroundColor_0600 START');
+      setTimeout(() => {
+        try {
+          let strJson = getInspectorByKey('ArkUX_Stage_DataPanel_TrackBackgroundColor_0600');
+          console.info('ArkUX_Stage_DataPanel_TrackBackgroundColor_0600 strJson  :' + JSON.stringify(strJson));
+          let obj = JSON.parse(strJson);
+          console.info("ArkUX_Stage_DataPanel_TrackBackgroundColor_0600 component obj is: " + JSON.stringify(obj));
+          console.info("ArkUX_Stage_DataPanel_TrackBackgroundColor_0600 component obj.$attrs is: " +
+          JSON.stringify(obj.$attrs));
+          console.info("ArkUX_Stage_DataPanel_TrackBackgroundColor_0600 component obj.$attrs.trackBackgroundColor is:" +
+          JSON.stringify(obj.$attrs.trackBackgroundColor));
+          expect(obj.$attrs.trackBackgroundColor).assertEqual('#FF0000FF');
+          console.info('ArkUX_Stage_DataPanel_TrackBackgroundColor_0600 END ');
+          done();
+        } catch (err) {
+          expect().assertFail();
+          console.info('ArkUX_Stage_DataPanel_TrackBackgroundColor_0600 ERR  ' + JSON.stringify(err));
+          done();
+        }
+      }, 500)
+    });
+
+    /**
+     * @tc.number    ArkUX_Stage_DataPanel_TrackBackgroundColor_0700
+     * @tc.name      Tests the trackBackgroundColor property of the DataPanel component
+     * @tc.desc      DataPanel common components, set trackBackgroundColor property parameter to ''
+     */
+    it('ArkUX_Stage_DataPanel_TrackBackgroundColor_0700', 0, async function (done) {
+      console.info('ArkUX_Stage_DataPanel_TrackBackgroundColor_0700 START');
+      setTimeout(() => {
+        try {
+          let strJson = getInspectorByKey('ArkUX_Stage_DataPanel_TrackBackgroundColor_0700');
+          console.info('ArkUX_Stage_DataPanel_TrackBackgroundColor_0700 strJson  :' + JSON.stringify(strJson));
+          let obj = JSON.parse(strJson);
+          console.info("ArkUX_Stage_DataPanel_TrackBackgroundColor_0700 component obj is: " + JSON.stringify(obj));
+          console.info("ArkUX_Stage_DataPanel_TrackBackgroundColor_0700 component obj.$attrs is: " +
+          JSON.stringify(obj.$attrs));
+          console.info("ArkUX_Stage_DataPanel_TrackBackgroundColor_0700 component obj.$attrs.trackBackgroundColor is:" +
+          JSON.stringify(obj.$attrs.trackBackgroundColor));
+          expect(obj.$attrs.trackBackgroundColor).assertEqual('#08182431');
+          console.info('ArkUX_Stage_DataPanel_TrackBackgroundColor_0700 END ');
+          done();
+        } catch (err) {
+          expect().assertFail();
+          console.info('ArkUX_Stage_DataPanel_TrackBackgroundColor_0700 ERR  ' + JSON.stringify(err));
+          done();
+        }
+      }, 500)
+    });
+
+    /**
+     * @tc.number    ArkUX_Stage_DataPanel_TrackBackgroundColor_0800
+     * @tc.name      Tests the trackBackgroundColor property of the DataPanel component
+     * @tc.desc      DataPanel common components, set trackBackgroundColor property parameter to null
+     */
+    it('ArkUX_Stage_DataPanel_TrackBackgroundColor_0800', 0, async function (done) {
+      console.info('ArkUX_Stage_DataPanel_TrackBackgroundColor_0800 START');
+      setTimeout(() => {
+        try {
+          let strJson = getInspectorByKey('ArkUX_Stage_DataPanel_TrackBackgroundColor_0800');
+          console.info('ArkUX_Stage_DataPanel_TrackBackgroundColor_0800 strJson  :' + JSON.stringify(strJson));
+          let obj = JSON.parse(strJson);
+          console.info("ArkUX_Stage_DataPanel_TrackBackgroundColor_0800 component obj is: " + JSON.stringify(obj));
+          console.info("ArkUX_Stage_DataPanel_TrackBackgroundColor_0800 component obj.$attrs is: " +
+          JSON.stringify(obj.$attrs));
+          console.info("ArkUX_Stage_DataPanel_TrackBackgroundColor_0800 component obj.$attrs.trackBackgroundColor is:" +
+          JSON.stringify(obj.$attrs.trackBackgroundColor));
+          expect(obj.$attrs.trackBackgroundColor).assertEqual('#08182431');
+          console.info('ArkUX_Stage_DataPanel_TrackBackgroundColor_0800 END ');
+          done();
+        } catch (err) {
+          expect().assertFail();
+          console.info('ArkUX_Stage_DataPanel_TrackBackgroundColor_0800 ERR  ' + JSON.stringify(err));
+          done();
+        }
+      }, 500)
+    });
+
+    /**
+     * @tc.number    ArkUX_Stage_DataPanel_TrackBackgroundColor_0900
+     * @tc.name      Tests the trackBackgroundColor property of the DataPanel component
+     * @tc.desc      DataPanel common components, set trackBackgroundColor property parameter to undefined
+     */
+    it('ArkUX_Stage_DataPanel_TrackBackgroundColor_0900', 0, async function (done) {
+      console.info('ArkUX_Stage_DataPanel_TrackBackgroundColor_0900 START');
+      setTimeout(() => {
+        try {
+          let strJson = getInspectorByKey('ArkUX_Stage_DataPanel_TrackBackgroundColor_0900');
+          console.info('ArkUX_Stage_DataPanel_TrackBackgroundColor_0900 strJson  :' + JSON.stringify(strJson));
+          let obj = JSON.parse(strJson);
+          console.info("ArkUX_Stage_DataPanel_TrackBackgroundColor_0900 component obj is: " + JSON.stringify(obj));
+          console.info("ArkUX_Stage_DataPanel_TrackBackgroundColor_0900 component obj.$attrs is: " +
+          JSON.stringify(obj.$attrs));
+          console.info("ArkUX_Stage_DataPanel_TrackBackgroundColor_0900 component obj.$attrs.trackBackgroundColor is:" +
+          JSON.stringify(obj.$attrs.trackBackgroundColor));
+          expect(obj.$attrs.trackBackgroundColor).assertEqual('#08182431');
+          console.info('ArkUX_Stage_DataPanel_TrackBackgroundColor_0900 END ');
+          done();
+        } catch (err) {
+          expect().assertFail();
+          console.info('ArkUX_Stage_DataPanel_TrackBackgroundColor_0900 ERR  ' + JSON.stringify(err));
+          done();
+        }
+      }, 500)
+    });
+
+    /**
+     * @tc.number    ArkUX_Stage_DataPanel_TrackBackgroundColor_1000
+     * @tc.name      Tests the trackBackgroundColor property of the DataPanel component
+     * @tc.desc      DataPanel common components, set trackBackgroundColor property parameter to "#FF00FF00",
+     *               and set the trackBackgroundColor parameter to undefined
+     */
+    it('ArkUX_Stage_DataPanel_TrackBackgroundColor_1000', 0, async function (done) {
+      console.info('ArkUX_Stage_DataPanel_TrackBackgroundColor_1000 START');
+      setTimeout(() => {
+        try {
+          let strJson = getInspectorByKey('ArkUX_Stage_DataPanel_TrackBackgroundColor_1000');
+          console.info('ArkUX_Stage_DataPanel_TrackBackgroundColor_1000 strJson  :' + JSON.stringify(strJson));
+          let obj = JSON.parse(strJson);
+          console.info("ArkUX_Stage_DataPanel_TrackBackgroundColor_1000 component obj is: " + JSON.stringify(obj));
+          console.info("ArkUX_Stage_DataPanel_TrackBackgroundColor_1000 component obj.$attrs is: " +
+          JSON.stringify(obj.$attrs));
+          console.info("ArkUX_Stage_DataPanel_TrackBackgroundColor_1000 component obj.$attrs.trackBackgroundColor is:" +
+          JSON.stringify(obj.$attrs.trackBackgroundColor));
+          expect(obj.$attrs.trackBackgroundColor).assertEqual('#08182431');
+          console.info('ArkUX_Stage_DataPanel_TrackBackgroundColor_1000 END ');
+          done();
+        } catch (err) {
+          expect().assertFail();
+          console.info('ArkUX_Stage_DataPanel_TrackBackgroundColor_1000 ERR  ' + JSON.stringify(err));
+          done();
+        }
+      }, 500)
+    });
+
+    /**
+     * @tc.number    ArkUX_Stage_DataPanel_TrackBackgroundColor_1100
+     * @tc.name      Tests the trackBackgroundColor property of the DataPanel component
+     * @tc.desc      DataPanel common components, set trackBackgroundColor property parameter to 'color'
+     */
+    it('ArkUX_Stage_DataPanel_TrackBackgroundColor_1100', 0, async function (done) {
+      console.info('ArkUX_Stage_DataPanel_TrackBackgroundColor_1100 START');
+      setTimeout(() => {
+        try {
+          let strJson = getInspectorByKey('ArkUX_Stage_DataPanel_TrackBackgroundColor_1100');
+          console.info('ArkUX_Stage_DataPanel_TrackBackgroundColor_1100 strJson  :' + JSON.stringify(strJson));
+          let obj = JSON.parse(strJson);
+          console.info("ArkUX_Stage_DataPanel_TrackBackgroundColor_1100 component obj is: " + JSON.stringify(obj));
+          console.info("ArkUX_Stage_DataPanel_TrackBackgroundColor_1100 component obj.$attrs is: " +
+          JSON.stringify(obj.$attrs));
+          console.info("ArkUX_Stage_DataPanel_TrackBackgroundColor_1100 component obj.$attrs.trackBackgroundColor is:" +
+          JSON.stringify(obj.$attrs.trackBackgroundColor));
+          expect(obj.$attrs.trackBackgroundColor).assertEqual('#08182431');
+          console.info('ArkUX_Stage_DataPanel_TrackBackgroundColor_1100 END ');
+          done();
+        } catch (err) {
+          expect().assertFail();
+          console.info('ArkUX_Stage_DataPanel_TrackBackgroundColor_1100 ERR  ' + JSON.stringify(err));
+          done();
+        }
+      }, 500)
+    });
+
+    /**
+     * @tc.number    ArkUX_Stage_DataPanel_StrokeWidth_0100
+     * @tc.name      Tests the strokeWidth property of the DataPanel component
+     * @tc.desc      DataPanel common components, set strokeWidth property parameter to 30.00
+     */
+    it('ArkUX_Stage_DataPanel_StrokeWidth_0100', 0, async function (done) {
+      console.info('ArkUX_Stage_DataPanel_StrokeWidth_0100 START');
+      setTimeout(() => {
+        try {
+          let strJson = getInspectorByKey('ArkUX_Stage_DataPanel_StrokeWidth_0100');
+          console.info('ArkUX_Stage_DataPanel_StrokeWidth_0100 strJson  :' + JSON.stringify(strJson));
+          let obj = JSON.parse(strJson);
+          console.info("ArkUX_Stage_DataPanel_StrokeWidth_0100 component obj is: " + JSON.stringify(obj));
+          console.info("ArkUX_Stage_DataPanel_StrokeWidth_0100 component obj.$attrs is: " + JSON.stringify(obj.$attrs));
+          console.info("ArkUX_Stage_DataPanel_StrokeWidth_0100 component obj.$attrs.strokeWidth is: " +
+          JSON.stringify(obj.$attrs.strokeWidth));
+          expect(obj.$attrs.strokeWidth).assertEqual("30.00vp");
+          console.info('ArkUX_Stage_DataPanel_StrokeWidth_0100 END ');
+          done();
+        } catch (err) {
+          expect().assertFail();
+          console.info('ArkUX_Stage_DataPanel_StrokeWidth_0100 ERR  ' + JSON.stringify(err));
+          done();
+        }
+      }, 500)
+    });
+
+    /**
+     * @tc.number    ArkUX_Stage_DataPanel_StrokeWidth_0200
+     * @tc.name      Tests the strokeWidth property of the DataPanel component
+     * @tc.desc      DataPanel common components, set strokeWidth property parameter to '30.00vp'
+     */
+    it('ArkUX_Stage_DataPanel_StrokeWidth_0200', 0, async function (done) {
+      console.info('ArkUX_Stage_DataPanel_StrokeWidth_0200 START');
+      setTimeout(() => {
+        try {
+          let strJson = getInspectorByKey('ArkUX_Stage_DataPanel_StrokeWidth_0200');
+          console.info('ArkUX_Stage_DataPanel_StrokeWidth_0200 strJson  :' + JSON.stringify(strJson));
+          let obj = JSON.parse(strJson);
+          console.info("ArkUX_Stage_DataPanel_StrokeWidth_0200 component obj is: " + JSON.stringify(obj));
+          console.info("ArkUX_Stage_DataPanel_StrokeWidth_0200 component obj.$attrs is: " + JSON.stringify(obj.$attrs));
+          console.info("ArkUX_Stage_DataPanel_StrokeWidth_0200 component obj.$attrs.strokeWidth is: " +
+          JSON.stringify(obj.$attrs.strokeWidth));
+          expect(obj.$attrs.strokeWidth).assertEqual("30.00vp");
+          console.info('ArkUX_Stage_DataPanel_StrokeWidth_0200 END ');
+          done();
+        } catch (err) {
+          expect().assertFail();
+          console.info('ArkUX_Stage_DataPanel_StrokeWidth_0200 ERR  ' + JSON.stringify(err));
+          done();
+        }
+      }, 500)
+    });
+
+    /**
+     * @tc.number    ArkUX_Stage_DataPanel_StrokeWidth_0300
+     * @tc.name      Tests the strokeWidth property of the DataPanel component
+     * @tc.desc      DataPanel common components, set strokeWidth property parameter to
+     *               $r("app.string.DataPanel_StrokeWidth")
+     */
+    it('ArkUX_Stage_DataPanel_StrokeWidth_0300', 0, async function (done) {
+      console.info('ArkUX_Stage_DataPanel_StrokeWidth_0300 START');
+      setTimeout(() => {
+        try {
+          let strJson = getInspectorByKey('ArkUX_Stage_DataPanel_StrokeWidth_0300');
+          console.info('ArkUX_Stage_DataPanel_StrokeWidth_0300 strJson  :' + JSON.stringify(strJson));
+          let obj = JSON.parse(strJson);
+          console.info("ArkUX_Stage_DataPanel_StrokeWidth_0300 component obj is: " + JSON.stringify(obj));
+          console.info("ArkUX_Stage_DataPanel_StrokeWidth_0300 component obj.$attrs is: " + JSON.stringify(obj.$attrs));
+          console.info("ArkUX_Stage_DataPanel_StrokeWidth_0300 component obj.$attrs.strokeWidth is: " +
+          JSON.stringify(obj.$attrs.strokeWidth));
+          expect(obj.$attrs.strokeWidth).assertEqual("30.00vp");
+          console.info('ArkUX_Stage_DataPanel_StrokeWidth_0300 END ');
+          done();
+        } catch (err) {
+          expect().assertFail();
+          console.info('ArkUX_Stage_DataPanel_StrokeWidth_0300 ERR  ' + JSON.stringify(err));
+          done();
+        }
+      }, 500)
+    });
+
+    /**
+     * @tc.number    ArkUX_Stage_DataPanel_StrokeWidth_0400
+     * @tc.name      Tests the strokeWidth property of the DataPanel component
+     * @tc.desc      DataPanel common components, set strokeWidth property parameter to ''
+     */
+    it('ArkUX_Stage_DataPanel_StrokeWidth_0400', 0, async function (done) {
+      console.info('ArkUX_Stage_DataPanel_StrokeWidth_0400 START');
+      setTimeout(() => {
+        try {
+          let strJson = getInspectorByKey('ArkUX_Stage_DataPanel_StrokeWidth_0400');
+          console.info('ArkUX_Stage_DataPanel_StrokeWidth_0400 strJson  :' + JSON.stringify(strJson));
+          let obj = JSON.parse(strJson);
+          console.info("ArkUX_Stage_DataPanel_StrokeWidth_0400 component obj is: " + JSON.stringify(obj));
+          console.info("ArkUX_Stage_DataPanel_StrokeWidth_0400 component obj.$attrs is: " + JSON.stringify(obj.$attrs));
+          console.info("ArkUX_Stage_DataPanel_StrokeWidth_0400 component obj.$attrs.strokeWidth is: " +
+          JSON.stringify(obj.$attrs.strokeWidth));
+          expect(obj.$attrs.strokeWidth).assertEqual("24.00vp");
+          console.info('ArkUX_Stage_DataPanel_StrokeWidth_0400 END ');
+          done();
+        } catch (err) {
+          expect().assertFail();
+          console.info('ArkUX_Stage_DataPanel_StrokeWidth_0400 ERR  ' + JSON.stringify(err));
+          done();
+        }
+      }, 500)
+    });
+
+    /**
+     * @tc.number    ArkUX_Stage_DataPanel_StrokeWidth_0500
+     * @tc.name      Tests the strokeWidth property of the DataPanel component
+     * @tc.desc      DataPanel common components, set strokeWidth property parameter to null
+     */
+    it('ArkUX_Stage_DataPanel_StrokeWidth_0500', 0, async function (done) {
+      console.info('ArkUX_Stage_DataPanel_StrokeWidth_0500 START');
+      setTimeout(() => {
+        try {
+          let strJson = getInspectorByKey('ArkUX_Stage_DataPanel_StrokeWidth_0500');
+          console.info('ArkUX_Stage_DataPanel_StrokeWidth_0500 strJson  :' + JSON.stringify(strJson));
+          let obj = JSON.parse(strJson);
+          console.info("ArkUX_Stage_DataPanel_StrokeWidth_0500 component obj is: " + JSON.stringify(obj));
+          console.info("ArkUX_Stage_DataPanel_StrokeWidth_0500 component obj.$attrs is: " + JSON.stringify(obj.$attrs));
+          console.info("ArkUX_Stage_DataPanel_StrokeWidth_0500 component obj.$attrs.strokeWidth is: " +
+          JSON.stringify(obj.$attrs.strokeWidth));
+          expect(obj.$attrs.strokeWidth).assertEqual("24.00vp");
+          console.info('ArkUX_Stage_DataPanel_StrokeWidth_0500 END ');
+          done();
+        } catch (err) {
+          expect().assertFail();
+          console.info('ArkUX_Stage_DataPanel_StrokeWidth_0500 ERR  ' + JSON.stringify(err));
+          done();
+        }
+      }, 500)
+    });
+
+    /**
+     * @tc.number    ArkUX_Stage_DataPanel_StrokeWidth_0600
+     * @tc.name      Tests the strokeWidth property of the DataPanel component
+     * @tc.desc      DataPanel common components, set strokeWidth property parameter to undefined
+     */
+    it('ArkUX_Stage_DataPanel_StrokeWidth_0600', 0, async function (done) {
+      console.info('ArkUX_Stage_DataPanel_StrokeWidth_0600 START');
+      setTimeout(() => {
+        try {
+          let strJson = getInspectorByKey('ArkUX_Stage_DataPanel_StrokeWidth_0600');
+          console.info('ArkUX_Stage_DataPanel_StrokeWidth_0600 strJson  :' + JSON.stringify(strJson));
+          let obj = JSON.parse(strJson);
+          console.info("ArkUX_Stage_DataPanel_StrokeWidth_0600 component obj is: " + JSON.stringify(obj));
+          console.info("ArkUX_Stage_DataPanel_StrokeWidth_0600 component obj.$attrs is: " + JSON.stringify(obj.$attrs));
+          console.info("ArkUX_Stage_DataPanel_StrokeWidth_0600 component obj.$attrs.strokeWidth is: " +
+          JSON.stringify(obj.$attrs.strokeWidth));
+          expect(obj.$attrs.strokeWidth).assertEqual("24.00vp");
+          console.info('ArkUX_Stage_DataPanel_StrokeWidth_0600 END ');
+          done();
+        } catch (err) {
+          expect().assertFail();
+          console.info('ArkUX_Stage_DataPanel_StrokeWidth_0600 ERR  ' + JSON.stringify(err));
+          done();
+        }
+      }, 500)
+    });
+
+    /**
+     * @tc.number    ArkUX_Stage_DataPanel_TrackShadow_0100
+     * @tc.name      Tests the trackShadow property of the DataPanel component
+     * @tc.desc      DataPanel common components, set trackShadow property parameter to trackShadow.radius : 20
+     */
+    it('ArkUX_Stage_DataPanel_TrackShadow_0100', 0, async function (done) {
+      console.info('ArkUX_Stage_DataPanel_TrackShadow_0100 START');
+      setTimeout(() => {
+        try {
+          let strJson = getInspectorByKey('ArkUX_Stage_DataPanel_TrackShadow_0100');
+          console.info('ArkUX_Stage_DataPanel_TrackShadow_0100 strJson  :' + JSON.stringify(strJson));
+          let obj = JSON.parse(strJson);
+          console.info("ArkUX_Stage_DataPanel_TrackShadow_0100 component obj is: " + JSON.stringify(obj));
+          console.info("ArkUX_Stage_DataPanel_TrackShadow_0100 component obj.$attrs is: " + JSON.stringify(obj.$attrs));
+          console.info("ArkUX_Stage_DataPanel_TrackShadow_0100 component obj.$attrs.trackShadow is: " +
+          JSON.stringify(obj.$attrs.trackShadow));
+          let trackShadow = obj.$attrs.trackShadow;
+          hilog.info(0x0000, 'testTag', '%{public}s', JSON.stringify(trackShadow.radius));
+          expect(trackShadow.radius).assertEqual("20.000000");
+          console.info('ArkUX_Stage_DataPanel_TrackShadow_0100 END ');
+          done();
+        } catch (err) {
+          expect().assertFail();
+          console.info('ArkUX_Stage_DataPanel_TrackShadow_0100 ERR  ' + JSON.stringify(err));
+          done();
+        }
+      }, 500)
+    });
+
+    /**
+     * @tc.number    ArkUX_Stage_DataPanel_TrackShadow_0200
+     * @tc.name      Tests the trackShadow property of the DataPanel component
+     * @tc.desc      DataPanel common components, set trackShadow property parameter to trackShadow.radius : -1
+     */
+    it('ArkUX_Stage_DataPanel_TrackShadow_0200', 0, async function (done) {
+      console.info('ArkUX_Stage_DataPanel_TrackShadow_0200 START');
+      setTimeout(() => {
+        try {
+          let strJson = getInspectorByKey('ArkUX_Stage_DataPanel_TrackShadow_0200');
+          console.info('ArkUX_Stage_DataPanel_TrackShadow_0200 strJson  :' + JSON.stringify(strJson));
+          let obj = JSON.parse(strJson);
+          console.info("ArkUX_Stage_DataPanel_TrackShadow_0200 component obj is: " + JSON.stringify(obj));
+          console.info("ArkUX_Stage_DataPanel_TrackShadow_0200 component obj.$attrs is: " + JSON.stringify(obj.$attrs));
+          console.info("ArkUX_Stage_DataPanel_TrackShadow_0200 component obj.$attrs.trackShadow is: " +
+          JSON.stringify(obj.$attrs.trackShadow));
+          expect(obj.$attrs.trackShadow.radius).assertEqual("-1.000000");
+          console.info('ArkUX_Stage_DataPanel_TrackShadow_0200 END ');
+          done();
+        } catch (err) {
+          expect().assertFail();
+          console.info('ArkUX_Stage_DataPanel_TrackShadow_0200 ERR  ' + JSON.stringify(err));
+          done();
+        }
+      }, 500)
+    });
+
+    /**
+     * @tc.number    ArkUX_Stage_DataPanel_TrackShadow_0300
+     * @tc.name      Tests the trackShadow property of the DataPanel component
+     * @tc.desc      DataPanel common components, set trackShadow property parameter to trackShadow.radius : ''
+     */
+    it('ArkUX_Stage_DataPanel_TrackShadow_0300', 0, async function (done) {
+      console.info('ArkUX_Stage_DataPanel_TrackShadow_0300 START');
+      setTimeout(() => {
+        try {
+          let strJson = getInspectorByKey('ArkUX_Stage_DataPanel_TrackShadow_0300');
+          console.info('ArkUX_Stage_DataPanel_TrackShadow_0300 strJson  :' + JSON.stringify(strJson));
+          let obj = JSON.parse(strJson);
+          console.info("ArkUX_Stage_DataPanel_TrackShadow_0300 component obj is: " + JSON.stringify(obj));
+          console.info("ArkUX_Stage_DataPanel_TrackShadow_0300 component obj.$attrs is: " + JSON.stringify(obj.$attrs));
+          console.info("ArkUX_Stage_DataPanel_TrackShadow_0300 component obj.$attrs.trackShadow is: " +
+          JSON.stringify(obj.$attrs.trackShadow));
+          expect(obj.$attrs.trackShadow.radius).assertEqual("5.000000");
+          console.info('ArkUX_Stage_DataPanel_TrackShadow_0300 END ');
+          done();
+        } catch (err) {
+          expect().assertFail();
+          console.info('ArkUX_Stage_DataPanel_TrackShadow_0300 ERR  ' + JSON.stringify(err));
+          done();
+        }
+      }, 500)
+    });
+
+    /**
+     * @tc.number    ArkUX_Stage_DataPanel_TrackShadow_0400
+     * @tc.name      Tests the trackShadow property of the DataPanel component
+     * @tc.desc      DataPanel common components, set trackShadow property parameter to trackShadow.radius : null
+     */
+    it('ArkUX_Stage_DataPanel_TrackShadow_0400', 0, async function (done) {
+      console.info('ArkUX_Stage_DataPanel_TrackShadow_0400 START');
+      setTimeout(() => {
+        try {
+          let strJson = getInspectorByKey('ArkUX_Stage_DataPanel_TrackShadow_0400');
+          console.info('ArkUX_Stage_DataPanel_TrackShadow_0400 strJson  :' + JSON.stringify(strJson));
+          let obj = JSON.parse(strJson);
+          console.info("ArkUX_Stage_DataPanel_TrackShadow_0400 component obj is: " + JSON.stringify(obj));
+          console.info("ArkUX_Stage_DataPanel_TrackShadow_0400 component obj.$attrs is: " + JSON.stringify(obj.$attrs));
+          console.info("ArkUX_Stage_DataPanel_TrackShadow_0400 component obj.$attrs.trackShadow is: " +
+          JSON.stringify(obj.$attrs.trackShadow));
+          expect(obj.$attrs.trackShadow.radius).assertEqual("5.000000");
+          console.info('ArkUX_Stage_DataPanel_TrackShadow_0400 END ');
+          done();
+        } catch (err) {
+          expect().assertFail();
+          console.info('ArkUX_Stage_DataPanel_TrackShadow_0400 ERR  ' + JSON.stringify(err));
+          done();
+        }
+      }, 500)
+    });
+
+    /**
+     * @tc.number    ArkUX_Stage_DataPanel_TrackShadow_0500
+     * @tc.name      Tests the trackShadow property of the DataPanel component
+     * @tc.desc      DataPanel common components, set trackShadow property parameter to trackShadow.radius : undefined
+     */
+    it('ArkUX_Stage_DataPanel_TrackShadow_0500', 0, async function (done) {
+      console.info('ArkUX_Stage_DataPanel_TrackShadow_0500 START');
+      setTimeout(() => {
+        try {
+          let strJson = getInspectorByKey('ArkUX_Stage_DataPanel_TrackShadow_0500');
+          console.info('ArkUX_Stage_DataPanel_TrackShadow_0500 strJson  :' + JSON.stringify(strJson));
+          let obj = JSON.parse(strJson);
+          console.info("ArkUX_Stage_DataPanel_TrackShadow_0500 component obj is: " + JSON.stringify(obj));
+          console.info("ArkUX_Stage_DataPanel_TrackShadow_0500 component obj.$attrs is: " + JSON.stringify(obj.$attrs));
+          console.info("ArkUX_Stage_DataPanel_TrackShadow_0500 component obj.$attrs.trackShadow is: " +
+          JSON.stringify(obj.$attrs.trackShadow));
+          expect(obj.$attrs.trackShadow.radius).assertEqual("5.000000");
+          console.info('ArkUX_Stage_DataPanel_TrackShadow_0500 END ');
+          done();
+        } catch (err) {
+          expect().assertFail();
+          console.info('ArkUX_Stage_DataPanel_TrackShadow_0500 ERR  ' + JSON.stringify(err));
+          done();
+        }
+      }, 500)
+    });
+
+    /**
+     * @tc.number    ArkUX_Stage_DataPanel_TrackShadow_0600
+     * @tc.name      Tests the trackShadow property of the DataPanel component
+     * @tc.desc      DataPanel common components, set trackShadow property parameter to trackShadow.offsetX : 15
+     */
+    it('ArkUX_Stage_DataPanel_TrackShadow_0600', 0, async function (done) {
+      console.info('ArkUX_Stage_DataPanel_TrackShadow_0600 START');
+      setTimeout(() => {
+        try {
+          let strJson = getInspectorByKey('ArkUX_Stage_DataPanel_TrackShadow_0600');
+          console.info('ArkUX_Stage_DataPanel_TrackShadow_0600 strJson  :' + JSON.stringify(strJson));
+          let obj = JSON.parse(strJson);
+          console.info("ArkUX_Stage_DataPanel_TrackShadow_0600 component obj is: " + JSON.stringify(obj));
+          console.info("ArkUX_Stage_DataPanel_TrackShadow_0600 component obj.$attrs is: " + JSON.stringify(obj.$attrs));
+          console.info("ArkUX_Stage_DataPanel_TrackShadow_0600 component obj.$attrs.trackShadow is: " +
+          JSON.stringify(obj.$attrs.trackShadow));
+          expect(obj.$attrs.trackShadow.offsetX).assertEqual("15.000000");
+          console.info('ArkUX_Stage_DataPanel_TrackShadow_0600 END ');
+          done();
+        } catch (err) {
+          expect().assertFail();
+          console.info('ArkUX_Stage_DataPanel_TrackShadow_0600 ERR  ' + JSON.stringify(err));
+          done();
+        }
+      }, 500)
+    });
+
+    /**
+     * @tc.number    ArkUX_Stage_DataPanel_TrackShadow_0700
+     * @tc.name      Tests the trackShadow property of the DataPanel component
+     * @tc.desc      DataPanel common components, set trackShadow property parameter to trackShadow.offsetX : -10
+     */
+    it('ArkUX_Stage_DataPanel_TrackShadow_0700', 0, async function (done) {
+      console.info('ArkUX_Stage_DataPanel_TrackShadow_0700 START');
+      setTimeout(() => {
+        try {
+          let strJson = getInspectorByKey('ArkUX_Stage_DataPanel_TrackShadow_0700');
+          console.info('ArkUX_Stage_DataPanel_TrackShadow_0700 strJson  :' + JSON.stringify(strJson));
+          let obj = JSON.parse(strJson);
+          console.info("ArkUX_Stage_DataPanel_TrackShadow_0700 component obj is: " + JSON.stringify(obj));
+          console.info("ArkUX_Stage_DataPanel_TrackShadow_0700 component obj.$attrs is: " + JSON.stringify(obj.$attrs));
+          console.info("ArkUX_Stage_DataPanel_TrackShadow_0700 component obj.$attrs.trackShadow is: " +
+          JSON.stringify(obj.$attrs.trackShadow));
+          expect(obj.$attrs.trackShadow.offsetX).assertEqual("-10.000000");
+          console.info('ArkUX_Stage_DataPanel_TrackShadow_0700 END ');
+          done();
+        } catch (err) {
+          expect().assertFail();
+          console.info('ArkUX_Stage_DataPanel_TrackShadow_0700 ERR  ' + JSON.stringify(err));
+          done();
+        }
+      }, 500)
+    });
+
+    /**
+     * @tc.number    ArkUX_Stage_DataPanel_TrackShadow_0800
+     * @tc.name      Tests the trackShadow property of the DataPanel component
+     * @tc.desc      DataPanel common components, set trackShadow property parameter to trackShadow.offsetX : ''
+     */
+    it('ArkUX_Stage_DataPanel_TrackShadow_0800', 0, async function (done) {
+      console.info('ArkUX_Stage_DataPanel_TrackShadow_0800 START');
+      setTimeout(() => {
+        try {
+          let strJson = getInspectorByKey('ArkUX_Stage_DataPanel_TrackShadow_0800');
+          console.info('ArkUX_Stage_DataPanel_TrackShadow_0800 strJson  :' + JSON.stringify(strJson));
+          let obj = JSON.parse(strJson);
+          console.info("ArkUX_Stage_DataPanel_TrackShadow_0800 component obj is: " + JSON.stringify(obj));
+          console.info("ArkUX_Stage_DataPanel_TrackShadow_0800 component obj.$attrs is: " + JSON.stringify(obj.$attrs));
+          console.info("ArkUX_Stage_DataPanel_TrackShadow_0800 component obj.$attrs.trackShadow is: " +
+          JSON.stringify(obj.$attrs.trackShadow));
+          expect(obj.$attrs.trackShadow.offsetX).assertEqual("5.000000");
+          console.info('ArkUX_Stage_DataPanel_TrackShadow_0800 END ');
+          done();
+        } catch (err) {
+          expect().assertFail();
+          console.info('ArkUX_Stage_DataPanel_TrackShadow_0800 ERR  ' + JSON.stringify(err));
+          done();
+        }
+      }, 500)
+    });
+
+    /**
+     * @tc.number    ArkUX_Stage_DataPanel_TrackShadow_0900
+     * @tc.name      Tests the trackShadow property of the DataPanel component
+     * @tc.desc      DataPanel common components, set trackShadow property parameter to trackShadow.offsetX : null
+     */
+    it('ArkUX_Stage_DataPanel_TrackShadow_0900', 0, async function (done) {
+      console.info('ArkUX_Stage_DataPanel_TrackShadow_0900 START');
+      setTimeout(() => {
+        try {
+          let strJson = getInspectorByKey('ArkUX_Stage_DataPanel_TrackShadow_0900');
+          console.info('ArkUX_Stage_DataPanel_TrackShadow_0900 strJson  :' + JSON.stringify(strJson));
+          let obj = JSON.parse(strJson);
+          console.info("ArkUX_Stage_DataPanel_TrackShadow_0900 component obj is: " + JSON.stringify(obj));
+          console.info("ArkUX_Stage_DataPanel_TrackShadow_0900 component obj.$attrs is: " + JSON.stringify(obj.$attrs));
+          console.info("ArkUX_Stage_DataPanel_TrackShadow_0900 component obj.$attrs.trackShadow is: " +
+          JSON.stringify(obj.$attrs.trackShadow));
+          expect(obj.$attrs.trackShadow.offsetX).assertEqual("5.000000");
+          console.info('ArkUX_Stage_DataPanel_TrackShadow_0900 END ');
+          done();
+        } catch (err) {
+          expect().assertFail();
+          console.info('ArkUX_Stage_DataPanel_TrackShadow_0900 ERR  ' + JSON.stringify(err));
+          done();
+        }
+      }, 500)
+    });
+
+    /**
+     * @tc.number    ArkUX_Stage_DataPanel_TrackShadow_1000
+     * @tc.name      Tests the trackShadow property of the DataPanel component
+     * @tc.desc      DataPanel common components, set trackShadow property parameter to trackShadow.offsetX : undefined
+     */
+    it('ArkUX_Stage_DataPanel_TrackShadow_1000', 0, async function (done) {
+      console.info('ArkUX_Stage_DataPanel_TrackShadow_1000 START');
+      setTimeout(() => {
+        try {
+          let strJson = getInspectorByKey('ArkUX_Stage_DataPanel_TrackShadow_1000');
+          console.info('ArkUX_Stage_DataPanel_TrackShadow_1000 strJson  :' + JSON.stringify(strJson));
+          let obj = JSON.parse(strJson);
+          console.info("ArkUX_Stage_DataPanel_TrackShadow_1000 component obj is: " + JSON.stringify(obj));
+          console.info("ArkUX_Stage_DataPanel_TrackShadow_1000 component obj.$attrs is: " + JSON.stringify(obj.$attrs));
+          console.info("ArkUX_Stage_DataPanel_TrackShadow_1000 component obj.$attrs.trackShadow is: " +
+          JSON.stringify(obj.$attrs.trackShadow));
+          expect(obj.$attrs.trackShadow.offsetX).assertEqual("5.000000");
+          console.info('ArkUX_Stage_DataPanel_TrackShadow_1000 END ');
+          done();
+        } catch (err) {
+          expect().assertFail();
+          console.info('ArkUX_Stage_DataPanel_TrackShadow_1000 ERR  ' + JSON.stringify(err));
+          done();
+        }
+      }, 500)
+    });
+
+    /**
+     * @tc.number    ArkUX_Stage_DataPanel_TrackShadow_1100
+     * @tc.name      Tests the trackShadow property of the DataPanel component
+     * @tc.desc      DataPanel common components, set trackShadow property parameter to trackShadow.offsetY : 15
+     */
+    it('ArkUX_Stage_DataPanel_TrackShadow_1100', 0, async function (done) {
+      console.info('ArkUX_Stage_DataPanel_TrackShadow_1100 START');
+      setTimeout(() => {
+        try {
+          let strJson = getInspectorByKey('ArkUX_Stage_DataPanel_TrackShadow_1100');
+          console.info('ArkUX_Stage_DataPanel_TrackShadow_1100 strJson  :' + JSON.stringify(strJson));
+          let obj = JSON.parse(strJson);
+          console.info("ArkUX_Stage_DataPanel_TrackShadow_1100 component obj is: " + JSON.stringify(obj));
+          console.info("ArkUX_Stage_DataPanel_TrackShadow_1100 component obj.$attrs is: " + JSON.stringify(obj.$attrs));
+          console.info("ArkUX_Stage_DataPanel_TrackShadow_1100 component obj.$attrs.trackShadow is: " +
+          JSON.stringify(obj.$attrs.trackShadow));
+          expect(obj.$attrs.trackShadow.offsetY).assertEqual("15.000000");
+          console.info('ArkUX_Stage_DataPanel_TrackShadow_1100 END ');
+          done();
+        } catch (err) {
+          expect().assertFail();
+          console.info('ArkUX_Stage_DataPanel_TrackShadow_1100 ERR  ' + JSON.stringify(err));
+          done();
+        }
+      }, 500)
+    });
+
+    /**
+     * @tc.number    ArkUX_Stage_DataPanel_TrackShadow_1200
+     * @tc.name      Tests the trackShadow property of the DataPanel component
+     * @tc.desc      DataPanel common components, set trackShadow property parameter to trackShadow.offsetY : -10
+     */
+    it('ArkUX_Stage_DataPanel_TrackShadow_1200', 0, async function (done) {
+      console.info('ArkUX_Stage_DataPanel_TrackShadow_1200 START');
+      setTimeout(() => {
+        try {
+          let strJson = getInspectorByKey('ArkUX_Stage_DataPanel_TrackShadow_1200');
+          console.info('ArkUX_Stage_DataPanel_TrackShadow_1200 strJson  :' + JSON.stringify(strJson));
+          let obj = JSON.parse(strJson);
+          console.info("ArkUX_Stage_DataPanel_TrackShadow_1200 component obj is: " + JSON.stringify(obj));
+          console.info("ArkUX_Stage_DataPanel_TrackShadow_1200 component obj.$attrs is: " + JSON.stringify(obj.$attrs));
+          console.info("ArkUX_Stage_DataPanel_TrackShadow_1200 component obj.$attrs.trackShadow is: " +
+          JSON.stringify(obj.$attrs.trackShadow));
+          expect(obj.$attrs.trackShadow.offsetY).assertEqual("-10.000000");
+          console.info('ArkUX_Stage_DataPanel_TrackShadow_1200 END ');
+          done();
+        } catch (err) {
+          expect().assertFail();
+          console.info('ArkUX_Stage_DataPanel_TrackShadow_1200 ERR  ' + JSON.stringify(err));
+          done();
+        }
+      }, 500)
+    });
+
+    /**
+     * @tc.number    ArkUX_Stage_DataPanel_TrackShadow_1300
+     * @tc.name      Tests the trackShadow property of the DataPanel component
+     * @tc.desc      DataPanel common components, set trackShadow property parameter to trackShadow.offsetY : ''
+     */
+    it('ArkUX_Stage_DataPanel_TrackShadow_1300', 0, async function (done) {
+      console.info('ArkUX_Stage_DataPanel_TrackShadow_1300 START');
+      setTimeout(() => {
+        try {
+          let strJson = getInspectorByKey('ArkUX_Stage_DataPanel_TrackShadow_1300');
+          console.info('ArkUX_Stage_DataPanel_TrackShadow_1300 strJson  :' + JSON.stringify(strJson));
+          let obj = JSON.parse(strJson);
+          console.info("ArkUX_Stage_DataPanel_TrackShadow_1300 component obj is: " + JSON.stringify(obj));
+          console.info("ArkUX_Stage_DataPanel_TrackShadow_1300 component obj.$attrs is: " + JSON.stringify(obj.$attrs));
+          console.info("ArkUX_Stage_DataPanel_TrackShadow_1300 component obj.$attrs.trackShadow is: " +
+          JSON.stringify(obj.$attrs.trackShadow));
+          expect(obj.$attrs.trackShadow.offsetY).assertEqual("5.000000");
+          console.info('ArkUX_Stage_DataPanel_TrackShadow_1300 END ');
+          done();
+        } catch (err) {
+          expect().assertFail();
+          console.info('ArkUX_Stage_DataPanel_TrackShadow_1300 ERR  ' + JSON.stringify(err));
+          done();
+        }
+      }, 500)
+    });
+
+    /**
+     * @tc.number    ArkUX_Stage_DataPanel_TrackShadow_1400
+     * @tc.name      Tests the trackShadow property of the DataPanel component
+     * @tc.desc      DataPanel common components, set trackShadow property parameter to trackShadow.offsetY : null
+     */
+    it('ArkUX_Stage_DataPanel_TrackShadow_1400', 0, async function (done) {
+      console.info('ArkUX_Stage_DataPanel_TrackShadow_1400 START');
+      setTimeout(() => {
+        try {
+          let strJson = getInspectorByKey('ArkUX_Stage_DataPanel_TrackShadow_1400');
+          console.info('ArkUX_Stage_DataPanel_TrackShadow_1400 strJson  :' + JSON.stringify(strJson));
+          let obj = JSON.parse(strJson);
+          console.info("ArkUX_Stage_DataPanel_TrackShadow_1400 component obj is: " + JSON.stringify(obj));
+          console.info("ArkUX_Stage_DataPanel_TrackShadow_1400 component obj.$attrs is: " + JSON.stringify(obj.$attrs));
+          console.info("ArkUX_Stage_DataPanel_TrackShadow_1400 component obj.$attrs.trackShadow is: " +
+          JSON.stringify(obj.$attrs.trackShadow));
+          expect(obj.$attrs.trackShadow.offsetY).assertEqual("5.000000");
+          console.info('ArkUX_Stage_DataPanel_TrackShadow_1400 END ');
+          done();
+        } catch (err) {
+          expect().assertFail();
+          console.info('ArkUX_Stage_DataPanel_TrackShadow_1400 ERR  ' + JSON.stringify(err));
+          done();
+        }
+      }, 500)
+    });
   })
 }
\ No newline at end of file