33

これは次のとおりです。Twitter Bootstrap 3 で jQuery Sparklines を使用しようとしています。その過程で、Sparklines のツールチップのスタイルが失われ、Bootstrap css が Sparklines JS の何かをオーバーライドしていることは明らかです。

私が理解できる限り、それはtooltipセレクターに関係しています。

これがどのように見えるべきかの一例です。これにはBootstrap cssがありません。さまざまなスパークラインをポイントすると、値がホバリングしているきれいなツールチップが表示されます: JSfiddle, how it should look

残念ながら、ここに Bootstrap css を追加すると どうなるかを示します。JSfiddle、Bootstrap css でどのように見えるか

とても単純だと思いますが、Sparklines のデフォルトの css が js にハードコーディングされているため、海に出ています。

任意のポインタをいただければ幸いです。

4

5 に答える 5

9

これは、コンテンツに基づいてサイズを変更するのに最適であることがわかりました。

.jqstooltip {
  width: auto !important;
  height: auto !important;
}

于 2014-12-07T03:08:23.643 に答える
5

良い！私はそれを解決したようです。完璧ではありませんが、今のところは十分です: 他の人への参照用: スパークライン js: 354 行目に追加:

'padding: 5px 5px 15px 5px;' +
'min-height: 30px;' +
'min-width: 30px;' +

.さらに、871 行目を次のように変更しました。

this.width = this.sizetip.width() + 1;

に：

this.width = this.sizetip.width() + 12;

完璧ではありませんが、機能します。

于 2013-09-19T13:52:45.593 に答える