流程图显示异常

liang2013

客户的服务器上显示流程图异常（如图），看着像是缩小了似的。但是在我自己的测试环境下显示是正常的，请问怎么解决这个问题？

liang2013

html是这样：

1. <div xid="processChart_trackContent" class="x-contents-content  x-scroll-h cRfaQ3m active" component="$model/UI2/system/components/justep/contents/content" data-bind="component:{name:'$model/UI2/system/components/justep/contents/content'}" __cid="cRfaQ3m" id="C81E2A3665000001D0541F9014831C98_processChart_trackContent">
   
2.         <div class="x-track-container cRfaQ3m" xid="processChart_trackContainer" __cid="cRfaQ3m" id="C81E2A3665000001D0541F9014831C98_processChart_trackContainer" style="margin-top: 23px;"><svg width="100" height="100" version="1.1%"><rect fill="green" stroke-width="undefined" stroke="green" width="102" height="30" x="170" y="108" rx="5"></rect><text style="fill: black;" x="193" y="126">发起填报</text><rect fill="green" stroke-width="undefined" stroke="green" width="102" height="30" x="170" y="167" rx="5"></rect><text style="fill: black;" x="165" y="185">四级单位领导审核</text><rect fill="#ffffff" stroke-width="1" stroke="#000000" width="undefined" height="undefined" x="100" y="100" rx="5"></rect><text style="fill: black;" x="NaN" y="NaN">三级单位领导审核</text><rect fill="#ffffff" stroke-width="1" stroke="#000000" width="undefined" height="undefined" x="100" y="171" rx="5"></rect><text style="fill: black;" x="NaN" y="NaN">院计划发展部审批</text><polyline fill="#ffffff" stroke-width="1" stroke="#000000" points="100 NaN NaN 242 NaN NaN NaN NaN 100 NaN"></polyline><text style="fill: black;" x="NaN" y="NaN">是否三级单位</text><circle fill="green" stroke-width="undefined" stroke="green" cx="221" cy="246" r="20"></circle><text style="fill: black;" x="207" y="249">结束</text><circle fill="green" stroke-width="undefined" stroke="green" cx="221" cy="59" r="20"></circle><text style="fill: black;" x="207" y="62">开始</text><path fill-opacity="0" stroke-width="1" stroke="#000000" d="M 0,0 L 1,1"></path><text style="fill: black;" x="0.5" y="0.5"></text><path d="M1 1 L-9 -2 L-9 4 Z"></path><path fill-opacity="0" stroke-width="1" stroke="#000000" d="M 0,0 L 1,1"></path><text style="fill: black;" x="0.5" y="0.5"></text><path d="M1 1 L-9 -2 L-9 4 Z"></path><text style="fill: black;" x="224" y="213.5"></text><path d="M224 226 L221 216 L227 216 Z" stroke="green" stroke-width="undefined"></path><path fill-opacity="0" stroke-width="1" stroke="#000000" d="M 0,0 L 1,1"></path><text style="fill: black;" x="0.5" y="0.5"></text><path d="M1 1 L-9 -2 L-9 4 Z"></path><path fill-opacity="0" stroke-width="1" stroke="#000000" d="M 0,0 L 1,1"></path><text style="fill: black;" x="0.5" y="0.5"></text><path d="M1 1 L-9 -2 L-9 4 Z"></path><path fill-opacity="0" stroke-width="1" stroke="#000000" d="M 0,0 L 1,1"></path><text style="fill: black;" x="-6.5" y="0.5">否</text><path d="M1 1 L-9 -2 L-9 4 Z"></path><path fill-opacity="0" stroke-width="1" stroke="#000000" d="M 0,0 L 1,1"></path><text style="fill: black;" x="-6.5" y="0.5">是</text><path d="M1 1 L-9 -2 L-9 4 Z"></path><path fill-opacity="0" stroke-width="undefined" stroke="green" d="M 224,83 L 224,108" fill="green"></path><text style="fill: black;" x="224" y="95.5"></text><path d="M224 108 L221 98 L227 98 Z" stroke="green" stroke-width="undefined"></path><path fill-opacity="0" stroke-width="undefined" stroke="green" d="M 224,201 L 224,226" fill="green"></path></svg></div>  
   
3.         <div __cid="cRfaQ3m" class="cRfaQ3m">
   
