將文本調整爲高圖工具提示最大寬度

我想垂直調整我的高圖工具提示中的文本（最大寬度已定義，所以如果文本不適合此最大寬度，請增加工具提示高度以適合文本）將文本調整爲高圖工具提示最大寬度

簡單的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

將文本調整爲高圖工具提示最大寬度

回答

相關問題