将文本调整为高图工具提示最大宽度

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

简单的HTML的东西是什么在起作用？

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

不适合highcharts提示工作，看到http://jsfiddle.net/perikut/hNCDb/2/

来源

2013-02-09 user1249791

默认white-space设置nowrap，你应该将其更改为normal。

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

DEMO

来源

2013-02-09 19:54:44

谢谢，这个解决方案正在为我工作。我不得不做一些小的改动，以便我可以在工具提示中使用一个nowrap span：'.highcharts-tooltip> span { – Dennie 2017-07-14 07:38:38

如果你只是想改变white-space行为国税发提示为一个单一的图表和/或seperately控制风格为每个图表，你可以用下面的办法：

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

Demo

请注意，您可以/应该使用类名与inl如果你想重复使用相同样式的多个工具提示，请使用ine样式。

来源

2013-11-08 21:49:57

只需将此添加到图表选项：

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; 
}

你是好去！ ;-)

来源

2014-10-29 12:42:57

将文本调整为高图工具提示最大宽度

回答

相关问题