Jquery 从highcharts x轴标签启动引导模式?

Jquery 从highcharts x轴标签启动引导模式?,jquery,twitter-bootstrap,highcharts,twitter-bootstrap-3,bootstrap-modal,Jquery,Twitter Bootstrap,Highcharts,Twitter Bootstrap 3,Bootstrap Modal,我在highcharts中有一个以xaxis标签作为链接的折线图。当我点击它们时,我想打开一个小的引导模式。现在我把它们作为链接点击,但它们只是跳转到一个新页面,不打开模式。当我查看页面源代码时,它似乎正确地构建了链接。有人知道怎么做吗 我的Highcharts功能中的我的X轴: xAxis: { title: { text: 'Stock Price' }, labels:{ rotat

我在highcharts中有一个以xaxis标签作为链接的折线图。当我点击它们时,我想打开一个小的引导模式。现在我把它们作为链接点击,但它们只是跳转到一个新页面,不打开模式。当我查看页面源代码时,它似乎正确地构建了链接。有人知道怎么做吗

我的Highcharts功能中的我的X轴:

xAxis: {
          title: {
            text: 'Stock Price'
          },
          labels:{
            rotation: -45,
            formatter: function(){
              return '<a data-toggle="modal" href="details?price=' + this.value + '" data-target="#myModal">' + '$ ' + this.value + '</a>';
            },
            useHTML: true
          },
          categories: [#{strikeprices}]
        },
xAxis:{
标题:{
文字:“股价”
},
标签:{
轮调:-45,
格式化程序:函数(){
返回“”;
},
useHTML:true
},
类别:[{strikeprices}]
},
你能不能在页面的javascript中以这种方式构建一个模式链接,然后仍然激活它

谢谢你的帮助

根据和,适当的处理方法是找出访问标题上使用了哪些元素/类,并使用jQuery向它们添加侦听器以触发模式。大概是

$('elements that wrap the title').on('click', function() {
  $('#modalID').modal('show');
});

通过右键单击标题并执行“检查元素”,您应该能够在Chrome中获取元素。

我能够让它工作。但不确定这是否是最好的方法。我在a href标记中使用了javascript,如下所示:

xAxis: {
          title: {
            text: 'Stock Price'
          },
          labels:{
            rotation: -45,
            formatter: function(){
              return '<a href="javascript:$(\'#myModal\').modal({remote: \'/details?price=' + this.value + '\'});$(\'#myModal\').modal(\'show\');">' + '$ ' + this.value + '</a>';
            },
            useHTML: true
          },
          categories: [#{strikeprices}]
        },
xAxis:{
标题:{
文字:“股价”
},
标签:{
轮调:-45,
格式化程序:函数(){
返回“”;
},
useHTML:true
},
类别:[{strikeprices}]
},

请注意,有两个函数被调用。第一个设置传递x轴标签值的模式的远程url。然后第二个触发模态。这是可行的,但在这样的链接中启动JavaScript是一种不好的做法吗?

您可以使用扩展来捕获轴标签上的单击事件。

因此,在检查单个链接时,没有任何元素,只有我创建的链接:但是在覆盖所有这些链接的div上,有以下内容:。我会为onclick使用这些类中的一个吗?实际上,我是按照你的链接所说的不再工作的方式来做的。我不确定是否有highcharts的早期版本,或者这实际上是一种安全威胁,但这可以用于触发modal:formatter:function(){return“”;},但是现在如何将x轴标签值发送到该modal?或者使用此函数调用在查询字符串中传递值的远程模式的href?很抱歉,答案中没有明确说明这一点,但您可能应该完全删除自定义格式设置程序,然后连接到highcharts为您构建的默认元素/类。感谢Sean,我能够使用下面的解决方案,但是,正如您提供的链接中提到的,这不是最佳做法吗?我不完全清楚如何在没有客户格式化程序的情况下使其可点击。