如何强制'addCategoryAxis'元素之间的一些间距

Question

我的目标是制作一个条形图，演示在特定地点宣传的招聘数量。

我正在使用此代码，它使用d3并使用dimple：

<script type="text/javascript">
  function draw(data) {
  /*
    D3.js setup code
  */
      "use strict";
      var margin = 75,
          width = 1400 - margin,
          height = 600 - margin;

      var svg = d3.select("body")
                  .append("svg")
                  .attr("width", width + margin)
                  .attr("height", height + margin)
                  .append('g')
                  .attr('class','chart');
  /*
    Dimple.js Chart construction code
  */
      var myChart = new dimple.chart(svg, data);
      myChart.addCategoryAxis("x", "Location");
      myChart.addMeasureAxis("y", "Jobs");

      myChart.addSeries(null, dimple.plot.bar);
      myChart.draw();
    };
  </script>

它或多或少有效，但事情是 - 结果是无用的，因为X轴非常拥挤，每个单独的位置基本上是不可见的。

是否有办法在那里强制实施一些合理数量的间距，以便不同位置保持清晰，以便能够承受更多日后添加的记录 - 因此具有某种活力。

Answer 1

好的，所以 - 根据@thisOneGuy的建议，我开始玩增加宽度，它起作用了。

起初我试图将宽度增加太多而且图表刚刚消失（如果有人知道为什么会发生这种情况我会有兴趣在评论中听到它）

从width = 1400 - margin,到width = 14000 - margin,消失

但width = 9000 - margin,没问题。

您可以找到结果here