将所有轴标签添加到 d3.js 图形中
Adding all axis labels to a d3.js graph
我正在使用这个模板(https://bl.ocks.org/mbostock/3883245)使用 d3 构建图形。我想添加所有 x 轴标签。至于例子;作者没有全部添加。
当我阅读教程时;建议更改此
x.domain(d3.extent(data, function(d) { return d.date; }));
y.domain(d3.extent(data, function(d) { return d.close; }));
我该怎么办?
JSFiddle: http://jsfiddle.net/gqLgowh1/1/
您可以从轴函数中删除 .ticks(5)
调用以开始。
var xAxis = d3.svg.axis().scale(x)
.orient("bottom");
这将显示刻度中的所有标签。但您会注意到文本会重叠。因此,您需要选择轴中的所有标签并旋转它们,并重新调整边距以获得更好的外观。
退房
http://bl.ocks.org/mbostock/4403522
用于旋转轴标签。
相关文章:
- 如何在d3.js中返回路径的y坐标
- 有条件更新d3.js力图中节点的最佳方法
- 使用D3.js计算带有字母间距的文本长度
- D3.js模式不适用于弧形或圆环图
- d3.js Chord图的动态工具提示
- 在D3.js中,有没有任何方法可以将x和y方向上的滚动事件绑定到平移svg
- HTML5FileReader输出到D3.js图表
- D3.js生成有效的SVG,但不显示任何内容
- d3.js:限制画笔的大小
- d3.js用按钮更新条形图工具提示
- 如何为d3.js图表输出组织/嵌套数据
- d3-js快速事件调用问题
- D3.JS向rect添加缩放和列表项
- d3.js圆的半径是否可以由样式属性指定
- 如何在d3.js中自定义事件侦听器
- 在新窗口上使用d3.js
- 如何用d3.js绘制折线图
- 使用dc.js、d3.js和crossfilter引用错误
- D3.js剪辑路径截断了我的图的边缘
- D3.js和坐标系