修改最小宽度

.idea/workspace.xml

 <project version="4">
   <component name="ChangeListManager">
     <list default="true" id="326b77ef-a0bc-4d8a-bd1c-34c4541ee400" name="Changes" comment="">
-      <change beforePath="$PROJECT_DIR$/project/src/components/detials/orderCharge.vue" beforeDir="false" afterPath="$PROJECT_DIR$/project/src/components/detials/orderCharge.vue" afterDir="false" />
+      <change beforePath="$PROJECT_DIR$/project/src/components/orderManage/charge.vue" beforeDir="false" afterPath="$PROJECT_DIR$/project/src/components/orderManage/charge.vue" afterDir="false" />
     </list>
     <option name="SHOW_DIALOG" value="false" />
     <option name="HIGHLIGHT_CONFLICTS" value="true" />

project/src/components/orderManage/charge.vue

           </div>
         </div>
         <div class="dataItem-data" style="position: relative">
-          <div style="min-width:500px;width:100%;height:50px;padding: 0 20px 0 10px" ref="chart"></div>
+          <div style="min-width:300px;width:100%;height:50px;padding: 0 20px 0 10px" ref="chart"></div>
           <div v-if="trendX&&trendX.length==0" style="position: absolute;top: 10px;left: 45%">-</div>
         </div>
       </div>