R，rMaps，datamaps：移动等值线图的图例

Question

我试图将这个传说置于美国的一个等值区域地图（an example of a generic map similar to what I've created）之下。我对JS或CSS不太熟悉，但我在insert into Writers(type) values('my string')目录中的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; } 文件优先于这些指令。目前，地图的相关部分如下所示：

问题包括 1）对我来说，对于文本来说似乎是一种莫名其妙的粗体和斜体处理 编辑：修复了我.css文件和2 ）虽然.css，图形会流到下面的表格中。

Answer 1

您应该可以添加一些CSS来覆盖默认样式，如下所示：

.datamaps-legend {
  position: static;
}

.datamaps-legend dl {
  text-align: center;
  display: inline-block;
}

Answer 2

所以我按照@markmarkoh的建议最终做的是修改位于chart.html的模板脚本~\R-3.2.1\library\rCharts\libraries\datamaps\layouts并从

更改它的最终结果

<style>
.datamaps {
  position: relative;
}
</style>

到

<style>
.datamaps {
  position: relative;
  display: inline-block;
  text-align: center;
}
.datamaps-legend {
  position: static;
}

.datamaps-legend dl {
  text-align: center;
  display: inline-block;
}
</style>

然后将修改后的副本保存到我的工作目录并更改图形的模板位置，如下所示：

map1$setTemplate(script = 'chart.html')