highcharts - xAxis 标签和 useHTML #1 的问题

Question

我在使用 xAxis 标签和 useHTML 时遇到问题:

我们将 xAxis 标签包装在一个 div 中，并使用 onclick 方法调用另一个 JS 函数。这可以在这里看到...

http://jsfiddle.net/yg2SF/1/

但是，如果您单击 xAxis 标签，则没有任何反应...

为了解决这个问题，我将 useHTML 标志更改为 true，如此处所示...您会注意到现在 onclick 方法可以工作了。

useHTML:true

http://jsfiddle.net/yg2SF/2/

但是，现在标签不必要地换行...您可以看到 xAxis 标签现在跨越 2 行。为什么会这样，我该如何解决？

Answer 1

为内联标签设置样式宽度，请参阅:http://jsfiddle.net/yg2SF/8/

            formatter: function() {
                return '<div style="width:70px" onclick="alert(\''+this.value+'\')">'+this.value+'</div>';    
            }

您的评论:
<a>标签被翻译成 SVG，<div>带有自定义 onclick 的标签不是。