<p>您还可以使用JS选择并移动它。以下是带有单独列的滑块的HTML:</p>
<pre><code><div class="container">
<div class="row">
<div class="col-lg-8">
<h3>Chart</h3>
<div id="vis"></div>
</div>
<div class="col-lg">
<h3>Slider</h3>
<div id="slider">
<div id="oldchildslider"></div>
</div>
</div>
</div>
</div>
</code></pre>
<p>现在,JS将移动滑块(从Altair示例中提取<code>spec</code>):</p>
<pre><code>vegaEmbed('#vis', spec).then(function(result) {
const sliders = document.getElementsByClassName('vega-bindings');
const newparent = document.getElementById('slider');
const oldchild = document.getElementById("oldchildslider");
newparent.replaceChild(sliders[0], oldchild);
}).catch(console.error);
</code></pre>
<p>代码笔上的完整代码:<a href="https://codepen.io/andyreagan/pen/xxgLwaZ?editors=1010" rel="nofollow noreferrer">https://codepen.io/andyreagan/pen/xxgLwaZ?editors=1010</a>
对<code>replaceChild</code>方法的引用:<a href="https://developer.mozilla.org/en-US/docs/Web/API/Node/replaceChild" rel="nofollow noreferrer">https://developer.mozilla.org/en-US/docs/Web/API/Node/replaceChild</a></p>