如何使极坐标图中的标签不会自动分割？

Question

http://jsfiddle.net/7rLnwdxu/1/

这是代码。

我想让所有标签的行为与Word1_Word2一样（保持在一行）。即使它们之间有id（空格）或。

有可能吗？

谢谢！

Answer 1

您可以使用标签＆＃39;样式对象传递css来控制这个

labels: {
  style: {
    whiteSpace: 'nowrap'
  }
}

更新了小提琴：

• http://jsfiddle.net/jlbriggs/7rLnwdxu/2/

修改

为了1）满足可能出现的更复杂的标签要求，2）更加符合即将发布的Highcharts 5版本，它将风格和内容分开，你可以通过

来实现这一点。

1）在轴标签属性中设置useHTML：true

2）将公共标签类分配给包含标签的html元素，并

3）使用外部CSS指定所有必需的样式。

示例，图表代码：

labels: {
  useHTML: true,
  formatter: function() {
    return '<div class="category-label">'+this.value+'</div>'
  }
}

<强> CSS：

.category-label {
    white-space: nowrap;
    cursor: pointer;
    font-weight: bold;
}

更新了小提琴：

• http://jsfiddle.net/jlbriggs/7rLnwdxu/6/