Highcharts 将文本调整为highchart工具提示最大宽度

我想垂直调整highcharts工具提示中的文本（定义了最大宽度，因此如果文本不适合此最大宽度，请增加工具提示高度以适合文本）

什么对简单的HTML内容有效

#my_div
{
   height:auto;
   max-width:140px;
   overflow:auto
}

---

不适用于highcharts工具提示，请参见默认设置

空白
设置
nowrap
，您应该将其更改为
normal

.highcharts-tooltip span {
    height:auto;
    width:140px;
    background-color:green;
    overflow:auto;
    white-space:normal !important; // add this line...
}

如果您只想更改单个图表的工具提示的
空白
行为和/或单独控制每个图表的样式，可以使用以下方法：

 tooltip: {
    useHTML: true,
    formatter: function() {
        return "<div style='width: 400px; white-space:normal;'>" + this.points[0].point.yourDataPointValue + "</div>";
    }  
 }

工具提示：{
是的，
格式化程序：函数（）{
返回“+this.points[0].point.yourDataPointValue+”；
}  
}


请注意，如果要对多个工具提示重复使用同一样式，则可以/应该使用类名而不是内联样式。
只需将其添加到图表选项：

tooltip:{
    shared: false,
    useHTML: true
}

然后将以下内容添加到CSS中：

.highcharts-tooltip span {
    height:auto !important;
    width:140px !important;
    max-width:140px !important;
    overflow:auto !important;
    white-space:normal !important; 
}

你可以走了！；-）
 谢谢，这个解决方案对我有效。我不得不做一个小改动，这样我就可以在工具提示中使用nowrap span:
.highcharts工具提示span{
谢谢，这就成功了！