D3-控制轴上的刻度数

时间:2019-05-16 08:35:09

标签: d3.js

我在这里https://stackblitz.com/edit/d3-workshop-axis-n8kia7有一个简单的演示

它只是显示轴的简单图形。

我知道我可以使用ticks(5)控制轴刻度的数量,但是如何在此代码中使用它

2 个答案:

答案 0 :(得分:1)

在定义比例时必须定义刻度。 例如,在您的代码中

def second_half_original(s):
    return s[len(s)//2 if len(s)%2 == 0 else ((len(s)//2)+1):]

def second_half_split(s):
    if len(s) % 2 == 0:
        return s[len(s) // 2:]
    else:
        return s[len(s)//2 + 1:]

您必须在.scale(x)之后添加.ticks(5)。像这样

>>> def second_half_original(s):
...     return s[len(s)//2 if len(s)%2 == 0 else ((len(s)//2)+1):]
...
>>> def second_half_split(s):
...     if len(s) % 2 == 0:
...         return s[len(s) // 2:]
...     else:
...         return s[len(s)//2 + 1:]
...
>>> s = 'abcdef'
>>> print('Old\t{old}\nNew\t{new}'.format(
...        old=second_half_original(s),
...        new=second_half_split(s)
...     )
... )
Old     def
New     def

,最后'.ticks()'不会强制​​滴答声的数量,它只是给出d3的近似值。要更好地控制价格变动,您可以参考this link

答案 1 :(得分:-2)

正文必须至少包含30个字符;您输入了16。

x_axis.ticks(5);