diff --git a/src/components/chart/Chart.vue b/src/components/chart/Chart.vue
index 8d3b26d5f..3b31a44ca 100644
--- a/src/components/chart/Chart.vue
+++ b/src/components/chart/Chart.vue
@@ -9,7 +9,7 @@
 
 <script>
   import { onMounted, onBeforeUnmount, watch } from 'vue';
-  import { cloneDeep, defaultsDeep, isEqual, debounce } from 'lodash-es';
+  import { cloneDeep, isEqual, debounce } from 'lodash-es';
   import EvChart from './chart.core';
   import { useModel, useWrapper } from './uses';
 
@@ -40,10 +40,13 @@
 
       const {
         eventListeners,
-        normalizedData,
-        normalizedOptions,
+        getNormalizedData,
+        getNormalizedOptions,
       } = useModel();
 
+      const normalizedData = getNormalizedData(props.data);
+      const normalizedOptions = getNormalizedOptions(props.options);
+
       const {
         wrapper,
         wrapperStyle,
@@ -71,8 +74,8 @@
         await createChart();
         await drawChart();
 
-        await watch(() => props.options, (curr) => {
-          const newOpt = defaultsDeep({}, curr, normalizedOptions);
+        await watch(() => props.options, (chartOpt) => {
+          const newOpt = getNormalizedOptions(chartOpt);
           evChart.options = cloneDeep(newOpt);
           evChart.update({
             updateSeries: false,
@@ -80,8 +83,8 @@
           });
         }, { deep: true });
 
-        await watch(() => props.data, (curr) => {
-          const newData = defaultsDeep({}, curr, normalizedData);
+        await watch(() => props.data, (chartData) => {
+          const newData = getNormalizedData(chartData);
           const isUpdateSeries = !isEqual(newData.series, evChart.data.series);
           evChart.data = cloneDeep(newData);
           evChart.update({
diff --git a/src/components/chart/uses.js b/src/components/chart/uses.js
index 7ee377ede..6081f3c5b 100644
--- a/src/components/chart/uses.js
+++ b/src/components/chart/uses.js
@@ -93,10 +93,10 @@ const DEFAULT_DATA = {
 };
 
 export const useModel = () => {
-  const { props, emit } = getCurrentInstance();
+  const { emit } = getCurrentInstance();
 
-  const normalizedOptions = defaultsDeep({}, props.options, DEFAULT_OPTIONS);
-  const normalizedData = defaultsDeep(props.data, DEFAULT_DATA);
+  const getNormalizedOptions = options => defaultsDeep({}, options, DEFAULT_OPTIONS);
+  const getNormalizedData = data => defaultsDeep(data, DEFAULT_DATA);
 
   const eventListeners = {
     click: async (e) => {
@@ -115,8 +115,8 @@ export const useModel = () => {
 
   return {
     eventListeners,
-    normalizedData,
-    normalizedOptions,
+    getNormalizedData,
+    getNormalizedOptions,
   };
 };