6

我正在尝试为我的应用程序复制这个小提琴的行为。当我在 PC 或 Mac 上时，一切正常。我还在一些平板电脑上进行了测试，但它不想在 iPad 上工作，这是我的应用程序的庞大用户群。

[http://jsfiddle.net/PLUpR/show/][1]

任何帮助将不胜感激！！！

4

4 回答 4

2

您可以在该点上捕获点击事件并加载 url 链接。

data : [{
                x : Date.UTC(2011, 3, 25),
                title : 'H',
                url: 'http://www.google.com',
                text : 'google'
            }],
            point:{
                events:{
                    click: function(){
                        var url = this.url;
                        window.open(url,'_blank');
                    }
                },
            },

请参阅示例：http: //jsfiddle.net/PLUpR/3/

于 2014-03-18T10:59:25.277 回答
2

就像 Sebastian Bochan 提到的那样，这似乎是一个 Safari 问题，而不是一般的安全问题，它不允许使用 javascript 打开窗口。打开新窗口的请求需要像点击链接一样由用户发起，而不是通过 javascript 代码块；

尽管您已将文本设置为

<a href="http://www.google.com"> google </a>

Highcharts 为工具提示中的链接生成 SVG 跨度，并且该跨度具有打开一个窗口的 onclick 处理程序。请参阅下面为标志工具提示生成的默认 html/svg

<text x="8" y="21" zIndex="1" style="font-size:12px;color:#333333;width:200px;fill:#333333;">      
   <tspan style="font-size: 10px" x="8">Monday, Apr 25, 2011</tspan>
   <tspan onclick="location.href=&quot;http://www.google.com&quot;" x="8" dy="16" style="cursor: pointer;"> google </tspan>
</text>

Safari 将不允许onclick="location.href=&quot;http://www.google.com&quot;"

幸运的是，Highcharts 允许您跳过 SVG，并在工具提示中使用直接 html。您需要做的就是将tooltip.useHTML设置为 true，默认情况下为 false。瞧，现在为工具提示生成了以下 HTML，我相信 Safari 不会对此有任何问题，以为我自己无法尝试

<div class="highcharts-tooltip" style="position: absolute; left: 912px; top: 70px; visibility: visible;">
   <span style="position: absolute; white-space: nowrap; font-family: 'Lucida Grande', 'Lucida Sans Unicode', Verdana, Arial, Helvetica, sans-serif; font-size: 12px; color: rgb(51, 51, 51); margin-left: 0px; margin-top: 0px; left: 8px; top: 8px;" zindex="1">
     <span style="font-size: 10px">Sunday, Mar 24, 18:34:45</span><br>
       <a href="http://www.google.com"> google </a><br>
   </span>
</div>

演示@jsFiddle

于 2014-03-18T18:38:18.000 回答
2

纯属巧合，我碰巧遇到了这个资源。

将此代码添加到您的 js 脚本中，它可以解决单击移动设备的问题！！添加后，iPad 浏览器会按预期对画布和工具提示的点击做出反应。

于 2014-03-19T13:43:37.413 回答
0

仅仅使用HTML 是不够的。

tooltip: {
  useHTML: true,
  style: {
    pointerEvents: 'auto'
  }
},
于 2017-05-31T16:27:21.203 回答