Question

下午好。

我问你如何在数据很大的时候用xAxis标签来解决这个问题（重叠的层）你指示我插入一个新的行（*），虽然我的滑动函数有问题。

有人对这个问题感到茫然。

How do I include newlines in labels in D3 charts?

我的图表： http://jsfiddle.net/superboggly/tL2hW/

解决方案：

var insertLinebreaks = function (d) {
  var el = d3.select(this);
  var words = d.split(' ');
  el.text('');

  for (var i = 0; i < words.length; i++) {
    var tspan = el.append('tspan').text(words[i]);
    if (i > 0)
        tspan.attr('x', 0).attr('dy', '15');
  }
};

svg.selectAll('g.x.axis g text').each(insertLinebreaks);

Answer 1

我建议使用此解决方案： http://www.d3noob.org/2013/01/how-to-rotate-text-labels-for-x-axis-of.html

旋转x轴的标签，直到你有太多的条形。如果酒吧的数量太高，我会建议重新考虑这个表，因为任何人都不容易看到。如果您使用Google信息可视化，则可以使用此指南。

要将旋转为水平轴的单位的一般标签，请使用

.attr("transform", "rotate(-XX)")

关于特定文本元素XX度。

XAxis标签问题

1 个答案: