Rangeroundbands使我的轴太宽

时间:2015-01-19 22:49:09

标签: d3.js scale

我希望我的轴的宽度与我的面积图相同。不过,我的轴比图表略宽。

见下文:

enter image description here

相反,我希望让他们这样 - 端到端:

enter image description here

我的代码如下:

var margin = {top: 30, right: 15, bottom: 30, left: 15},
        width = 130 - margin.left - margin.right,
        height = 170 - margin.top - margin.bottom;

      var y = d3.scale.linear()
        .range([height, 0]);

      var x = d3.scale.ordinal()
          .rangeRoundBands([0, width],1);

      var xAxis = d3.svg.axis()
        .scale(x).tickSize(0,0)
        .tickValues([])
        .orient("bottom");

其他所有内容都来自这些值和x()比例。

0 个答案:

没有答案