diff --git a/frontend/src/business/components/api/monitor/components/ApiErrorMonitorChart.vue b/frontend/src/business/components/api/monitor/components/ApiErrorMonitorChart.vue
index 1d6b513157..d71db80ad8 100644
--- a/frontend/src/business/components/api/monitor/components/ApiErrorMonitorChart.vue
+++ b/frontend/src/business/components/api/monitor/components/ApiErrorMonitorChart.vue
@@ -2,7 +2,7 @@
   <common-monitor-chart>
     <template>
       <div id="response-time-chart" :style="{ width:'100%',height:'100%' }">
-        <chart :options="getOptions()" :style="{ width:'100%' }" v-on:click="click"></chart>
+        <chart :option="getOptions()" :style="{ width:'100%' }" v-on:click="click"></chart>
       </div>
     </template>
   </common-monitor-chart>
diff --git a/frontend/src/business/components/api/monitor/components/ApiResponseTimeMonitorChart.vue b/frontend/src/business/components/api/monitor/components/ApiResponseTimeMonitorChart.vue
index dccd45060e..8424588f44 100644
--- a/frontend/src/business/components/api/monitor/components/ApiResponseTimeMonitorChart.vue
+++ b/frontend/src/business/components/api/monitor/components/ApiResponseTimeMonitorChart.vue
@@ -2,7 +2,7 @@
   <common-monitor-chart>
     <template>
       <div id="response-time-chart" :style="{ width:'100%',height:'100%' }">
-        <chart :options="getOptions()" :style="{ width:'100%' }"></chart>
+        <chart :option="getOptions()" :style="{ width:'100%' }"></chart>
       </div>
     </template>
   </common-monitor-chart>