从Google表格获取数据时,限制D3 V4中的刻度线数

时间:2018-12-12 14:51:37

标签: javascript d3.js

我正在使用Google表格将数据输入到D4条形图中。问题是我无法限制图表X轴的刻度数。轴上的刻度线太多,这样看起来很糟糕。

通常,通过仅使用axis变量中的.tick(5)配置,非常容易做到这一点。但是通过使用Google表格的此代码,我无法做到这一点。

var xAxis = d3.axisBottom()
.scale(x).ticks(5)
;
    axisLayer
  .attr("class", "eixo")
        .attr("transform", "translate("+[0, plotHeight]+")")
        .call(xAxis)

代码在这里:https://codepen.io/voltdatalab/pen/YdXprg?editors=1010

0 个答案:

没有答案