Javascript 在div（d3.js）中移动附加路径

我有一张地图，我似乎无法移动它的位置。这是我的HTML：

<div class="container">
    <!-- Title -->
    <h1 class="title has-text-centered">New York</h1>
    <h2 class="subtitle has-text-centered">Income vs Poverty</h2>

    <div class="columns">
      <div class="column is-half">
        <svg class="current" width="780" height="850" style="text-align:left;" ></svg>
      </div>
       <div class="column is-half">
        <svg class="2015" width="580" height="800"></svg>
      </div>
    </div>

问题是我无法移动地图（即SVG矩形中的“Countries”类。我希望它更靠近左侧。我已尝试设置“Countries”类的viewBox：

$('counties').each(function () { $(this)[0].setAttribute('viewBox', '0 0 100 100') });

我还尝试了其他CSS操作：

.counties {

 text-align: left;

}

一切都不顺利。有人能告诉我我在这里的方法中缺少了什么吗？

你有没有尝试过

…attr（'transform'，'translate（x，y）

其中x和y是你想要移动它的数字？直接在path元素上使用它。这是一个代码笔：

您是否尝试过

…attr（'transform'，'translate（x，y）

其中x和y是要移动它的数字？直接在path元素上使用它。这是一个代码笔：

---

路径没有viewBox属性，您可能想在元素上设置viewBox。我该怎么做？我知道“当前”html svg（外部矩形）是一个svg，但我该如何在我附加到它的路径上设置它？谢谢Robert！可能通过它的父级？路径没有viewBox属性，您可能想在元素上设置viewBox。如何设置我可以这样做吗？我知道“当前”html svg（外部矩形）是一个svg，但我如何在我附加的路径上设置它？谢谢Robert！也许可以通过它的父元素？为什么不使用所需的转换将所有路径包含在

g

元素中？为什么不使用所需的转换将所有路径包含在

g

元素中？

.counties {

 text-align: left;