Question

我刚刚在这里得到了这个漂亮的图表

<body>
    <div id="chart1" class="chart"></div>
    <script src="https://code.jquery.com/jquery-2.2.4.min.js"></script>
    <script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/d3/3.5.17/d3.min.js"></script>
</body>

但问题是当我滚动x轴时，y轴消失了。我尝试了解决方案here，但没有运气。 The solution here看起来很棒，但它不适用于我的例子。

我知道d3中的轴实际上是svg，那么如何实现固定的y轴？

Answer 1

window.onscroll = function() {myFunction()};

        function myFunction() {
            if(window.pageYOffset == 0)
            {
                d3.select("#test").nodes()[0].setAttribute("transform", "translate(200, " + 10  +")")
            }
             if (window.pageYOffset > 0) {
              d3.select("#test").nodes()[0].setAttribute("transform", "translate(200, " + window.pageYOffset  +")")
}
}

d3.js如何设置y轴固定位置

1 个答案: