1

背景領域の例を使用しています。いくつか問題があります

  1. メソッドの説明の下のドキュメントではaddCustomTime、 id がクラス名として追加されていることが言及されていますが、このクラスへの変更は反映されていません。
  2. content背景領域のテキストを境界線を持つ背景領域と中央揃えにする方法は?
  3. setCurrentTime(time)また、マーカーのcssを変更するにはどうすればよいですか?

私のCSS

.vis-current-time {
  color: black !important;
  border: 2px;
  cursor: hand;
}

.milestone-1 {
  color: green !important;
  border: 2px;
  cursor: hand;
}

.vis-item.vis-background.positive {
  background-color: rgba(0, 0, 200, 0.2);
  cursor: hand;
}

.vis-item.vis-background.negative {
  background-color: rgba(255, 0, 0, 0.2);
  cursor: hand;
}

.vis-item-overflow.vis-item-content {
  left: auto !important;
  text-align: center !important;
  color: #ff0000 !important;
}

これが私の問題のプランカーリンクです。

アップデート

contentテキストを中央に揃えることができます。プランカーも更新しましたが、境界線が有効になりません

#visualization .vis-item.vis-background.positive .vis-item-content {
  width: 100%;
  text-align: center !important;
  border: 2px;
}
#visualization .vis-item.vis-background.negative .vis-item-content {
  width: 100%;
  text-align: center !important;
}
4

3 に答える 3

3

これがあなたのための解決策です。

1)しかし、このクラスへの変更は反映されません:

そのクラスに間違った値を使用したため、反映されません。色を変更するには、「背景色」などを使用する必要があります。以下の CSS コードを参照してください。

.milestone-1 {
  background-color: green;
  width: 5px;
  /* border: 2px solid red; */
}

2) コンテンツテキストを中央揃えにする方法

テキストを中央揃えにするには、「.vis-item-overflow」クラスの CSS を適用します。追加のスタイルを追加する必要はありません。

.vis-item-overflow {
  text-align: center;
}

3) また、setCurrentTime(time) マーカーの css を変更するにはどうすればよいですか

現在の時間マーカーにスタイルを適用するには、以下のように「.vis-current-time」クラスを使用できます。

.vis-current-time{
  background-color: black;
  width: 3px;
}

更新されたデモは次のとおりです: http://plnkr.co/edit/JVzCoYgltiy6DTL5SOAL?p=preview

これがあなたに役立つことを願っています...

于 2015-08-03T06:58:20.130 に答える
2

ボックス全体にツールチップを適用するには、以下の CSS スタイルを追加する必要があります。

.vis-background .vis-item-content {
    z-index: 11111;
    height: 100%;
    width: 100%;
}

デモをチェック: http://plnkr.co/edit/JVzCoYgltiy6DTL5SOAL?p=preview

于 2015-08-03T09:35:02.960 に答える