首页
学习
活动
专区
圈层
工具
发布
社区首页 >问答首页 >nvd3.js x轴在重新渲染图表后没有旋转所有的勾标

nvd3.js x轴在重新渲染图表后没有旋转所有的勾标
EN

Stack Overflow用户
提问于 2016-04-26 17:16:00
回答 1查看 281关注 0票数 1

我有一个nvd3图表,我在这里按日、周或月分组数据。当x轴中的值较少时,我就不会旋转轴标签,但是如果我有大量的滴答,我就旋转它们,这样它们就不会重叠。我的问题是,当我有一个按周分组的图表时,勾标会旋转,并按月将其更改为组,除一个标签外,大多数标签都会变成水平的。如果我玩的是日期,我就会发现问题总是发生在2016年2月或2014年12月。如果从日分组开始按月分组,或者刷新页面,图表将按预期显示。见下面的图片:逐周图表逐月图表

有人知道我为什么会有这样的问题吗?

EN

回答 1

Stack Overflow用户

回答已采纳

发布于 2016-04-27 12:48:17

我找到了解决问题的办法。在文件nv.d3中,nv.models.axis的轴图函数中有一个if语句,该语句在标签被设置为旋转时运行(if (rotateLabels %360){.})。但是,如果标签没有设置为旋转,就没有代码显式地设置它,所以我在if语句中添加了一个are语句,该语句对问题进行了排序:

代码语言:javascript
复制
else {
  xTicks
  .attr('transform', 'rotate(0)')
  .style('text-anchor', 'middle');
}

票数 2
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/36871568

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档