【问题标题】:Y-axis ticks' labels visible partiallyY 轴刻度的标签部分可见
【发布时间】:2016-10-19 19:57:16
【问题描述】:

我应该操作哪个参数才能在此处显示整个标签?如您所见,数百显示为“00”、“20”等:

【问题讨论】:

  • 如果我理解正确,请尝试在您的轴上使用格式:d3.svg.axis().scale(y).orient("left").tickFormat(d3.format(".2s "));例如,查看文档link 了解更多信息
  • 谢谢,但这不是格式的问题。图像太窄,无法放入 SVG 画布,我不得不操作边距和填充设置。
  • 是的,我也想过这个问题,但不确定,很高兴你得到答案...

标签: d3.js


【解决方案1】:

这里有一个相关问题链接:How to increase tick label width in d3.js axis

最终它引导我找到这段代码(padding 已在我的脚本中定义):

var padding = 25;

var margin = {top: 20, right: 40, bottom: 30, left: 60},
                    width = 560 - margin.left - margin.right,
                    height = 300 - margin.top - margin.bottom;

操纵这些值(边距和填充)最终给了我想要的结果:Y 轴标签可见:

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 2015-12-18
    • 1970-01-01
    • 2012-03-14
    • 2020-11-22
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2021-08-01
    相关资源
    最近更新 更多