2017-05-22 8 views
0
<div class="chart chart-md" id="morrisStacked"> </div>    
<script type="text/javascript">    
$(document).ready(function() {  
     ajxCall = $.ajax({ 
         type: "POST",  
         url: "/Graph/GetBarData?Inst=" + Inst + "&TimeType=" + TimeType + "&time=" + time + "&AddSub=" + AddSubM + "&Inverters=" + InvList + "&InvId=" + InvId+"&DayEnergy="+estimate,  // Location of the service 
         data: "",  //Data sent to server 
         contentType: "application/json; charset=utf-8", 
         dataType: "json", //Expected data format from server 
         success: function (result) { //On Successful service call 
          Loader(false); 
          if (AddSub == 0) { 
           _Chart = Morris.Bar({ 
            resize: true, 
            element: 'morrisStacked', 
            data: result[0].data, 
            ymax: result[0].Ymax, 
            xkey: 'y', 
            ykeys: result[0].ykeys, 
            labels: result[0].labels, 
            barColors: ['#0088cc', '#2baab1', '#8CC9E8', '#aa88cc', '#aaaab1', '#aaC9E8', '#bb88cc', '#bbaab1', '#bbC9E8', '#cc88cc', '#ccaab1', '#ccC9E8'], 
            fillOpacity: 0.7, 
            smooth: false, 
            stacked: document.getElementById("allInv").checked, 
            hideHover: true, 
            yLabelFormat: formatY, 
            hoverCallback: function (index, options, content, row) { 
             return content + "<div class='morris-hover-point' style='color:orange'>Forventet:" + formatY(row.Forventet) + "</div>"; 
            } 
           }); 
          } 
          else { 
           _Chart.options["ymax"]=result[0].Ymax; 
           _Chart.setData(result[0].data); 
          } 

Chart.on('click', function (i, row) {alert(row.y) })}</script> 

내 애플리케이션에서 morris 차트를 사용하고 있습니다. 사용자가 그래프에서 막대를 클릭 할 때 몇 가지 작업을 수행하려고합니다. 클릭 이벤트가 Chrome, Firefox, Safari 브라우저에서 정상적으로 작동하지만 click 이벤트가 iphone.i에서 작동하지 않는 이유가 무엇인지 모르겠다. 저를 도와주세요.iphone의 클라이언트 이벤트가 morris 막대 차트에서 작동하지 않습니다.

답변

0

같은 문제가 발생했습니다.

iPhone에서 Hover은 클릭으로 간주되므로 HideHover: "always"을 올바르게 설정하면 툴팁을 비활성화 할 수 있습니다.