9

ハイチャート ツールチップのテキストを垂直方向に調整したい (最大幅が定義されているため、テキストがこの最大幅に収まらない場合は、テキストが収まるようにツールチップの高さを増やします)

単純な HTML で何が機能するか...

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

ハイチャート ツールチップでは機能しません。http : //jsfiddle.net/perikut/hNCDb/2/ を参照してください。

4

3 に答える 3

18

デフォルトwhite-spaceは に設定されnowrapています。これを に変更する必要がありますnormal。

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

デモ

于 2013-02-09T19:54:44.073 に答える
4

これをチャートオプションに追加するだけです：

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-29T12:42:57.727 に答える