1

米国のコロプレス マップの下に凡例を中央に配置しようとしています (作成したものと同様の一般的なマップの例)。私は JS や CSS にあまり詳しくありませんが、凡例のタグとそのデフォルト値を見つけられることを期待してdatamaps.all.min.js、ディレクトリにあるファイルを調べました。R-3.2.1\library\rMaps\libraries\datamaps\js私はこれを見つけました：

.datamaps-legend dt, .datamaps-legend dd { 
  float: left; 
  margin: 0 3px 0 0;

} .datamaps-legend dd {
  width: 20px; 
  margin-right: 6px; 
  border-radius: 3px;

} .datamaps-legend {
  padding-bottom: 20px; 
  z-index: 1001; 
  position: absolute; 
  left: 4px; 
  font-size: 12px; 
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;

}

これを次のように変更し、header.htmlファイルに含めました。

.datamaps-legend dt, .datamaps-legend dd { 
  float: left; 
  margin: 0 3px 0 0;

} .datamaps-legend dd {
  width: 20px; 
  margin-right: 6px; 
  border-radius: 3px;

} .datamaps-legend {
  padding-bottom: 20px; 
  z-index: 1001; 
  position: absolute; 
  left: 40px; 
  font-size: 10px; 
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;

}

.cssおそらくこれらの指示よりも優先される他のファイルがあるため、これらの変更は間違っているか、効果がないようです。現在、マップの関連部分は次のようになっています。

ここに画像の説明を入力

問題には、1) テキスト編集の不可解な太字とイタリック体の処理のように思われるものがあります: 私の ファイルでそれを修正し、.css 2) ただし"position: absolute"、グラフィックは下の表に流れます.

4

2 に答える 2

2

次のように、CSS を追加してデフォルトのスタイルをオーバーライドできるはずです。

.datamaps-legend {
  position: static;
}

.datamaps-legend dl {
  text-align: center;
  display: inline-block;
}
于 2015-08-06T15:50:21.140 に答える