允许从highchart工具提示输入文本(写回)

时间:2018-08-23 19:49:02

标签: javascript highcharts

我正在尝试允许通过工具提示指定文本输入。我能够通过设置useHTML = true添加一个输入框,并通过将指标事件设置为自动使其可点击。我仍然无法在框中输入任何文本。有可能吗?

实时演示:http://jsfiddle.net/SeCAB/670/

tooltip: {
  useHTML: true,
  style: {
    pointerEvents: 'auto'
  }
},

取自Clickable link in tooltip of Highcharts

工具提示中网址下方的输入框不可编辑(无法输入任何文本)

1 个答案:

答案 0 :(得分:0)

默认情况下,Highcharts会阻止专注于输入。您可以通过集中输入来解决此问题。

演示:

http://jsfiddle.net/BlackLabel/f6hzrxj8/

摘要:

document.addEventListener('click', function(e) {
  if (e.target && e.target.classList.contains('tooltip-input')) {
    e.target.focus();
  }
})

注意:由于您的输入是动态的,因此需要事件委托。