4.           <a component="$model/UI2/system/components/justep/button/button" class="btn btn-link btn-icon-left cRfaQ3m" data-bind="component:{name:'$model/UI2/system/components/justep/button/button'}" data-events="onClick:{operation: 'processChart.toggleHelp'}" data-config="{&quot;icon&quot;:&quot;glyphicon glyphicon-question-sign&quot;,&quot;label&quot;:&quot;图例&quot;}" __cid="cRfaQ3m" _xid="C81E2A366B4000014A841400148285B0">
   
5.             <i class="glyphicon glyphicon-question-sign cRfaQ3m" __cid="cRfaQ3m"></i>  
   
6.             <span __cid="cRfaQ3m" class="cRfaQ3m">图例</span>
   
7.           </a>
   
8.         </div>  
   
9.         <div class="x-track-help container-fluid cRfaQ3m" __cid="cRfaQ3m">
   
10.           <div class="row cRfaQ3m" __cid="cRfaQ3m">
    
11.             <div class="col-xs-3 col-md-1 cRfaQ3m" __cid="cRfaQ3m">
    
12.               <div class="x-track-line x-track-finished-line cRfaQ3m" __cid="cRfaQ3m"></div>
    
13.             </div>  
    
14.             <div class="col-xs-3 col-md-1 cRfaQ3m" __cid="cRfaQ3m">
    
15.               <label __cid="cRfaQ3m" class="cRfaQ3m">已经过</label>
    
16.             </div>  
    
17.             <div class="col-xs-3 col-md-1 cRfaQ3m" __cid="cRfaQ3m">
    
18.               <div class="x-track-line x-track-no-execute-line cRfaQ3m" __cid="cRfaQ3m"></div>
    
19.             </div>  
    
20.             <div class="col-xs-3 col-md-1 cRfaQ3m" __cid="cRfaQ3m">
    
21.               <label __cid="cRfaQ3m" class="cRfaQ3m">未经过</label>
    
22.             </div>  
    
23.             <div class="col-xs-3 col-md-1 cRfaQ3m" __cid="cRfaQ3m">
    
24.               <div class="x-track-line x-track-back-line cRfaQ3m" __cid="cRfaQ3m"></div>
    
25.             </div>  
    
26.             <div class="col-xs-3 col-md-1 cRfaQ3m" __cid="cRfaQ3m">
    
27.               <label __cid="cRfaQ3m" class="cRfaQ3m">回退</label>
    
28.             </div>  
    
29.             <div class="col-xs-3 col-md-1 cRfaQ3m" __cid="cRfaQ3m">
    
30.               <div class="x-track-activity x-track-active-activity cRfaQ3m" __cid="cRfaQ3m"></div>
    
31.             </div>  
    
32.             <div class="col-xs-3 col-md-1 cRfaQ3m" __cid="cRfaQ3m">
    
33.               <label __cid="cRfaQ3m" class="cRfaQ3m">当前</label>
    
34.             </div>  
    
35.             <div class="col-xs-3 col-md-1 cRfaQ3m" __cid="cRfaQ3m">
    
36.               <div class="x-track-activity x-track-finished-activity cRfaQ3m" __cid="cRfaQ3m"></div>
    
37.             </div>  
    
38.             <div class="col-xs-3 col-md-1 cRfaQ3m" __cid="cRfaQ3m">
    
39.               <label __cid="cRfaQ3m" class="cRfaQ3m">完成</label>
    
40.             </div>  
    
41.             <div class="col-xs-3 col-md-1 cRfaQ3m" __cid="cRfaQ3m">
    
42.               <div class="x-track-activity x-track-abort-activity cRfaQ3m" __cid="cRfaQ3m"></div>
    
43.             </div>  
    
44.             <div class="col-xs-3 col-md-1 cRfaQ3m" __cid="cRfaQ3m">
    
45.               <label __cid="cRfaQ3m" class="cRfaQ3m">终止</label>
    
46.             </div>  
    
47.             <div class="col-xs-3 col-md-1 cRfaQ3m" __cid="cRfaQ3m">
    
48.               <div class="x-track-activity x-track-suspend-activity cRfaQ3m" __cid="cRfaQ3m"></div>
    
49.             </div>  
    
50.             <div class="col-xs-3 col-md-1 cRfaQ3m" __cid="cRfaQ3m">
    
51.               <label __cid="cRfaQ3m" class="cRfaQ3m">暂停</label>
    
52.             </div>
    
53.           </div>
    
54.         </div>
    
55.       </div>

复制代码

jishuang

所有的流程都是这样的？
F12打开浏览器的开发人员调试工具定位看看显示流程图的区域宽高是什么

liang2013

可以了，可能是因为我之前更新的时候，更新的文件少了导致的，把procee里的所有文件都更新之后就正常了，可以结贴了，谢谢