【问题标题】:client event on iphone is not working on morris bar chartiphone上的客户端事件在莫里斯条形图上不起作用
【发布时间】:2017-10-22 02:57:19
【问题描述】:
 <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 浏览器上运行良好,但我不明白为什么点击事件在 iphone 上不起作用。我被卡住了,请帮帮我!

【问题讨论】:

    标签: javascript jquery github morris.js


    【解决方案1】:

    我也遇到了同样的问题。

    在 iPhone 中,Hover 被视为一次点击,因此通过设置 HideHover: "always" 禁用工具提示对我来说效果很好。

    【讨论】:

      猜你喜欢
      • 1970-01-01
      • 1970-01-01
      • 2015-11-26
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 2015-04-22
      • 1970-01-01
      • 1970-01-01
      相关资源
      最近更新 更多