有没有一种方法可以直接使用d3轴而不直接操作DOM？当D3.js用于其辅助函数时（特别是d3-scale），可以很好地补充Vue.js。
我目前正在使用一个简单的Vue模板来生成SVG。要生成轴，我首先创建一个<g ref="axisX">元素，然后调用d3.select(this.$refs.axisX).call(d3.axisBottom(this.scale.x))。
我想避免使用d3.select来防止直接DOM修改。它运作良好，但与Vue.js的范围样式冲突。
有没有一种方法可以在d3-axis不从DOM元素调用的情况下进行访问？path独立于而不是通过DOM 访问其生成功能将很有用。
这是一个示例CodePen：https ://codepen.io/thibautg/pen/BYRBXW