[英]X-axis label misplaced
在这里的NVD3图表中 ,我旋转并平移了X轴ticks
。 结果,X轴标签“ My X-axis
也受到了影响。
JS:
var xTicks = d3.select('.nv-x.nv-axis > g').selectAll('g');
xTicks
.selectAll('text')
.attr('transform', function(d,i,j) {
return 'translate (-10, 40) rotate(-90 0,0)';
)}
如何修改此代码以跳过格式化X轴标签的格式?
您之前已选择了所有text
元素进行转换。 仅选择tick
标签。
试试下面
xTicks.selectAll('g > .tick > text').attr('transform', function(d, i, j) {
return 'translate (-10, 40) rotate(-90 0,0)'
});
// Bring the 'My X-Axis' label down to avoid overlap.
xTicks.select('.nv-axislabel').attr("y", 90)
希望能帮助到你
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.